html,body {
margin: 0; padding: 0;
text-align: center;
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
color:#333;
background:#eee;
}

h1, h2, h3 {
	color:#38f;
}

em {
	font-style:normal;
	font-weight:bold;
	color:#f32;
}

a:link, a:visited {

	color: #6D929B;
	text-decoration: none;
	
}
a:hover {
	color: #334466;
	text-decoration: underline;
	
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #DCEDFB url(images/bg_header.jpg) no-repeat;
}


td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
}

#container {
width: 1000px;
margin: 0 auto 0 auto;
text-align: left;

}

div.img
{
  margin: 2px;
  border: 1px dashed #ccc;
  background-color: #fff;
  height: 220px;
  width: 160px;
  float: left;
  text-align: center;
  
}	
div.img2
{
  margin: 2px;
  border: 1px dashed #ccc;
  background-color: #def;
  height: 220px;
  width: 160px;
  float: left;
  text-align: center;
  
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img2 img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {
  border-right: 1px solid #444;
  border-bottom: 1px solid #000;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
div.img2 a:hover img {
  border-right: 1px solid #444;
  border-bottom: 1px solid #000;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  margin-left:auto;
  margin-right:auto;
  border-top:1px solid #aaa;
  padding-top:5px;
  line-height:1.0;
}

div#headcontainer{
  margin-bottom:0px;
  margin-top:10px;
  margin-left:0;
  margin-right:0;
  padding:0px;
  width:1000px;
  height:145px;
  
}
div#header{
  padding:0px; 
  margin:0px; 
  margin-left:0;
  margin-right:0;
  width:660px;
  height:90px;
  background:#fff;
  float:left;
  border: 1px solid #ccc;
}
div#header h1{
  height:90px;
  line-height:90px;
  margin:0;
  padding-left:150px;}
div#header img{
  border:none; 
  padding:0px; 
  margin:0px;
}
  
div#headright{
	height:70px;
	width:330;
	border: 1px solid #ccc;
	margin-left:670px;
	margin-right:0px;
	background:#fff;
	padding:10px;
	text-align:right;
}

div#wrapper{
  float:left;
  width:100%;
}

div#content{
  margin: 0 160px ;
  padding:0px;
  width:500px;
  width:expression(document.body.clientWidth > 500? "500px": "auto" );
}

div#contenttop{
	margin:5px;
	margin-top:10px;
	background:#fff;
	border:1px solid #ccc;
	border-bottom:1px dashed #ddd;
}

div#content p{
  line-height:1.4;
  padding-left:10px;
}
div#content h2{
  padding-left:5px;
}
div#navigation{
  background:#fff;
  min-height:740px;
  .height:740px;
  float:left;
  width:158px;
  margin-top:10px;
  margin-left:-1000px;
  border: 1px solid #ccc;
}
div#navigation ul{
  text-align: left;
  margin:0px;
  padding-top:0px;
  padding-bottom:0px;
  list-style-type:none;
  padding-left:0px;
  
}
div#navigation li{
  text-align: left;
  list-style-type:none;
  margin-top:5px;
  margin-bottom:5px;
  margin-left:5px;
  margin-right:5px;
  border:none;
  padding:0px;
  background: #eee;
  
  background-repeat: repeat-x;
  padding-top:5px;
  padding-bottom:5px;
}

div#navigation a, #navigation a:link, #navigation a:visited {
	text-align:left;
	color: #333;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:0px;
	
	margin-top:0px;
}
div#navigation a:hover {
	color: #6D929B;
	text-decoration: none;
	
	background: #fff;
}

div#navigation li:hover {
	color: #6D929B;
	text-decoration: none;
	
	background: #fff;
}

div#extra{
  margin-top:10px;
  float:left;
  width:338px;
  margin-left:-340px; 
  min-height:740px;
  background:#fff;
  border: 1px solid #ccc;
  text-align:right;
  .height:740px;
}
div#extra h3{
  padding-left:5px;
  padding-right:10px;
}

div#extra img{
  padding-left:5px;
  padding-right:5px;
  border:none;
}

div.extrabox1 {
	margin:10px;
	border:1px dashed #ccc;
	background:#eee;
	padding:5px;
}

div#extra ul{
  text-align: left;
  margin:0px;
  padding-top:0px;
  padding-bottom:0px;
  list-style-type:none;
  padding-left:0px;
  
}
div#extra li{
  text-align: left;
  
  margin-top:5px;
  margin-bottom:5px;
  margin-left:5px;
  margin-right:5px;
  border:none;
  padding:0px;
  background: #fff;
  
  background-repeat: repeat-x;
  padding-top:5px;
  padding-bottom:5px;
}

div#footer{
  background:#fff;
  clear:left;width:100%;
  border:1px solid #ccc;
  margin-top:10px;
}

div#footer p{margin:0;padding:5px 10px}








div#toplinks{
  margin:0px; 
  padding-top:0px;
  background-color:#fdfdfd;
 
  width:1000px;
  height:28px;
  padding-bottom:0px;
  margin-top:8px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
div#toplinks ul{
  text-align: right;
  margin-top:6px;
  .margin-top:0px;
  padding-top:0px;
  padding-bottom:0px;
  .padding-top:6px;
  .padding-bottom:6px;
  margin-bottom:0px;
}

div#toplinks li{
  display:inline;
  margin-right:5px;
  border:none;
  .margin-top:0px;
  
}
div#toplinks a, #toplinks a:link, #toplinks a:visited {
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	background: #ccc;
	
	padding-top:6px;
	padding-bottom:6px;
}
div#toplinks a:hover {
	color: #222;
	text-decoration: none;
	background: #fff;
	
}