/* CSS Document */

/*IMPORT FILES*/
@import url("framework.css");
@import url("globalstyles.css");


/*CSS - RESET*/
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd,
q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, caption, tbody, tfoot, thead
{
	margin: 0;
	padding: 0;
	border: 0;
	/*list-style-type: none;*/
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial;
	vertical-align: baseline;
	text-decoration: none;
}
b, strong { font-weight:bold;}
/*---------------CLEARFIX------------------*/
.clearfix:after 
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix 
{
    display: inline-block;
}

html[xmlns] .clearfix 
{
    display: block;
}

* html .clearfix 
{
    height: 1%;
}

/*---------------END CLEARFIX------------------*/

body 
{
	margin:0;
	padding:0;
	font-family: arial, helvetica, sans-serif;
	font-size:12px; /*sets font size to a default 12px*/
	color:#000; background:#fff;		
}
#mainContainer {width: 940px;
	height: auto;	
	margin: 0 auto;	 }
#mainContainer #contentPane a { color:#000; text-decoration:underline;}
#mainDiv
{
	width: 940px;
	margin: 0 auto;		
	float:left;	
}

#bodyDiv
{
	width: 878px;
	margin: 0 0 0 31px;	
	height: auto;
	border-bottom: solid 1px #333; float:left;
}
*html #bodyDiv { margin:0 0 0 15px; width:870px;}
/*---------------ACCESSIBILITY STYLES------------------*/

#fontSize
{
	width:680px; 
	height: 30px; 
	float:left;
	margin-left: -1px;
	_margin-left: 0px;
}

#fontSize ul
{
	/*clear: both;*/
	font-size: 11px;
	float: right;
	margin: 0 10px 0 0;
}	
	
#fontSize ul li
{
	float: left;	
	padding: 4px 3px 0px 3px; list-style:none;		
}	

#fontSize ul li img
{
	float: left;	
}	
	
#fontSize ul li a
{
	color: #000;	
	float: left;
	text-decoration:none;			
			
}		

#fontSize ul li a:hover
{	
	color: #000;	
	float: left;	
	text-decoration: underline;		
}



/*---------------END ACCESSIBILITY STYLES------------------*/


/*---------------HEADER STYLES------------------*/

#headerDiv
{
	width: 100%;
	height: auto;	
	clear: both;
	padding: 0 0 10px 0; float:left;
}

#tagLine
{
	
	float: left; padding:25px 0 0 18px; width:655px;
}
#tagLine a { color:#000; text-decoration:none; font-size:25px;}
#tagLine div { float:left; width:100%;}
#tagLine h1
{
	font-family: arial, helvetica, sans-serif;
	font-size: 28px;
	font-weight:bold;	
	color: #000;	
	padding: 3px 5px 3px 5px;
	display:inline;
	margin: 0; cursor:pointer; float:left;
}

#tagLine h2
{
	font-family: arial, helvetica, sans-serif;
	font-size: 28px;
	font-weight:bold;	
	color: #000;	
	padding: 3px 5px 3px 5px;
	 display:inline;
	margin: 0; float:left; clear:left;  cursor:pointer; border:0px solid #000;
}
#tagLine h3
{
	font-family: arial, helvetica, sans-serif;
	font-size: 28px;
	font-weight:bold;	
	color: #000;	
	padding: 3px 5px 3px 5px;
	 display:inline;
	margin: 0; float:left; clear:left;  cursor:pointer; border:0px solid #000;
}
#tagLine h3.empty { display:block; cursor:auto;}
#logo
{
	
	float: right;	
}

#logo img
{ 
	margin: 20px 12px 0 0;
	float: right;
}
*html #logo img { margin:20px 7px 0 0;}
/*---------------END HEADER STYLES------------------*/



/*---------------NAVIGATION STYLES------------------*/

#navDiv
{
	width: 844px;	
	margin: 0 0 0 18px;
	/*background-color: #000;*/
	color: #000000;
	font-weight: bold; float:left; border:1px solid #333;
}
*html #navDiv { margin:0 0 0 10px;}
#navDiv ul
{
	clear: both; list-style:none; margin:0; padding:0;float:left; width:600px;
}	
*html #bodyDiv #navDiv ul { width:600px; }	
#navDiv ul li
{
	float: left;
	line-height: 20px;
	padding: 1px 3px 0px 3px;		
}	

