/* CSS Document */

body{
	padding:0 0 14px;
	color:#FFFFFF;
	background:#232323;
	border-top: 10px solid #00C5CD;
}

div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------HEADER 1--------------------*/
#header{
	width:1000px;
	position:relative;
	height: 150px;
	background:#232323 url(../images/main_bg_02.jpg) no-repeat;
}
/*------------------------------------------------HEADER 2--------------------*/

#header2{ background-color: #232323; width:880px; height:40px; position:relative; margin-left:70px; margin-right:0px; margin-bottom: 0; padding-top: 20px; padding-left: 20px; }

#header2 p { color:#FFFFFF; 
font: 11px Arial, Verdana; 
font-weight: bold; margin-bottom: 20px; text-align: right;} 

#header2 p a {
	color:#FFFFFF; 
font: 11px Arial, Verdana; 
font-weight: bold;
	text-decoration: underline;
	padding-right: 20px;
}

#header2 p a:hover {
	color:#FFFFFF; 
font: 11px Arial, Verdana; 
font-weight: bold;
	text-decoration: none;
}

#header2 h2{
	font:55px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:inherit;
	margin:40px 30px 0 0;
	padding:0 0 0 20px;
}

#header2 h3{
	font:20px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:inherit;
	margin:30px 30px 0 0;
	padding:0 0 0 20px;
}

/*------------------------------------------------BORDER--------------------*/
.border1 
{ margin-left: 10px; margin-right: 10px; border-top: 3px solid #333333; margin-bottom: 3px; background-color: #FFFFFF;}



/*------------------------------------------------BODY--------------------*/
#body{
width:950px;
padding:0 0 13px;
margin:0 0 0 0;
}

.column2-unit-left {float:left; width:230px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:left; width:230px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-top: 0px;}


/*------------------------------------------------left--------------------*/
#left{ width:350px; float:left; margin-top: 10px; margin-right: 0px; padding-bottom: 20px; 
background-color: #232323; border-left: 1px solid #444444; }

#left h2{
	font:55px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:inherit;
	margin:30px 30px 0 0;
	padding:0 0 0 20px;
}

#left h3{
	font:20px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:inherit;
	margin:30px 30px 0 0;
	padding:0 0 0 20px;
}


#left p.leftTxt1{
	font:13px/1.9em Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:inherit;
	padding: 10px 10px 0;
	margin-left: 10px;
}
#left p.leftTxt1 a{
font:13px Arial, Helvetica, sans-serif;
	color:#00C5CD;
	background-color:inherit;
	text-decoration: none;
}

#left p.leftTxt1 a:hover{
font:13px Arial, Helvetica, sans-serif;
	color:#00C5CD;
	background-color:inherit;
	text-decoration: underline;
}

#left p.leftTxt1 a.current{
font:13px Arial, Helvetica, sans-serif;
	color:#00C5CD;
	background-color:inherit;
	text-decoration: underline;
}

#left1{
	margin:7px 0 4px 5px;
	padding:0 30px 6px 9px;
	color:#ffffff;
	height: 400px;
	background: #222222;	
}

#left1 p.pic1{
	display:block;
	background:url(images/lft_pic1.gif) 0 0 no-repeat;
	width:88px;
	height:78px;
	margin:5px 0 0 0;
	float:left;
}
#left1 p.boxTxt1{
	float:right;
	padding:0 0 0 15px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#left1 p.boxTxt1 span{
	font:normal 19px/17px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	padding:0 0 0 25px;
	margin:0 0 10px 0;
	background:url(images/one.gif) 0 0 no-repeat;
	height:17px;
	display:block;
}


#left1 h2{
	font:bold 18px/1.4em Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-bottom: 5px;
	padding-top: 15px;
	border-bottom: 1px solid #ffffff;
}


#left1 p{
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-top: 5px;
	padding-top: 0;
	padding-left: 10px;}
	
	#left1 p a{
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-top: 5px;
	padding-top: 0;
	padding-left: 10px;
	float: right;
	}


	


