/* page */

body  {
	font: 100% Helvetica, Arial, Verdana, sans-serif;
	background: #134769;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
    width: 100%;
}

#pageContainer {
	width:100%;
	margin:0 auto;
}


/* header */

#headerFull {
	width:100%;
	background-color:#FFF;
}

#headerContainer {
	width:841px;
	margin:0 auto;
	height:100px;
	background-color:#FFF;
	text-align:left;
	padding-top:10px;
	padding-bottom:5px;
}

#headerContainer div.mdpLogo {
	float:left;
}


/* middle */

#middleFull {
	width:100%; 
	background-image:url(http://www.missouridems.org/root-system/templates/root_MDP/images/common/stripedBlueBG.png);
	border-top:solid 2px #103853;
	border-bottom:solid 2px #103853;
}

#middleContainer {
	width:841px;
	margin:0 auto;
	height:323px;
	background-image:url(http://www.missouridems.org/root-system/templates/root_MDP/images/common/stripedBlueBG.png);
}

#features {
	width:100%;
	text-align:left;
}
	
#features #slideshow {
	width: 421px;
	height: 297px;
	display:inline-block;
	float:left;
	margin-top:13px;
}

#features #mogo {
	background-image:url(http://www.missouridems.org/root-system/templates/root_MDP/images/features/mogoBackground.jpg);
	width: 216px;
	height: 297px;
	margin-left:12px;
	display:inline-block;
	float:left;
	margin-top:13px;
	text-align:center;
}

#features #mogo #mogoLogo {
	display: block;
	margin-top:10px;
}


#features #mogo #mogoGetInvolved {
	display: block;
	margin-top:10px;
	margin-bottom:30px;
}

#features #mogo span.mogoItem {
	display: block;
	margin-top:10px;
}

#features #spotlight {
	background-image:url(http://www.missouridems.org/root-system/templates/root_MDP/images/home/MOWinsbg.jpg);
	background-color:#c02624;
	width: 178px;
	height: 297px;
	margin-left:12px;
	margin-top:13px;
	display:inline-block;
	float:left;
	text-align:center;
}

#features #spotlight img {
	margin-top:10px;
	margin-bottom:0px;
}

#features #spotlight label {
	font-size:8pt;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	display:block;
	color:#FFF;
}

#features #spotlight label span {
	display:block;
	letter-spacing:4px;
	text-align:center;
	background-color:#aa211f;
	padding:5px;
	font-weight:bold;
}

#features #spotlight label input {
	font-family:Helvetica, Arial, sans-serif;
	border: 1px solid #aa211f;
	width:148px;
	padding:4px;
	margin-top:5px;
	background-color:#F4F4F4;
}

#features #spotlight label.button input {
	display:block;
	text-align:center;
	letter-spacing:4px;
	color:#FFF;
	background-color:#aa211f;
	padding:5px;
	font-weight:bold;
}

#features #spotlight span.submit {
	margin-top: 5px;
	display:block;
	text-align:center;
}


	
/* body */

#bodyFull {
	width:100%;
	margin-top:20px;
}
	
#bodyContainer {
	width: 841px;
	min-height:200px;
	background-color:#e2e1e1;
	background-image:url(http://www.missouridems.org/root-system/templates/root_MDP/images/common/gradientBodyBG.png);
	background-repeat:no-repeat;
	text-align:left;
	margin:0 auto;
	display:block;
	padding-bottom:20px;
        overflow: hidden;
}

#bodyContainer #titleHeader {
	background-image:url(http://www.missouridems.org/root-system/templates/root_MDP/images/common/stripedRedBG.png);
	background-color:#900;
	text-align:left;
	height:20px;
	margin-bottom:10px;
}

#bodyContainer #titleHeader span.headlines {
	width: 400px;
	margin-left:15px;
	display:inline-block;
}

#bodyContainer #titleHeader span.candidates {
	width: 216px;
	margin-left:20px;
	display:inline-block;
}

#bodyContainer #titleHeader span.mdpOnline {
	width: 156px;
	margin-left:20px;
	display:inline-block;
}

#bodyContainer #headlines {
	width:406px;
	display:inline-block;
	float:left;
	margin-left:15px;
	padding-top:10px;
}

#bodyContainer img.lead {
	margin-right: 10px;
	margin-bottom: 10px;
	border:solid 2px #c63b3b;
	float:left;
}

#bodyContainer span.headline {
	display:block;
	text-transform:uppercase;
	color:#1a6392;
	font-size:11pt;
	font-weight:bold;
	letter-spacing:-.5px;
}

#bodyContainer span.meta {
	display:block;
	text-transform:uppercase;
	color:#1a6392;
	font-size:10pt;
	font-weight:bold;
	margin-top:5px;
	letter-spacing:-.5px;
}

#bodyContainer span.content {
	display:block;
	color:#1a6392;
	font-size:10pt;
	margin-top:5px;
}

#bodyContainer span.readmore {
	display:block;
	margin-top:5px;
	padding-bottom:15px;
	height:24px;
}

#bodyContainer #candidates {
	width:400px;
	display:inline-block;
	float:left;
	margin-left:15px;
	padding-top:10px;
}

/* footer */

#footerContainer {
	width: 841px;
	text-align:left;
	margin:0 auto;
	display:block;
	padding-top:15px;
	padding-bottom:20px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-transform:uppercase;
	font-weight:bold;
}

#footerContainer span.item {
	padding-right:15px;
	padding-left:15px;
	display:inline-block;
	border-right:1px solid #CCC;
}

#footerContainer span.firstItem {
	padding-left:0px;
}

#footerContainer span.firstItem {
	padding-left:0px;
}
	
#footerContainer span.lastItem {
	border-right:0px;
}

#footerContainer span.legal {
	border: 1px solid #FFF;
	font-size:8pt;
	padding:10px;
	display:block;
	width:375px;
	font-weight:normal;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
}

#footerContainer a {
	color:#FFF;
	text-decoration:none;
}

.formGreenBox {
	display:block;
	background-color:#92d978;
	line-height:40pt;
	width: 90%;
	border:2px #51ab30 solid;
}
.formRedBox {
	display:block;
	background-color:#f78b8b;
	line-height:40pt;
	width: 90%;
	border:2px #ff4646 solid;
}
.formGreenBox span, .formRedBox span {
	padding-left:15px;
}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:400px;
		height:140px;
		overflow:hidden; 
		}
	span#prevBtn{
		font-size: 10pt;
		font-weight: bold;
		text-transform:uppercase;
		margin-right:25px;
		text-decoration:none;
	}
	span#nextBtn{
		font-size: 10pt;
		font-weight: bold;
		text-transform:uppercase;
		text-decoration:none;	
	}					

/* // Easy Slider */