/* CSS Document
Author: Mark Schuber
1.15.07 */

body {
	font-size:62.5%;
	text-align:center;
	background:url(../images/graybkg.png) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 0 0;
	}
	
div#mainWrapper {
	background: url(../images/background.png) repeat-y left top;
	width:1000px;
	text-align:left;
	margin-bottom:1px;
	padding:0 0 0 0;
	font-size:1em;
	}
		
div#headerContent {
	width:1000px;
	margin:0;
	padding:0;
	}
	
div#headerContent h1 {
	margin:20px 0 10px 25px;
	padding:5px 0 0 20px;
	background:url(../images/CMS_logo.png) no-repeat center left;
	height:117px;
	
	}	
	
div#headerContent ul {
	font-size:12px;
	margin:0;
	padding:0 90px 0 0;
	float:right;
	position:relative;
	bottom:120px;
	}	
	
div#headerContent ul li {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	}	

div#headerContent ul li a {
	color:#000000;
	padding:0 0 0 10px;
	text-decoration:none;
	}
	
div#headerContent ul li a:hover {
	color:#4f5051;
	}	
	
div#SubHeaderContent {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:.05em;
	font-weight:bold;
	font-size:14px;
	color:#2f2d29;
	margin:0px 0px 0 25px;
	padding:0 0 0 0;
	height:36px;
	width:900px;
	background:url(../images/MainNav.png) repeat-x top;
	}
	
div#SubHeaderContent ul {
	font-size:14px;
	margin:7px 0 0 0;
	padding:0px 0 0 0;
	float:right;

	}	
	
div#SubHeaderContent ul li {
	margin:0px 30px 0 0;
	padding: 0 20px 0 40px;
	float:left;
	background:url(../images/bullet.gif) no-repeat left ;
	list-style:none;
	}	

div#SubHeaderContent ul li a {
	color:#2f2d29;
	margin:0px 0px 0 0;
	padding:0 0 0px 0;
	text-decoration:none;
	}
	
div#SubHeaderContent #rightDivide a {
	background:url(../images/divider.png) no-repeat top right;
	padding: 0 10px 0 0;
	margin:0;
	 
	}
	
div#SubHeaderContent ul li a:hover {
	color:#e7d114;
	}	
	
		
div#flashContainer {
	margin:0 0 0 25px;
	padding:0;
	background: url("../images/flash.png") no-repeat top left;
	width:900px;
	height:169px;
	}

div#mainContent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 20px 0 40px;
	padding:0;
	}
	
	
div#mainContent p {
	margin:0;
	padding:0 60px 60px 0;
	font-size:1.3em;
	line-height:1.5em;
	}
	
div#mainContent ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:-40px 0 0 0;
	padding:0 0 0 30px;
	font-size:1.0em;
	line-height:1.5em;
	}
	
div#mainContent ul li {
	list-style: url(../images/subArrow.gif);
	margin:0;
	padding:0;
	font-size:1.3em;
	line-height:1.5em;
	}

.puzzle {
	padding:0;
	margin:0;
	float:left;
	width:170px;
	height:459px;
	}
	

/*div#mainContentLeft {
	margin-left:15px;
	padding:20px 0 0 0;
	float:left;
	width:170px;
	height:459px;
	background:url(../images/puzzles.png) no-repeat top left;
	position:relative;
	left:15px;
	}*/
	
div#mainContentLeft {
	padding:20px 0 0 0;
	margin-left:25px;
	float:left;
	width:500px;
	}
	
div#mainContentLeft p {
	padding:0px 0 10px 20px; 
	margin:5px 0 0 0;
	position:relative;
	font-size:1.1em;
	line-height:1.5em;
	float:left;
	width:300px;
	}
	
div#mainContentLeft a {
	padding:0;
	margin:0;
	color:#1a5d85;
	text-decoration:none;
	}
div#mainContentLeft a:hover {
	padding:0;
	margin:0;
	color:#333333;
	}