#navDiv ul li a
{
	color: #000;	
	float: left;	
	line-height: 22px;
	padding: 1px 3px 1px 3px;
	display: block; text-decoration:none;
	
}

#navDiv ul li a:hover
{	
	color: #999;	
	float: left;
	line-height: 22px;			
	padding: 1px 3px 1px 3px;
	text-decoration: underline;		
}

#navDiv1
{
	width: 844px;
	margin: 0 0 0 18px;
	/*background-color: #000;*/
	color: #999;
	font-weight: bold; float:left; border:1px solid #333;
}
*html #navDiv1 { margin:0 0 0 10px;}
#navDiv1 ul
{
	clear: both; list-style:none; margin:0; padding:0;float:left; width:600px;
}	
*html #navDiv1 ul { width:590px;}
#navDiv1 ul li
{
	float: left;
	line-height: 20px;
	padding: 1px 3px 0px 3px; 		
}	
	
#navDiv1 ul li a
{
	color: #000;	
	float: left;	
	line-height: 22px;
	padding: 1px 3px 1px 3px;
	display: block;  text-decoration:none;
	
}		

#navDiv1 ul li a:hover
{	
	color: #999;	
	float: left;
	line-height: 22px;			
	padding: 1px 3px 1px 3px;
	text-decoration: underline;		
}
#navDiv1 ul li .topSection:hover { color:#000;}

#navDiv2
{
	width: 844px;
	margin: 0 0 0 18px;
	/*background-color: #000;*/
	color: #999;
	font-weight: bold; float:left; border:1px solid #333;
}
*html #navDiv2 { margin:0 0 0 10px;}
#navDiv2 ul
{
	clear: both; list-style:none; margin:0; padding:0;float:left; width:600px;
}	
*html #navDiv2 ul { width:590px;}
#navDiv2 ul li
{
	float: left;
	line-height: 20px;
	padding: 1px 3px 0px 3px;		
}	
	
#navDiv2 ul li a
{
	color: #000;	
	float: left;	
	line-height: 22px;
	padding: 1px 3px 1px 3px;
	display: block;  text-decoration:none;
	
}		

#navDiv2 ul li a:hover
{	
	color: #999;	
	float: left;
	line-height: 22px;			
	padding: 1px 3px 1px 3px;
	text-decoration: underline;		
}




#navlist
{
	float:left; 
	width:100%; 
}
#navlist ul { list-style:none; margin:0; padding:0; float:left; width:840px !important; }
#searchDiv 
{	
	float: right;	
	width: 195px; 
}

#searchDiv fieldset
{
	margin: 0 0 0 5px; padding:0; border:none;
}
#searchDiv fieldset input { float:left;}
#searchDiv .inputTxt
{
	width: 144px;
	height: 16px; 	
	border: solid 1px #ccc;
	margin: 3px 5px 0 5px;	
}

#searchDiv .goBtn
{
	width: 28px;
	height: 19px;
	border: 0;
	background-image:url(../images/gobtnBg1.jpg);
	background-repeat:no-repeat;
	color: #000;
	font-weight: bold;
	margin: 3px 2px 0 0px;
	vertical-align:bottom;
	padding-top:1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:3px; #padding-bottom:0;

}
/*---------------END NAVIGATION STYLES------------------*/

#topDiv
{
	width: 100%;
	height: auto;		
	margin: 20px 0 0 18px;	float:left;
}
*html #topDiv { margin:20px 0 0 10px;}
/*---------------VIDEO STYLES------------------*/

#videoDiv
{
	width: 558px;
	height: auto;
	float: left;
	padding: 0 0 6px 0;
	color:#000;
	border:1px solid #000000;
}

#welcome 
{
	width: 100%;
	float: left;
}

#welcome h3
{
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	font-weight:100;	
	color: #000;	
	margin : 10px 0 0 10px;
}

#welcome p
{
	color: #000;
	margin : 10px 0 0 10px;
}

