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

body {
	margin:0;
	text-align:left;
	color:#4c687e;
	font-size:11px;
	background-color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
}

h1 {font:"Myriad Pro", sans-serif; font-size:24px; margin-left: 5px; font-style:italic}

h2 {font:"Myriad Pro"; font-size:18px;font-weight:bold;}
p {
	text-align:left;


	padding: 5px:5px:5px:5px;
	left: 165px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

<div class ="container">
<div class ="menu">
</div>
<div class ="photo">
</div>
<div class ="outline">
</div>
<div class ="nav">
</div>
<div class ="content">
</div>
<div class ="nav1">
</div>
<div class ="photo">
</div>
<div class ="body">
</div>
<div class ="features">
</div>
<div class ="text">
</div>
<div class ="indextext"
</div>
<div class ="guide">
</div>
<div class="footer">
</div>
<div>

. container {}
 .container {
	width:1005px;
	height: 175px;
	margin:0 auto;
	text-align:left;
	background-image:url(Container_background.jpg);
	font-margin-left:160px
} 
 .outline { background-color: #4c687e;
	border-top:solid;
	border-top-color:#000066;
	border-top-width:1px;
	border-bottom:solid;
	border-bottom-width:thin;
	border-bottom:#000066;
}
.menu {margin:0 auto; font-margin-left:160px; width:1005px; height:50px; background-color:#FFFFFF; text-align:center}
.nav {
	float:left;
	width: 160px;
	background-color: #6a90bb;
	background-repeat:repeat-y;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#4c687e;
	margin-left: 0;
	padding:0px;
	
}
.nav1 {
	float:left;
	width: 160px;
	background-color: #FFFFFF;
	border-right-style: dotted;
	border-top-style:dotted;
	border-bottom-style:dotted;
	border-bottom-color:#4c687e;
	border-top-color:#4c687e;
	border-right-color:#4c687e;
	border-right-width:thin;
	border-top-width:thin;
	border-bottom-width:thin;
	padding:5px;
	margin: 0;
	
}

.text {
width:auto;
float:left;
padding-left:5px;
}

.indextext{
width:435px;
float:left;
padding-left: 5px;
text-align: left;
border: thin dotted #4c687e;


}

.guide {
width:800px;
float:left;
padding-left:5px;
border-top:thin; border-top-style:dashed; color:#4c687e;
border-bottom:thin; border-bottom-style:dashed; color:#4x687e
} 

.photo {
width: 550px;
float: left;
padding: 5px;
}


.content {
	width:1005px;
	background-color: #FFFFFF;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#6a90bb;
	float: left;  
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.features {
width:400px;
padding: 5px;
float:left;
}

.body {margin-left:150px; width:860px;}
.footer {
	clear:both;
	background-color: #FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-top-color:#666666; border-top-style:solid; border-top-width:thin;
 	font-weight:bold;
	font-style:italic;
	text-align:center;
	color:#FFFFFF;
	width:1005px;
}
 
  