/*------------------------------------------------right--------------------*/

#right{ width:460px; margin-left: 30px; float:left; padding-top: 0; background-color: #232323; margin-top: 0;}


#right{ width:519px; margin-left: 30px; float:left; padding-top: 0px; background-color: #232323; margin-top: 0px;}


#right h1{
	font:16px "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#999999;
	background-color:inherit;
	margin:0;
	padding:10px 0 10px 38px;
	display:block;
}

#right h2{
	font:20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	margin:30px 30px 0 0;
	padding:0;
}

#right h3{
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#333333;
	margin:0px 20px 0 0;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#right h3 a {
	font:bold 16px/22px Arial, Helvetica, sans-serif;
	color:#222222;
	background-color:inherit;
	text-decoration: underline;
	margin-bottom: 20px; 
}

#right h4{
	font:bold 14px "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#222222;
	background-color:inherit;
	margin:10px 30px 5px 20px;
	padding-left: 0;
	padding-bottom: 5px;
	display:block;
	border-bottom: 2px solid #ccc;
}

#right p.rightTxt1{ font:12px/1.7em Arial, Helvetica, sans-serif; color:#ffffff; background-color:inherit; margin-top: 0; padding: 10px 10px 10px 0; margin-right: 10px; }

#right p.rightTxt1 a{
font:13px Arial, Helvetica, sans-serif;
color:#00C5CD;
background-color:inherit;
text-decoration: underline;
}

#right p.rightTxt1 a:hover{
font:13px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:inherit;
text-decoration: none;
}

#right p.rightTxt1 img{ margin-right: 20px;}

#right p.rightTxt2{ font:13px/1.7em Arial, Helvetica, sans-serif; color:#CCC; background-color:inherit; margin-bottom: 0px; padding: 10px 10px 10px 0; margin-right: 20px; border-bottom: 1px solid #444; }

#right p.rightTxt2 a{
font:13px Arial, Helvetica, sans-serif;
color:#00C5CD;
background-color:inherit;
text-decoration: underline;
padding-left: 80px;
}

#right p.rightTxt2 a:hover{
font:13px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:inherit;
text-decoration: none;
}

#right p.rightTxt2 b{
font:13px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:inherit;
text-decoration: none;
padding-left: 250px;
}


#footer{
	width:977px;
	height:75px;
	margin:0 auto;
	background-color: #232323;
	color:#fff;
	position:relative;
}
#footer ul{
	width:587px;
	position:absolute;
	left:11px;
	top:27px;
}
#footer ul li{
	float:left;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#333333;
	background-color:#00C5CD;
}
#footer p.copyright{
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#00C5CD;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:49px;
}
#footer a.subscribe{
	background:url(images/subscribe_icon.gif) 0 2px no-repeat;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#B9B99D;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:68px;
	text-decoration:underline;
	width:50px;
	padding:0 0 0 18px;
}
#footer a.subscribe:hover{
	color:#9CCC37;
	background-color:inherit;
	text-decoration:none;
}
#footer a.xht{
	width:98px;
	height:20px;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:757px;
	top:23px;
}
#footer a.xht:hover{
	background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer a.cs{
	width:98px;
	height:20px;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:866px;
	top:23px;
}
#footer a.cs:hover{
	background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#footer img{
	position:absolute;
	left:880px;
	top:51px;
	width:84px;
	height:26px;
}
#footer p.design{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#C5BE25;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:85px;
}
#footer p.design a{
	color:#FFFFFF; background-color:inherit; text-decoration:none;
	}
#footer p.design a:hover{
	color:#C5BE25; background-color:inherit;
	}
/*------------------------------------------------footer--------------------*/


	
/*------------------------------------------------GLOSSY MENU--------------------*/

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(../images/menurr_bg.jpg) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../images/menurr_hover_left.jpg) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../images/menurr_hover_right.jpg) no-repeat right top; /*right tab image path*/
}
	
	
	
	
/*------------------------------------------------PLAIN MENU--------------------*/

.plainmenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	height: 46px;
	list-style: none;
}

