/* CSS Document */

*{
	margin: 0 auto; 
	padding: 0;
}
body  {
	font-family:"trebichet ms,"Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#000 url(images/bg.jpg) repeat-x;
	text-align: center;
	color: #333;
	font-variant:normal;
}

h1{ 
	padding:5px 3px 5px 3px;
	font:23px;
}

h2{
	font:18px "trebuchet ms"tahoma;
	color:#fff;
	text-align:center;
	padding-bottom:10px;
	text-transform:capitalize;
}

h3{ 
	background:url(images/bullets.gif) 30px 15px no-repeat;
	padding:10px 15px 18px 48px;
	font-size:15px;
	color:#333;

}
h4{ 
	font:bold 15px "trebuchet ms"tahoma;
}

p{ padding-bottom:10px;}
/* ------------------------ menu------------------------- */

#menu{
padding: 0;
height:43px;
padding-left:5px;
padding-top:5px;
voice-family: "\"}\"";
voice-family: inherit;
}

#menu ul{
font: normal 10px verdana, arial, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#menu li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.3em;
font-size: 120%;
}


#menu a, #menu strong{
float:left;
color:#fff;
background: transparent url("images/menu1_left.jpg") no-repeat left top;
padding:0px 3px 0px 8px;
text-decoration:none;
font-size: 10px;
letter-spacing: 1px;
font-family:  Arial, Verdana, sans-serif;

}

#menu a span, #menu #current span{
float:left;
display:block;
color:#fff;
background: transparent url("images/menu1_right.jpg") no-repeat right top;
padding:13px 30px 13px 20px;
font-weight:bold;
}

#menu a span{
float:none;
}

#menu #current a, #menu strong{
background-position:0 0px;

}

#menu #current a span, #menu #current span{
background-position:100% 0px;
	color:#333;
}

#menu a:hover{
background-position:0% -44px;
}

#menu a:hover span{
color: #333;
background-position:100% -44px;
}

#menu #current a:hover {	background-position:0% px; }
#menu #current a:hover span { color: #fff;	background-position:100% 0px; }

#menuline{
clear: both;
padding: 0;
width: 100%;
background: #2B6600;
}

#csslibrarytab a, #csslibrarytab strong{
background: transparent url("images/menu_left.jpg") no-repeat left top;
color:#fff;
}

#csslibrarytab a span{
background: transparent url("images/menu_right.jpg") no-repeat right top;
padding:14px 30px 12px 20px;
color:#fff;
}

#csslibrarytab a:hover{
background-position:0% 0px;
}

#csslibrarytab a:hover span{
color: #fff;
background-position:100% 0px;
}

#submenu{
	margin-top:5px;
	margin-bottom:10px;
}
#submenu ul{ 
	margin:0;
	padding:0;
	list-style:none;
}

#submenu li{ 
	margin:0 10px 0 10px;
	list-style:none;
	border-bottom:1px dotted #ccc;
}
	
#submenu li a{
	font:bold 13px "trabuchet ms",Arial, Helvetica, sans-serif;
	list-style:none;
	padding:6px 12px 5px 23px;
	color:#333;
	display: block;
	background:url(images/bullet.jpg) 5px 8px no-repeat;
	text-decoration:none;
	cursor: pointer;

}

#submenu li a:hover{ 
	color:#BF8A00;
}


/* ------------------------ Start of header layout ------------------------- */
.wrapper #container { 
	width: 800px;
	background:#fff url(images/top_cont.jpg) no-repeat;
	background-position:0px 267px ;
	margin: 0 auto; 
	text-align: left; 
} 
.wrapper #header { 
	background:#fff url(images/header.jpg) no-repeat top; 
	padding: 0 10px;
	height:218px;
} 

.wrapper #header h1 {
	margin: 0;
	padding: 10px 0;
}

/* ------------------------ sidebar ------------------------- */
.wrapper #sidebar1 {
	float: left; 
	width: 257px;
	padding: 8px 3px 0 3px;
	border-right:1px solid #ccc;
	margin:0;
}
.wrapper #sidebar2 {
	float: right; 
	width: 257px;
	padding: 8px 3px 0 3px;
	margin:0;
}

.wrapper #sidebar1 p, .wrapper #sidebar2 p{
	margin-left: 5px;
	margin-right: 5px;
}


/* ------------------------ maincontent ------------------------- */
.wrapper #mainContent {
 	margin: 8px 265px 0 262px;
	padding:0px 8px 5px 8px;
	border-right:1px solid #ccc;
	
}
.pic{ 
	text-align:center; 
	padding:7px 0 7px 0;} 

/* ------------------------ Footer ------------------------- */
.wrapper #footer { 
	padding: 0 20px;
	background: url(images/footer.jpg) repeat-x;
	color:#333;
} 
.wrapper #footer p {
	margin: 15px 0 0 0; 
	padding:25px 0;
	text-align:center;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}



.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}