div#titleHeader p {
	padding:30px 0 0 0px;
	margin:10px 0 0 20px;
	width:230px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	letter-spacing:.05em;
	font-weight:bold;
	color:#1a5d85;
	}
	
div#mainContentCapabilities {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	margin:0;
	padding:0 100px 20px 0;
	float:right;
	width:600px;
	}
div#mainContentCapabilities p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:450px;
	padding:0;
	margin:0;
	}
	
div#mainContentCapabilities ul{
	width:600px;
	padding:0;
	margin:0;
	}
	
div#mainContentCapabilities ul li{
	width:600px;
	line-height:1.5em;
	padding:0 0 0 0px;
	margin:0 0 0 25px;
	list-style:url(../images/subArrow.gif);
	}	
	
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	margin:0;
	padding:0 0 30px 0;
	}
		
div#mainContentRight {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float:right;
	background:url(../images/quotes.gif) no-repeat top left;
	width: 450px;

	}

div#mainContentRight p {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0 65px 0 0;
	margin:0 0 0 10px;
	font-size:1.3em;
	line-height:2.4em;
	float:right;
	width: 300px;
	
	}		
	
div#footerContent {
	background:url(../images/footer.png) no-repeat;
	clear:both;
	width:995px;
	margin:0 0 0 7px;
	padding:0 0 0 0;
	height:40px;
	}	
	
	
div#footerContent ul {
	position:relative;
	left:20px;
	margin:0;
	padding:0 0 0 20px;
	float:left;
	}	
	
div#footerContent ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	padding:13px 0 0 10px;
	float:left;
	list-style:none;
	}
	
div#footerContent ul li a {
	color:#333333;
	margin:0;
	padding:10px 0 0 0;
	text-decoration:none;
	}		
	
div#puzzleLogos {
	margin:60px 0 0 30px;
	padding:0;
	}

div#puzzleCM {
	padding:0 0 0 0px;
	margin:40px 0 0px 30px;
	background:url(../images/cmPuzzle.jpg) no-repeat;
	width:175px;
	height:155px;
}

div#puzzleMG {
	padding:0 0 0 0px;
	margin:80px 0 0 30px;
	background:url(../images/mergencePuzzle.jpg) no-repeat;
	width:175px;
	height:155px;
}

div#puzzleAQ {
	padding:0 0 0 0px;
	margin:100px 0 0 30px;
	background:url(../images/AQPuzzle.jpg) top no-repeat;
	width:175px;
	height:155px;
}

div#map {
	width: 400px;
	float: right;
	padding: 0 0 0 0px;
	margin:0px 90px 0 0;
	}
	
div#map a {
	background:url(../images/map.gif) no-repeat left top;
	display:block;
	padding: 0 0 0 0;
	margin: 20px 0px 0 0;
	width: 450px;
	height: 400px;
	float: right;
	
	}
div#Ralph {
	background:url(../images/ralph.jpg) no-repeat left top ;
	padding: 0 0 0 0;
	margin: 0px 0 0 0px;
	height: 215px;
	width: 140px;
	float: left;
	padding: 0 0 0 20px;
	}
div#Ralph {
	background:url(../images/ralph.jpg) no-repeat left top ;
	padding: 0 0 0 0;
	margin: 0px 0 0 0px;
	height: 215px;
	width: 140px;
	float: left;
	padding: 0 0 0 20px;
	}
	
div#Juile {
	background:url(../images/julie.jpg) no-repeat left  ;
	padding: 0 0 0 0;
	margin: 0px 0 0 0px;
	height: 218px;
	width: 140px;
	float: left;
	padding: 0 0 0 20px;
	}
div#April {
	background:url(../images/April.jpg) no-repeat left  ;
	padding: 0 0 0 0;
	margin: 0 0 0 0px;
	height: 218px;
	width: 140px;
	float: left;
	padding: 0 0 0 20px;
	}