.plainmenu li{
	float:left;
}

.plainmenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font:bold 11px/19px "Lucida Grande", Arial, Helvetica, sans-serif;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;	
}

.plainmenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.plainmenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background-position: left;
}

.plainmenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
}

ul#menu
{
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;
	position:relative;
	height:20px;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

ul#menu li
{
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{ float:left; color:#999999; height:20px; text-decoration:none; font-weight:bold; margin-right: 10px; margin-left: 10px; padding:8px 0 0; }
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:20px;
	text-decoration:none;
	color:#FFFFFF;
	border-bottom: 1px solid #00C5CD;
}
	

ul#menu li a.current
{
	display:inline;
	height:20px;
	float:left;
	color:#FFFFFF;
	border-bottom: 1px solid #00C5CD;
}

ul#menu li a.active
{
	display:inline;
	height:20px;
	float:left;
	margin:0;
	color:#FFFFFF;
}



		
/*----------------------------*/
/* EXTRAS */
/*----------------------------*/	
.border
{border-bottom: 1px solid #444; margin-left: 20px;}


/* 2.5 - Navigation - Level 3 */
/*----------------------------*/
.nav3 {
overflow: hidden; 
clear: both; 
float: left; 
margin-left: 0; 
padding: 0; 
color: #333333; 
}

.nav3 ul {
margin: 0 0 20px; 
padding: 0 0 10px; 
font: 11px "Lucida Grande", Arial, Helvetica, Verdana;
 }	

.nav3 li {list-style: none; margin: 0px; padding: 0px;}

.nav3 li.title {
padding: 7px 5px 0; 
font: bold 14px "Lucida Grande", Helvetica, Verdana;
color: #222222; 
margin:20px 30px 0 10px;
display:block;
height: 35px;
}

.nav3 li.group a { 
display: block; 
min-height: 1.7em; 
height: auto !important; 
height: 2em; 
line-height: 1.7em; 
margin-top: 5px; 
padding: 5px 7px 0 10px; 
color: #333333; 
margin-left: 15px; 
font: bold 12px "Lucida Grande", Arial, Helvetica, Verdana; 
text-decoration: none;
}

.nav3 li.group a.active {
display: block; 
min-height: 1.7em; 
height: auto !important; 
height: 1.7em; 
line-height: 1.7em; 
margin-top: 5px; 
padding: 5px 7px 0 10px; 
color: rgb(75,75,75); 
font-weight: bold;
}

.nav3 li.group a:hover {
display: block; 
min-height: 1.7em; 
height: auto !important; 
height: 1.7em; 
line-height: 1.7em; 
margin-top: 5px; 
padding: 5px 7px 0 10px; 
color: #f6f6f6; 
font-weight: bold;
text-decoration: underline;
}

.nav3 li.group a:visited {
display: block; 
min-height: 1.7em; 
height: auto !important; 
height: 1.7em; 
line-height: 1.7em; 
margin-top: 5px; 
padding: 5px 7px 0 10px; 
color: rgb(75,75,75); 
font-weight: bold;
text-decoration: underline;
background-color: #f6f6f6;
}

.nav3 li.group a:selected {
display: block; 
min-height: 1.7em; 
height: auto !important; 
height: 1.7em; 
line-height: 1.7em; 
margin-top: 5px; 
padding: 5px 7px 0 10px; 
color: rgb(75,75,75); 
font-weight: bold;
text-decoration: underline;
}

.nav3 li a {
display: block; 
min-height: 1.7em; 
height: auto !important; 
height: 1.7em; 
line-height: 1.7em; 
margin-top: 10px; 
padding: 0 7px 0 15px; 
color: rgb(75,75,75); 
text-decoration: none; 
font-size: 120%;}

.nav3 li a:hover {  
color: rgb(100,100,100); 
text-decoration: underline;}	

.nav3 li a.selected {  
color: #FF0000; 
text-decoration: underline;}	

.padding{
margin-left: 20px;
margin-bottom: 20px;
}