@charset "UTF-8";
/* CSS Document */

html, body { height:100; }

.left { float:left}
.right { float:right}


body { 
	margin:0;
	background-position:center;
	background-color:#e3e3e3;
	background-image:url(../images/body.jpg); background-repeat:repeat-y;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

img {
	border:none;
}

.header {
	margin-left:auto; margin-right:auto; width:100%;
	height:60px;
	background-image:url(../images/header.jpg); background-repeat:repeat-x;
}

html>body .header {
	position:fixed; top:0; padding:0; margin:0;
}
.header .centered {
	margin-left:auto; margin-right:auto;
	width:624px; background-image:url(../images/header_logo.jpg);
	background-repeat:no-repeat;
}
.header img {
	float:left; display:inline; padding:0; margin:0;
	display:none;
}

html>body .header img {
	display:block;
}

.footer {
	clear:both;
	width:100%; height:37px;
	background-image:url(../images/footer.jpg); background-repeat:repeat-x;
}

@media screen and (min-device-width:500px), projection, tv {

html>body .footer {
	position:fixed; bottom:0;
}

}

.main {
	margin-left:auto; margin-right:auto;
	width:624px; clear:both;
}

.featured {
	padding:0; margin:0; width:600px; padding-left:2px; padding-right:2px;
	padding-bottom:10px; background-color:#FFFFFF;
	margin-right:auto; margin-left:auto;
}

.featureTitle {
	height:38px; background-image:url(../images/featureTitle.jpg); color:#FFFFFF; text-align:center;
}

html>body .featureTitle {
	height:38px
}

.featureTitle h1 {
	font-size:25px; margin:0; padding:0;
}

html>body .featureTitle h1 {
	padding-top:3px;
}

html>body .main {
	margin-top:60px;
}

ul.primaryNavigation {
	margin-right:auto; margin-left:auto; margin-top:0px; padding:0; margin-bottom:0;
	padding-left:260px; width:363px; white-space:nowrap;
	line-height:60px; text-align:right;
}
ul.primaryNavigation li {
	display:inline; list-style-type:none; clear:none;
}
ul.primaryNavigation a {
	width:105px; height:60px; display:inline-block;
	padding-left:0; margin-left:5px; font-weight:normal;
	font-size:18px; color:#FFFFFF; text-decoration:none;
	background-image:url(../images/main_navigation.jpg); text-align:center;
}

ul.primaryNavigation a:hover, ul.primaryNavigation a.selected {
	background-image:url(../images/main_navigation_highlight.jpg);
}

ul.secondaryNavigation {
	width:150px; margin-left:6px; margin-top:0; float:left;
	padding:0;
	list-style-type:none;
	height:100%; 
	background-image:url(../images/secondary_navigation_background.jpg); background-repeat:repeat-y;
}

html>body ul.secondaryNavigation {
	margin-left:11px; padding-right:10px;
}

ul.secondaryNavigation .topListItem {
	background-image:url(../images/secondary_navigation_header.jpg);font-size:.001em;height:17px;
	background-repeat:no-repeat;
}

ul.secondaryNavigation .bottomListItem {
	background-image:url(../images/secondary_navigation_footer.jpg);font-size:.001em;height:17px;
	background-repeat:no-repeat; display:none;
}

html>body ul.secondaryNavigation .bottomListItem {
	display:block;
}

ul.secondaryNavigation a {
	height:1.3em; width:150px; margin:0; margin-bottom:.3em;
	padding-left:15px; padding-top:2px;
	background-image:url(../images/secondary_navigation.jpg);
	background-repeat:repeat-y;
	font-size:18px; color:#FFFFFF;
	text-decoration:none; display:block;
}

ul.secondaryNavigation a:hover, ul.secondaryNavigation a.selected {
	background-image:url(../images/secondary_navigation_highlight.jpg);
}

/* Main Content */
.content {
	width:435px; float:left; padding:0 10px 37px 0px;
	color:#333333; margin:0;
}
#homepage {
	margin-left:95px;
}
.content h2 {
	margin-top:0; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin-bottom:5px;
}

.content h2 a {text-decoration:none; color:#333333;}

.content h3 {
	font-size:16px; margin-bottom:5px;
}

.content p {
	text-align:justify; font-size:14px; margin-top:0;
}

.content p.center {
	text-align:center; display:block; font-size:14px; margin-top:0;
}


.content img.left, .content img.right {
	margin:10px;
}

.imageContainer {
	clear:both; margin-bottom:10px;
	display:block; text-align:center; width:100%; margin-left:auto; margin-right:auto;
}

.imageContainer .image {
	margin:5px; display:inline-block;
}

.imageContainer .image h4 {
	margin:0; font-weight:normal;
}
.imageContainer .image img {
	border:1px solid #333333;
}

/* Contact */
form.contact label {
	display:block; float:left; clear:left;
	width:100px; margin-bottom:5px;
}
form.contact input {
	width:320px;display:block; margin-bottom:5px;
}

html>body form.contact input {
	width:332px; 
}

form.contact select {
	width:332px;
}

form.contact textarea {
	width:422px;
}

html>body textarea {
	width:432px;
}

input.submit {
	margin-left:auto; margin-right:auto;
}

ul.imageList {
	list-style-type:none;
	margin:0; padding:0;
	vertical-align:middle;
}

ul.imageList li {
	margin:5px; clear:both;
}
ul.imageList h3 {
	display:block; height:70px; padding-top:50px; font-size:20px;
}
ul.imageList img {
margin:10px; float:left;
}
ul.imageList a {
	text-decoration:none; color:#333333;
}

/* Vote */
form.vote ul {
	list-style-type:none;
}
form.vote ul li {
	margin-bottom:10px;
}