/* CSS Document
Author: Mark Schuber
1.15.07 */

body {
	margin:0;
	padding:0;
	text-align:center;
	background:#4b6081;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	}
	
	h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#0066CC;
	padding: 10px 0 0 0;
	}
	
	h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color:#333333;
	padding: 0px 0 0px 0px;
	margin:10px 0 0px 0;

	}
	
		
	
div#mainWrap {
	margin:0 auto;
	padding:0;
	background: url(../images/mainTile.jpg) repeat-y top left;
	width:928px;
	position:relative;
	top:2px;
	height: 100%;
	}	
	
div#gradient {
	width:100%;
	background:url(../images/topBG.jpg) no-repeat top left;
	margin:0;
	padding:12px 0 0 0;	
	}	
	
div#subMainWrap {
/*background:url(../images/cmsLogo.gif);
background-position:bottom right;
background-repeat:no-repeat;*/
	margin:0 auto;
	padding:0;
	text-align:left;
	width:838px;
	height:  100%;
	
	}	
	
	div#cmslogo{
	background:url(../images/cmsLogo.gif);
background-position:bottom right;
background-repeat:no-repeat;
padding:40px 0 0 0;
margin: 0 0 5px 0;
	clear:both;
width: 100%;
	}
	
div#headerWrap {
	margin:0 0 0 3px;
	padding:0 0 20px 0;
	background:url(../images/headerTile.gif) repeat-x bottom left;
	height:53px;
	} 

div#headerWrap h1 {
	background:url(../images/header.gif) no-repeat top left;
	width:272px;
	height:34px;
	float:left;
	margin:20px 0 0 0;
	padding:0;
	}	
	
div#headerWrap h1 span {
	position:absolute;
	left:-3000px;
	}	

div#headerWrap ul {
	float:right;
	margin:35px 0 0 0;
	padding:0;
	}

div#headerWrap ul li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}
	
div#headerWrap ul li span {
	padding:0 5px 0 5px;
	}	
	
div#headerWrap ul li a {
	font-size:1.0em;
	color:#474445;
	text-decoration:none;
	/*text-transform: uppercase;*/
	font-weight: 400;
	} 	
div#mainNav {
	font-size:1.1em;
	margin:6px 0 0 3px;
	padding:0;
	background:url(../images/mainFlashNav.jpg) no-repeat top left;
	width:100%;
	height:187px;
	}
	
div#mainNav ul {

	float:right;
	margin:0;
	padding:9px 0 0 0;
	position:relative;
	right:1px;
	}	

div#mainNav ul li {
color:#99FFCC;
font-weight: bold;
	float:left;
	margin:0 0 0 10px;
	padding:0 15px 0 10px;
	/*border-right:#59595a 1px solid;*/
	list-style:none;
	background:url(../images/arrow.gif) no-repeat left center;
	}	

div#mainNav ul li.noBorder {
	border:none;
	}
	
div#mainNav ul li a {
	
	text-decoration:none;

	color:#fff;
	}	
	
div#mainNav ul li a:hover {
	color: #9ddff1;
	}	
	

div#flashContainer {
	float:right;
	margin:0;
	padding:0;
	width:500px;
	height:154px;
	clear:both;
	background: background:url(../images/flash.png) no-repeat top left;
	position:relative;
	top:11px;
	right:9px;
	}

div#flashImage {
	float:right;
	margin:0;
	padding:0;
	width:500px;
	height:154px;
	clear:both;
	background:url(../images/flashImage.png) no-repeat top left;
	position:relative;
	top:11px;
	right:9px;
	}	
	
.subFunctionTitleBar {
font-family:Arial, Helvetica, sans-serif;
padding: 0 0 0 10px;
font-size: 1.2em;
color:#333333;
font-weight:bold;

	background:url(../images/subfunction.gif) repeat-x;
	line-height: 23px;
	border-bottom:#f8f8f8 2px solid;
	border-top:#f8f8f8 2px solid;
	cursor:pointer;
	}	
	
	.subFunctionCollapse {
	line-height: 23px;
	border-bottom-color:#E6E6E6;
	border-bottom-width:   1px;
	border-bottom-style: solid;
	/*border-top:2px solid #E2E2E2;*/
	cursor:pointer;
	}	
	
div#footer {
	margin:0;
	padding:0;
	width:929px;
	height:48px;
	clear:both;
	background: url(../images/footer.jpg) no-repeat bottom left;
	height:5em;
	}	
	
div#footer ul {
	margin:0;
	padding:0;
	float:left;
	position:relative;
	top:15px;
	left:40px;
	}		
	