#welcome a 
{
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

#welcome h4
{
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;	
	color: #000;	
	margin : 10px 0 0 10px;
}


#welcome ul
{
	clear: both;
	margin : 5px 0 0 10px; list-style:none;
}	
	
#welcome ul li 
{
	float: left;	
	padding: 0px 9px 0px 0px;
}


#welcome ol
{
	margin: 0px 0px 0 15px;	
}

#welcome ol li
{
	float: left;	
	padding: 0px 15px 0px 0;
}	
	
#welcome ol li a
{
	
	text-decoration: none;
}	

#youtube
{
	float: left;	
	margin: 5px 2px 0 5px;
}

/*---------------END VIDEO STYLES------------------*/


/*---------------FAQs STYLES------------------*/
#faqDiv
{
	width: 270px;
	height: auto;	
	margin: 0 0 0 15px; 
	float: left;
	padding: 0 0 6px 0;
	

}

#faqDiv h5
{
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold; padding:0; margin:0;	
}

#faqDiv ul
{
	clear: both; margin:0; padding:0; list-style:none;
	
}	
	
#faqDiv ul li 
{
	float: left; list-style:none; 	
}	
	
#faqDiv ul li a
{
	float: left;	
	margin: 8px 1px 0px 0px;
	display: block;
	width: auto;
	height: 25px;	
	text-decoration: none;
	color: #000;
	
}


#faqDiv ul li a.active
{
	
	font-weight: bold;
	padding: 0 5px 0 5px;
	line-height: 25px; color:#999; border:1px solid #000; border-bottom:0px;  font-family: arial, helvetica, sans-serif; font-size:14px;  margin-right:5px;	
	display:inline;
}

#faqDiv ul li a.inactive
{	
	
	font-weight: bold;
	padding: 0 5px 0 5px;
	line-height: 25px; color:#000; border:1px solid #000; border-bottom:0px;  font-family: arial, helvetica, sans-serif; font-size:14px; margin-right:5px;
	display:inline;
}

.faqListActive {width: 270px; height: auto;	 border: solid 1px #000; border-top: solid 4px #000; clear : both; padding: 0 0 5px 0;}
.faqListActive ol li {	list-style-type:disc;	margin: 5px 0 0 20px;	}
.faqListActive ol li a { text-decoration:underline; color:#000; }
.faqListActive ol li a:hover { text-decoration:underline;	color:#999;}
.faqListActive p a { text-decoration:underline;	color:#000;	font-weight:bold;	margin: 20px 0 0 6px;}
.faqListActive p a:hover { text-decoration:underline; color:#999; font-weight:bold; margin: 20px 0 0 6px;}
.faqListActive br {  clear: both;}

.faqListInActive {width: 270px; height: auto;	 border: solid 1px #000; border-top: solid 4px #000; clear : both; padding: 0 0 5px 0;}
.faqListInActive ol li {	list-style-type:disc;	margin: 5px 0 0 20px;	}
.faqListInActive ol li a { text-decoration:underline; color:#000; }
.faqListInActive ol li a:hover { text-decoration:underline;	color:#999;}
.faqListInActive p a { text-decoration:underline;	color:#000;	font-weight:bold;	margin: 20px 0 0 6px;}
.faqListInActive p a:hover { text-decoration:underline; color:#999; font-weight:bold; margin: 20px 0 0 6px;}
.faqListInActive br {  clear: both;}


/*---------------END FAQs STYLES------------------*/


/*---------------COLOUMNS STYLES------------------*/

#columnsDiv
{
	width: 100%;
	height: auto;	
	margin: 15px 0 0 18px; float:left;	
}
*html #columnsDiv { margin:15px 0 0 10px;}
.colContent
{
	border: 1px solid #cccccc;
	border-top:solid 0px #cccccc;
	width: 100%; 
	margin-top: 0px;
	height: auto;
	padding: 0 0 5px 0; float:left;
}

#leftCol
{
	width: 270px; 
	height: auto;
	float: left;
	margin: 0 17px 0 0;		
}

#leftCol h6
{
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;	
	color: #000;		
	height: 25px;
	padding: 3px 0 0 5px;
	width: 230px;
	float: left;
}

#leftCol h5  a
{
	width: 35px;
	color: #000;
	float: right;	
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;	
	height: 28px;
	margin: 0 0 0 0;
	text-align: center;
}


#leftCol p
{
	margin: 10px 0 0 10px;
	_margin: 10px 0 0 5px;
	float: left; 
}

#leftCol ul
{
	float: left;
}

#leftCol ul li
{
	margin: 7px 0 0 10px;
	font-weight: bold;	
	
}

#leftCol ul li a
{
	text-decoration: underline;
	color: #000;
}

#leftCol ul li a:hover
{
	text-decoration: underline;
	color: #999;
}

#midCol
{
	width: 270px; 
	height: auto;
	float: left;
	margin: 0 17px 0 0;
}

#midCol h6
{
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;	
	color: #000;		
	/*background-color:#000;*/
	height: 25px;
	padding: 3px 0 0 5px;
	width: 230px;
	float: left; border:1px solid #333;
}

#midCol h5  a
{
	width: 35px;
	color: #000;
	float: right;	
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;	
	height: 28px;
	margin: 0 0 0 0;
	text-align: center;
}



#midCol p
{
	margin: 10px 0 0 10px;
	_margin: 10px 0 0 5px;
	float: left;
}

#midCol ul
{
	float: left;
}

#midCol ul li
{
	margin: 7px 0 0 10px;
	font-weight: bold;	
}

#midCol ul li a
{
	text-decoration: underline;
	color: #000;
}

#midCol ul li a:hover
{
	text-decoration: underline;
	color: #000;
}

#rightCol
{
	width: 270px; 
	height: auto;
	float: left;
	margin: 0 0 0 0;	
}

#rightCol h6
{
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;	
	color: #000;		
	height: 25px;
	padding: 3px 0 0 5px;
	width: 230px;
	float: left;
}

#rightCol h5  a
{
	width: 35px;
	color: #000;
	float: right;	
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;	
	height: 28px;
	margin: 0 0 0 0;
	text-align: center;
}


.content
{
	float:left; 
	width: 100%; border:0px solid #000;
}

.content p
{
 width:100%; 
}

.content p a
{
	
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}

.content p a:hover
{
	
	text-decoration: underline;
	color: #999;
	font-weight: bold;
}

.rightImg
{
	float:left; 
	width: 90px; 
	margin: 10px 0 0 0 ;
}

.rightImg img
{
	padding:0;
}

/*---------------END COLOUMNS STYLES------------------*/




/*---------------BOTTOM ADS STYLES------------------*/

#bottomDiv
{
	width: 844px;
	height: auto;	
	margin: 15px 0 0 18px;	
	float:left; border:1px solid #333;	
}
*html #bottomDiv { margin:15px 0 0 10px;}
#bottomDiv img
{
	margin: 5px 0 0 2px;
	float: left;
}

#bottomDiv p
{
	color: #000;	
	line-height: 15px;
	margin: 5px 0 0 10px;
	float: left;
	width: 830px;
	font-size:11px;
	padding-bottom:3px;
}
#bottomDiv p b { margin:5px 0 0 0;}
#bottomDiv p a
{
	text-decoration:underline;
	color: #000;	
	font-size:11px;
}
 #bottomDiv p a:hover { color:#999;}

/*---------------END BOTTOM ADS STYLES------------------*/



/*---------------FOOTER STYLES------------------*/

#footerDiv
{
	width:860px; 
	margin: 0 0 0 0px;	
	padding: 0 0 5px 0; float:left;
}
#footerDiv_home
{
	width:864px; 
	margin: 0 0 0 0px;	
	padding: 0 0 5px 0; float:left;
}
*html #footerDiv_home { width:866px;}
#footerDiv p { margin:0; padding:0;}
#footerDiv_home p { margin:0; padding:0;}
#bodyDiv .ftr_leftspacing { margin:0 0 0 0px;}
#leftNav
{
	width: 82%;
	float: left;
	
}

#leftNav ul 
{
 	clear: both; float:left; padding:0 0 0 18px; margin:0; list-style:none; 
}

#leftNav ul li 
{
	float: left;	
	margin: 10px 6px 0 0px;	
	font-size: 11px;
	color:#000;	
}	

#leftNav ul li a
{
	font-size: 11px;
	color:#000; text-decoration:none; 
}	

#leftNav ul li a:hover
{
	font-size: 11px;
	color:#999;
	text-decoration: underline;
}	
#leftNav ul li a p{ margin:0; padding:0;}
#rightNav
{	
	width: 18%;
	float: left; text-align:right;
	}
	
#rightNav p
{
	font-size: 11px;
	color:#000; line-height:30px; text-align:right;	
}
#footerDiv #rightNav p { line-height:28px;}
/*---------------END FOOTER STYLES------------------*/



#navDivEmp
{
	width: 844px;	
	margin: 0 0 0 18px;
	/*background-color: #000;*/
	color: #999;
	font-weight: bold; float:left; border:1px solid #333;
}
*html #navDivEmp { margin:0 0 0 10px;}
#navDivEmp ul
{
	clear: both;
}	
	
#navDivEmp ul li
{
	float: left;
	line-height: 20px;
	padding: 1px 3px 0px 3px;		
}	

#navDivEmp ul li a
{


	color: #000;	
	float: left;	
	line-height: 22px;
	padding: 1px 3px 1px 3px;
	display: block; text-decoration:none;
	
}

#navDivEmp ul li a:hover
{	
	color: #999;	
	float: left;
	line-height: 22px;			
	padding: 1px 3px 1px 3px;
	text-decoration: underline;		
}

#navDivEmp ul li a.topSection
{	
	color: #999;
	/*background-color: #ffff00;*/	
	float: left;
	line-height: 22px;	
	padding: 1px 3px 1px 3px; color:#999;		
}
#navDivEmp ul li .topSection:hover { color:#000;}
/*---------------Parents------------------*/


#navDivParents
{
	width: 844px;	
	margin: 0 0 0 18px;
	/*background-color: #000;*/
	color: #999;
	font-weight: bold; float:left; border:1px solid #333;
}
*html #navDivParents { margin:0 0 0 10px;}
#navDivParents ul
{
	clear: both;
}	
	
#navDivParents ul li
{
	float: left;
	line-height: 20px;
	padding: 1px 3px 0px 3px;		
}	

#navDivParents ul li a
{
	color: #000;	
	float: left;	
	line-height: 22px;
	padding: 1px 3px 1px 3px;
	display: block; text-decoration:none;
	
}

#navDivParents ul li a:hover
{	
	color: #999;	
	float: left;
	line-height: 22px;			
	padding: 1px 3px 1px 3px;
	text-decoration: underline;		
}

#navDivParents ul li a.topSection
{	
	color: #999;
	/*background-color: #ffff00;*/	
	float: left;
	line-height: 22px;	
	padding: 1px 3px 1px 3px;		
}
#navDivParents ul li .topSection:hover { color:#000;}



/*---------------AboutUS------------------*/


#navDivAboutUs
{
	width: 844px;	
	margin: 0 0 0 18px;
	/*background-color: #000;*/
	color: #999;
	font-weight: bold; float:left; border:1px solid #333;
}
*html #navDivAboutUs { margin:0 0 0 10px;}
#navDivAboutUs ul
{
	clear: both;
}	
	
#navDivAboutUs ul li
{
	float: left;
	line-height: 20px;
	padding: 1px 3px 0px 3px;		
}	

#navDivAboutUs ul li a
{
	color: #000;	
	float: left;	
	line-height: 22px;
	padding: 1px 3px 1px 3px;
	display: block; text-decoration:none;
	
}

#navDivAboutUs ul li a:hover
{	
	color: #999;	
	float: left;
	line-height: 22px;			
	padding: 1px 3px 1px 3px;
	text-decoration: underline;		
}

#navDivAboutUs ul li a.topSection
{	
	color: #999;
	/*background-color: #ffff00;*/	
	float: left;
	line-height: 22px;	
	padding: 1px 3px 1px 3px;		
}
#navDivAboutUs ul li .topSection:hover { color:#000;}
#blankDiv { display:none;}

.loginLink { float:left; padding:0 0 0 18px; line-height:26px;}
.loginLink  a { color: #000;	float: left; text-decoration:none;	}		
.loginLink  a:hover {color: #000; text-decoration: underline; }