body{
	background-color:#4f6674;
	background-image:url('bg.jpg');
	background-repeat:repeat;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	font-style:normal;
}

#wrapper{
	width:819px;
	height:618px;
	margin:0 auto;
	padding:0;
	background-image:url('wrapper.jpg');
	background-position:bottom;
	background-repeat:repeat-x;
}

#top{
	width:844px;
	height:126px;
}
/*MENU STYLES */
#menu{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#fff;
	width:490px;
	height:120px;
	font-weight:bold;
	letter-spacing:1px;
	
	
}
/* common styling */
.menu {font-family: arial, sans-serif; width:600px; height:200px; position:relative; font-size:9px; z-index:100; text-transform:uppercase;}
.menu ul li a, .menu ul li a:visited {display:block;font-style:normal; text-decoration:none; color:#ffffff; padding:9px 15px 5px 15px; background-image:url('menubg.jpg'); background-repeat:no-repeat; background-position:right;  text-align:left;  border:0px solid #fff;  line-height:9px; font-size:9px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ffffff; background-color:none; border:0px #b6c6d6 solid;}
.menu ul li:hover ul {display:block; position:absolute; text-align:left; top:21px; height:30px; left:0; width:510px; background:none; border:0px #b6c6d6 solid;}
.menu ul li:hover ul li a.hide {background:none; text-align:left; margin:-10px 0px 0px -1px; display:block; padding-bottom:0px; font-size:8px; color:#bfd0da;  height:10px;}

.menu ul li:hover ul li:hover a.hide {text-align:left; border-right:0px #b6c6d6 solid; font-size:8px;border-left:0px #b6c6d6 solid; border-top:0px #b6c6d6 solid; 
 color:#bfd0da; margin:-10px 0px 0px -1px; padding-bottom:0px; display:block; height:10px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:none; border:0px; font-size:8px; color:#bfd0da;}
.menu ul li:hover ul li a:hover {background:none;display:block; font-size:9px; color:#bfd0da;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; margin:0px 0px 0px -1px;  border-left:0px #b6c6d6 solid; border-bottom:0px #b6c6d6 solid; text-align:left; padding-left:5px; width:505px;}
.menu ul li:hover ul li ul li a{display:block;  color:#bfd0da; text-align:left;}
.menu ul li:hover ul li ul li a:hover{display:block; border:0px; color:#bfd0da; text-align:left;}

#logo{
	float:left;
	width:84px;
	height:94px;
	background-image:none;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}



#reputation{
	width:819px;
	height:128px;
	background-color:#688998;
}

#front{
	width:819px;
	height:309px;
	margin:14px 0px 16px 0px;
}

#whitedots{
	width:819px;
	height:15px;
	color:#a6b1b7;
	background-repeat:repeat-x;
}

#pagecontainer{
	width:819px;
	margin:14px 0px 16px 0px;
	padding:0px;
	
}

#leftcontent{
	float:left;
	width:311px;
	height:287px;
	padding:4px 19px 19px 21px;
	margin:0px 13px 0px 0px;
	background-color:#4f6674;
	background-image:url("leftbg.jpg");
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; 	
	font-size:8px;
	color:#8ca6b5;
	letter-spacing:1px;
	font-style:italic;
}

#leftcontent .top{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; 
	font-size:8px;
	padding-left:12px;
	font-style:italic;
	letter-spacing:1px;
	color:#7a929f;
}

#leftcontent .top .slash{
	font-style:normal;
}


#leftcontent .text{

	font-size:11px;
	color:#FFFFFF;
	letter-spacing:.1px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	padding-left:6px;
	overflow:hidden;
	height:238px;
	width:295px;
}

#textcontent .text a:link{	decoration:none;font-size:11px;
	color:#FFFFFF;}
#textcontent .text a:active{	decoration:none;font-size:11px;
	color:#FFFFFF;}
#textcontent .text a:visited{	decoration:none;font-size:11px;
	color:#FFFFFF;}