div#footer ul li {
	margin:0;
	padding:0 10px 0 10px;
	float:left;
	list-style:none;
	background:url(../images/footerNaDivider.png) no-repeat right center;
	}		
	
div#footer ul li.noDivider {
	background:none;
	}	
		
div#footer ul li a {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#3e3b3c;
	text-transform:uppercase;
	font-size:1.1em;
	}	

div#footer ul li a:hover {
	color:#0066FF;
	} 	
	
div#callOutContainer {
	margin:2px 0 0 0;
	padding:0;
	width:838px;
	height:371px;
	background:url(../images/callOuts.jpg) no-repeat top left;
	
	}		
	
div#callOutContainer div {
	float:left;
	width: 229px;
	margin:0;
	padding:0;
	position:relative;
	left:30px;
	}	
	
div#callOutContainer div.middleCallOut {
	margin:0 44px 0 56px;
	padding:0;
	} 	
	
div#callOutContainer div h3 {
	font-size:2em;
	margin:27px 0 0 0;
	padding:0 0 0 33px;
	color:3e3b3c;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	text-transform:uppercase;
	}
	
	div#callOutContainer div h3 a {
	text-decoration: none;
	margin:27px 0 0 0;
	padding:0 0 0 0px;
	color:#3e3b3c;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	}	
	
	div#callOutContainer div h3 a:hover {
	color:#0066CC;
	}	
	
	div#callOutContainer div h3 a:visited {
	color:#3e3b3c;
	}	
	
div#callOutContainer div p {
	font-size:1.1em;
	line-height:1.8em;
	
	}	
	
div#callOutContainer div p span {
	font-weight:bold;
	}	
	
div#interiorContainer, div#mapContainer {	
	margin:2px 0 0 0;
	padding:0;
	width:838px;
	background:url(../images/InteriorMain.jpg) no-repeat top left;
	}
	
	div#interiorContainer p{	
	

	padding:0 20px 0 20px;
	margin:10px 0 0 0;
	font-size:1.1em;
	line-height:1.8em;
	}


div#interiorContainer div p, div#mapContainer div p {
	width: 800px;
	float:left;
	padding:0 0 0 20px;
	margin:10px 0 0 0;
	font-size:1.1em;
	line-height:1.8em;
	}
		
	
div#mapContainer div p {
	width:200px;
}


div#interiorContainerImages {	
	margin:2px 0 0 0;
	padding:0;
	width:838px;
	background:url(../images/InteriorMain.jpg) no-repeat top left;
	}

div#interiorContainerImages div p {

	width: 570px;
	float:left;
	padding:0 0 0 20px;
	margin:10px 0 0 0;
	font-size:1.1em;
	line-height:1.8em;
	}

	
	
div#interiorContainer  p span, div#mapContainer  p span {
padding: 10px 0 0 0;
	font-size:1.5em;
	float:left;

	margin:0 0 0 0;
	color:#053E69;
	font-weight: bold;
	}	
	
	div#interiorContainer div ul {
	width: 100%;
	float:left;
	padding:0 0 0 20px;
	margin:10px 0 0 0;
	font-size:11px;
	line-height:1.3em;
	}
	
	div#interiorContainer div ul li {
	background:url(../images/arrow_right.png) left no-repeat;
	width:  100%;
	float:left;
	padding:0 0 0 20px;
	margin:10px 0 0 0;
	font-size:11px;
	line-height:1.3em;
	}

div#interiorContent{
font-size:1.1em;
	line-height:1.8em;
	float:left;
	padding: 0;
	margin:0;

	}
	
	div#interiorContent p{
font-size:1.1em;
	line-height:1.8em;
	float:left;
	padding: 0;
	margin:0;
	}		
	
	div#leftContent{
	float: left;
	width:100%;
	}
	
	
	
	div#Ralph {
	background:url(../images/ralph.jpg) no-repeat left top ;
	padding: 0 0 0 0;
	margin: 20px 0 0 20px;
	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: 20px 0 0 20px;
	height: 218px;
	width: 140px;
	float: left;
	padding: 0 0 0 20px;
	}
	
	div#map {
	width: 450px;
	float: right;
	margin:20px 20px 0 0;
	_margin-right:10px;

	}
	
	div#map a {
	background:url(../images/map.gif) no-repeat right top;
	display:block;
	width: 450px;
	height: 500px;
	float: right;
	
	}
	
	div#iframeContainer {
	height:800px;
	margin:2px 0 0 0;
	padding:0;
	width:838px;
	}
	
	.contactMap {
	width:250px;
	float:left;
	}
	
	.contactMap p {
	width:200px;
	}