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

.sidemenucont
{
	position: absolute;
	left: 12px;
	top: 8px;
}

.sm_selected, .sm_unselected{
	height: 27px;
	width: 145px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.sm_selected{
	background-image: url(../images/dark_sidemenu.png);
}

.sm_unselected{
	background-image: url(../images/light_sidemenu.png);
}

.sm_sel_text, .sm_unsel_text{
	position:relative;
	height:auto;
	width:auto;
	left:12px;
	top:5px;
	padding-right:15px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.sm_sel_text{
	color: #FFFFFF;
}

.sm_unsel_text{
	color: #6f7879;
}



.subMenustyle{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.subMenustyle:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.subMenustyle ul{

padding: 4px 0;
margin: 0;
text-align: left;
}

.subMenustyle ul li{
display: inline;
}

.subMenustyle ul li a{

padding: 2px 2px;
margin: 0;
text-decoration: none;
}

.active
{
background: #3f4545;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 0px 3px 0px 3px;
}

.inactive
{
color: #3f4545;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 0px 3px 0px 3px;
}

ul#subMenu li#active a
{
background: #3f4545;
color: #ffffff;
}
ul#subMenu li#inactive a
{
color: #6f7879;
}
ul#subMenu li a:hover, ul#subMenu li#active a:hover
{
background: #3f4545;
color: #ffffff;
}

ul#subMenu li a:hover, ul#subMenu li#inactive a:hover
{
background: #3f4545;
color: #ffffff;
}


.chromestyle{
	position: absolute;
	height: 20px;
	width: 380px;
	left: 250px;
	top: 49px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	z-index: 1;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 0 0;
margin: 0;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
padding: 0px 0px;
margin: 0;
color: #FFFFFF;
text-decoration: none;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{
color: #00b4c9
}



.dropmenudiv{
	position: absolute;
	top: 0px;
	left: 23px;
	border: 0px solid #00b4c9;
	border-bottom-width: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	z-index:100;
	background-color: #2b3030;
	width: 400px;
	visibility: hidden;
}


.dropmenudiv a{
width: 100%;
display: inline;
text-indent: 20px;
border: 0px solid #00b4c9;
padding: 19px 0px;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
z-index:101;
}

.dropmenudiv a:hover{
color: #00b4c9;
}


div.pagination {
	position: relative;
	vertical-align: middle;
}
span.imageStyle {
	position: relative;
	padding: 0px 5px 0px 5px;
	cursor: pointer;
}
span.currentPage {
	position: relative;
	vertical-align: middle;
	padding: 1px 2px 2px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #6f7879;
	color: #FFF;
}
span.disabledPage {
	position: relative;
	vertical-align: middle;
	padding: 1px 4px 2px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DDD;
}
span.linkPage {
	position: relative;
	vertical-align: middle;
	padding: 1px 4px 2px 4px;
	color: #6f7879;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	cursor: pointer;
}

#pad {height:200px;} /* this demo only */

#nav, #nav ul {padding:0; margin:0 auto; list-style:none;}
#nav {
	position: absolute;
	height: 20px;
	width: 380px;
	left: 250px;
	top: 49px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	z-index: 1;}
#nav ul {display:none;}

#nav li {float:left; position:relative;}
#nav li a {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; white-space:nowrap; }
#nav li b {display:block;  cursor:pointer; height:30px; float:left;  font-weight:bold; color:#FFFFFF; font-size: 11px;}
#nav li a b.clicked {color:#00b4c9;}

#nav li ul {position:absolute; left:0; top:25px; height:auto; float:left; background:#2b3030; padding:2px; border:1px solid #00b4c9;}
#nav li ul.w1 {width:100px; z-index:100; text-align:left}


#nav li ul li {float:none; z-index:100;}
#nav li ul li a {display:block; height:20px; line-height:20px; padding:0 5px; color:#000000; font-size:11px; color:#FFFFFF; z-index:100;}
#nav li ul li a:hover {background:2b3030; color:#00b4c9;}


.archive{
	position: absolute;
	top: 110px;
	left: 5px;
	height: 102px;
	width: 145px;
	background-color: #cacfd0;
}

.archiveb1 , .archiveb2 , .archiveb3 {
	display:block; 
	background: #cacfd0;
	height:1px; 
	overflow:hidden; 
	font-size:0; 
	position: absolute;

}

.archiveb1 {margin:0 3px; border-width:0 3px; width: 139px;}
.archiveb2 {margin:0 2px; border-width:0 2px; width: 141px;}
.archiveb3 {margin:0 1px; border-width:0 1px; height:2px; width: 143px;}