#textcontent .text a:hover{	decoration:none;font-size:11px;
	color:#FFFFFF;}

 .text a:link{	decoration:none;font-size:11px;
	color:#FFFFFF;}
.text a:active{	decoration:none;font-size:11px;
	color:#FFFFFF;}
.text a:visited{	decoration:none;font-size:11px;
	color:#FFFFFF;}
.text a:hover{	decoration:none;font-size:11px;
	color:#FFFFFF;}


#leftcontent .text ul li{
margin-left:-30px;
}

#leftcontent .top a, a:visited{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; 
	font-size:8px;
	font-style:italic;
	letter-spacing:1px;
	color:#acc0cb;
}

#headerborder{
	width:313px;
	border-bottom:#546f7a 1px solid;
	border-top:#546f7a 1px solid;
	margin-bottom:15px;
	background-image:url('leftbg.jpg');
	background-repeat:repeat;
	margin-top:2px;
}

#headerborder2{
	width:313px;
	border-top:#546f7a 1px solid;
	margin-bottom:15px;
	margin-top:2px;
}
#headerincontent{
	width:300px;
	margin:4px 0px 4px 0px;
	background-color:#526d78;
	padding:10px 10px 7px 12px;	
	color:#FFFFFF;
	font-size:11px;
	line-height:16px;
	letter-spacing:normal;
	font-style:normal;
	background-image:url('rightarrow.jpg');
	background-repeat:no-repeat;
	background-position:right;
}

#headerincontent a:link{	color:#FFFFFF;font-size:11px;font-style:normal;letter-spacing:normal;	text-decoration:none;}
#headerincontent a:active{	color:#FFFFFF;font-size:11px;font-style:normal;letter-spacing:normal;	text-decoration:none;}
#headerincontent a:visited{	color:#FFFFFF;font-size:11px;	font-style:normal;letter-spacing:normal;text-decoration:none;}
#headerincontent a:hover{	color:#FFFFFF;font-size:11px;font-style:normal;	letter-spacing:normal;text-decoration:underline;}

#headerincontent h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-style:normal;
	text-transform:uppercase;
	margin-top:-5px;
	margin-bottom:-.6px;
}

#prevnext{
	text-align:right;
	width:311px;
	height:14px;	
	background-color:#4f6674;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; 	
	font-size:8px;
	color:#c2d2d9;
	letter-spacing:1px;
	padding:13px 19px 0px 19px;
	margin:0px 0px 0px -19px;
	text-transform:uppercase;
	font-style:italic;
}

#prevnext a:link{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; 	
	font-size:8px;
	color:#c2d2d9;
}

#prevnext a:hover{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; 	
	font-size:8px;
	color:#CCCCCC;
}

#prevnext a:visited{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; 	
	font-size:8px;
	color:#c2d2d9;
}
#rightcontent{
	width:455px;
	height:310px;
	margin:0;
	float:right;
	padding:0;
}
#rightcontent .big{
	width:455px;
	height:219px;
	padding:0;
	margin:0px 0px 7px 0px;
	background-color:#fff;
}

#littleimg2{
	width:190px;
	height:136px;
	margin:0;
	padding:0;
	float:left;
	background-color:#FFFFFF;
}

#littleimg{
	width:90px;
	height:82px;
	margin:0;
	padding:0;
	float:left;
	background-color:#FFFFFF;
}

#littleimg.after{
	width:90px;
	height:82px;
	float:left;
	margin:0px 0px 0px 31.4px;

}

#littleimg img{
	
	opacity:0.4;
	filter:alpha(opacity=40);
	background-color:#FFFFFF;
}

#littleimg img:hover{
	
	opacity:1.0;
	filter:alpha(opacity=100);
	background-color:#FFFFFF;
}

#littleimg.after img{
	
	opacity:0.4;
	filter:alpha(opacity=40);
	background-color:#FFFFFF;
}

#littleimg.after img:hover{
	
	opacity:1.0;
	filter:alpha(opacity=100);
	background-color:#FFFFFF;
}