/***********************************************/

/* Layout Divs                                 */

/***********************************************/



html, body{

	margin: 0px;

	padding: 0px;

	list-style: none;

	font-family: arial, helvetica, sans-serif;

	color:#333;

	font-size: 12px;

	line-height: 17px;

	text-decoration: none;

	text-align: center;

	background-image: url(../images/whitetile.gif);

	background-repeat: repeat-x;

	background-color:#ADD6EB;

    	text-align: left;

	}



#HTML_main {

	width: 950px;

    	margin: 0px auto;

    	text-align: left;

    	padding: 0px;

	background-color:#FFF;	

	}



#HTML_topbanner_wrapper{

	margin: 0px;

	padding: 0px;

	}



#HTML_logo{

	padding: 0px;

	margin: 0px;

	width: 196px;

	height: 88px;

	float: left;

	position: absolute;

	}



#HTML_topbanner{

	padding: 0px;

	margin-left: 196px;

	width: 754px;

	height: 77px;

	position: absolute;

	}



#HTML_content_wrapper{

	margin: 0px;

	padding-top: 88px;

	padding-left: 0px;

	padding-right: 0px;

        overflow: auto;

	}



#HTML_leftcol_wrapper{

	margin: 0px;

	width: 196px;

	padding-bottom: 10px;

	min-height: 400px;

	float: left;

	background-color:#FFF;	

	position: relative;

	}



#HTML_rightcol_wrapper{

	padding-bottom: 10px;

	margin-left: 196px;

	width: 734px;

	min-height: 400px;

	background-color:#FFF;	

	}



#HTML_rightcol_wrapper2{

	width: 750px;

	margin-left: 197px;

	margin-right: 0px;

	padding-bottom: 10px;

	min-height: 400px;

	background-color:#FFF;

	text-align: left;	

	position: relative;

	}



#HTML_homepic{

	margin: 0px;

	padding-bottom: 10px;

	width: 507px;

	float: left;

	}



#HTML_sct_content{

	margin: 0px;

	padding-left: 12px;

	padding-right: 5px;

	padding-bottom: 10px;

	width: 474px;

	float: left;

	border-left: solid #000 1px;

	border-right: solid #D1D1D1 1px;

	min-height: 500px;

    	text-align: left;

	}



#HTML_whatsnew{

	padding-left: 0px;

	padding-right: 0px;

	padding-bottom: 10px;

	margin-left: 522px;

	width: 205px;

	background-color:#FFF;	

	}



#HTML_sct_3col{

	padding-bottom: 10px;

	margin-left: 500px;

	width: 245px;

	line-height: 15px;

	background-color:#FFF;

    	text-align: left;	

	}



#HTML_services{

	margin-left: 196px;

	padding-bottom: 20px;

	width: 754px;

	background-color:#FFF;	

	}



#HTML_copyright{

	margin-left: 10px;

	margin-right: 10px;

	padding-top: 5px;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 3px;

	font-size: 9px;

	width: 910px;

	background-color:#FFF;

	border-top: solid #D1D1D1 1px;		

	}



/***********************************************/

/* PRODUCTS                                    */

/***********************************************/ 



#HTML_prod_wrapper{

	margin: 0px;

	padding-top: 0px;

	padding-left: 0px;

	padding-right: 0px;

	padding-bottom: 5px;

	line-height: 17px;

	}





/***********************************************/

/* HTML tag styles                             */

/***********************************************/ 





li	{

	font-family: arial, helvetica, sans-serif;

	color:#333;

	font-size: 12px;

	text-decoration: none;

    	line-height: 17px;

	margin-top: 0px;

	margin-left: 0px;

	margin-bottom: 0px;

	}



ul{

	margin-top: 10px;

	margin-left: 10px;

	margin-right: 15px;

	margin-bottom: 15px;

	padding-left: 15px;

	border-bottom-width: 0px;

    	line-height: 17px;

	}



.rollover{

	border-width:0px;

	display: block;

	}

.rollover img{ 

	width: 100%; height: 100%; border: 0;

	}

.rollover:hover{ 

	visibility: visible; 

	}

.rollover:hover img{

	visibility: hidden; 

	}



a:link {

	font-family: arial, helvetica, sans-serif;

	color: #09C;

	text-decoration: none;

}

a:visited {

	font-family: arial, helvetica, sans-serif;

	color: #09C;

	text-decoration: none;

}

a:hover {

	font-family: arial, helvetica, sans-serif;

	color: #999;

	text-decoration: underline;

}

a:active {

	font-family: arial, helvetica, sans-serif;

	color: #09C;

	text-decoration: none;

}





.txtlink_breadcrumbs{

	margin: 0px;

	color: #690;

	font-size: 11px;

	}



.txtlink_breadcrumbs:hover{

	color: #369;

	}



.title {

	margin-top: 0px;

	margin-left: 0px;

	margin-bottom: 10px;

	font-family: arial, helvetica, sans-serif;

	font-size: 17px;

	color: #09C;

    	line-height: 14px;

	font-weight: bold;

}



.subtitle {

	font-family: arial, helvetica, sans-serif;

	font-size: 14px;

	color: #333;

	margin-bottom: 10px;

    	line-height: 14px;

	font-weight: bold;

}



img{

	border:0;

	}



/***********************************************/

/* Accordian Style Tags                        */

/***********************************************/ 



h3{

padding: 0;

margin: 0;

}



.arrowlistmenu{

width: 196px; /*width of accordion menu*/

background-color: white;

text-decoration: none;

font-weight: normal;

text-align: right;

line-height: 15px;

text-transform: uppercase;

padding-top: 7px;

}



.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

background-color: white;

margin-bottom: 0; /*bottom spacing between header and rest of content*/

text-transform: uppercase;

padding: 0; /*header text is indented 0px*/

cursor: hand;

cursor: pointer;

}



.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

background-color: white;

}



.arrowlistmenu ul{ /*CSS for UL of each sub menu*/

list-style-type: none;

padding: 0;

margin-top: 5px;

margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/

}



.arrowlistmenu ul li{

padding-bottom: 0px; /*bottom spacing between menu items*/

font-size: 90%;

line-height: 18px;

padding-top: 5px;

}



.arrowlistmenu ul li a{

color: #999;

display: block;

padding-right: 0px;

padding-left: 0px; 

padding-bottom: 5px;

text-decoration: none;

font-weight: normal;

text-align: right;

line-height: 15px;

text-transform: uppercase;

}



.arrowlistmenu ul li a:visited{

color: #999;

}



.arrowlistmenu ul li a:hover{ /*hover state CSS*/

color: #333;

background-color: #FFF;

}