/* MTW Vote Global Styles */

html{
	margin: 0px; padding: 0px; text-align: center;
	background: #d4d1de;
}

body{
	margin: 25px auto; padding: 0px;
	width: 760px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif; font-size: 12px;
	color: #000000;
	background: #ffffff;
}

a{text-decoration: underline; font-weight: bold; color: #f7100f;}

.blue{color: #210b79;}
#content p.successMSG{
	background: #009933; border: 2px solid #006600; padding: 15px;
	color: #ffffff;
}
#content p.errorMSG{
	background: #CC0000; border: 2px solid #760202; padding: 15px;
	color: #ffffff;
}

/* ---HEADER--- */
#header{
	background: url(../images/headBG.jpg) 0px 0px;
	padding: 145px 0px 1px 10px;
}

#mainNav{
	margin: 0px; padding: 0px 0px 0px 23px;
	list-style: none; height: 24px;
}
	#mainNav li{float: left; margin: 0px 40px 0px 0px;}
	#mainNav li a{
		display: block; height: 24px;
		text-indent: -5000px;
	}
		li.homeButn a{background: url(../images/navBG.jpg) 0px 0px; width: 58px;}
			li.homeButn a:hover, .HomeActive li.homeButn a{background: url(../images/navBG.jpg) 0px -24px; width: 58px;}
		li.whoButn a{background: url(../images/navBG.jpg) -90px 0px; width: 96px;}
			li.whoButn a:hover, .WhoActive li.whoButn a{background: url(../images/navBG.jpg) -90px -24px; width: 96px;}
		li.wordButn a{background: url(../images/navBG.jpg) -218px 0px; width: 123px;}
			li.wordButn a:hover, .WordActive li.wordButn a{background: url(../images/navBG.jpg) -218px -24px; width: 123px;}
		li.blogButn a{background: url(../images/navBG.jpg) -373px 0px; width: 49px;}
			li.blogButn a:hover, .BlogActive li.blogButn a{background: url(../images/navBG.jpg) -373px -24px; width: 49px;}
		li.contactButn a{background: url(../images/navBG.jpg) -454px 0px; width: 70px;}
			li.contactButn a:hover, .ContactActive li.contactButn a{background: url(../images/navBG.jpg) -454px -24px; width: 70px;}

		
		
/* ---CONTENT--- */
#content{clear: both;}
	.contentWrapper{
		padding: 10px;
	}
	
#content h1{
	margin: 0px; padding: 0px;
}

#content p{
	margin: 0px; padding: 8px 0px;
	line-height: 18px; text-align: justify;
}
	#content p.cit{
		font-size: 11px; color: #454545;
		border-top: 1px solid #d4d1de;
	}
	#content p.contactItem{
		background: #f7f7f8; border: 1px solid #d4d1de;
		padding: 5px; margin: 8px 0px;
	}
		p.contactItem strong{
			 display: block; margin: 0px 0px 5px 0px;
			 border-bottom: 1px solid #d4d1de;
			 font-size: 16px; color: #1a0d4e;
		}
.bannerExample{
	margin: 10px 0px 80px 0px;
}
	#content .bannerExample p{padding: 0px; margin: 0px; text-align: center;}

.codeExample{
	background: #e8e6ec;
	border: 1px dashed #c9c6d3;
	padding: 8px;
	font-size: 11px;
}

.sponsorList td{
	padding: 5px;
	background: #ffffff; border: 1px solid #d4d1de;
	text-align: center; vertical-align: middle;
}
	.sponsorList td strong{display: block;}
	.sponsorList td em{display: block; font-size: 11px; padding: 6px 0px 0px 0px;}

.contentLeft{
	width: 526px;
	float: left;
}

.contentRight{
	width: 192px;
	float: left;
	padding: 0px 0px 0px 21px;
}
	.sideItem{
		background: url(../images/sideItemBottom.jpg) bottom left no-repeat;
		padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;
	}
	.sideItemContent{
		font-size: 11px;
		padding: 2px 8px;
		background: url(../images/sideItemBG.jpg) 0px 0px repeat-y;
	}
		#content .sideItemContent p{
			padding: 10px 0px 10px 0px;
			text-align: left;
			border-bottom: 1px solid #cdcdcd;
		}
			#content .sideItemContent p.lastQuote{border: none;}
			.sideItemContent em{display: block; margin: 5px 0px 0px 0px;}
			.sideContent a{display: block;}
			
	.sideItemTop{height: 46px; overflow: hidden;}

.bulletList{
	margin: 0px; padding:5px 0px;
	list-style: none;
}
	.bulletList li{
		padding: 0px 0px 0px 14px; margin: 8px 0px;
		background: url(../images/checkBullet.jpg) 0px 0px no-repeat;
	}

.contactForm{
	background: #F7F7F8; border: 1px solid #D4D1DE;
	margin: 0px 0px 25px 0px; padding: 5px;
}
	.contactForm label{
		display: block; font-weight: bold; font-size: 11px;
	}
	#content .contactForm p{
		font-size: 10px; line-height: normal; text-align: left;
	}
	.textInput, .messageField{
		display: block; width: 510px;
		padding: 1px; border: 1px solid #D4D1DE;
		font-size: 12px; font-family:Arial, Helvetica, sans-serif;
	}
		.messageField{height: 200px;}
	
	.inputButn{
		border: 1px solid #0b0332; background: #190d4f;
		padding: 2px; text-align: center; font-weight: bold; color: #ffffff;
	}

/* ---FOOTER--- */
#footer{
	clear: both;
	background: #ffffff url(../images/pageBottom.jpg) 0px 0px no-repeat;
}
	#footerNav{
		margin: 0px 0px 7px 140px; padding: 0px;
		list-style: none; height: 14px; display: block;
	}
	#footerNav li{
		float: left;
		margin: 0px 20px;
	}
	#footerNav li a{color: #7c7c7c; font-size: 11px; text-decoration: none;}
	
p.copyright{
	clear: both; padding: 5px 0px 0px 0px; margin: 0px;
	background: #d4d1de;
	color: #6e6a7b; text-align: center;
	font-size: 11px;
}
	p.copyright a{color: #6e6a8b;}