/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #fff;
	margin: 0;
	padding: 0px;		
	 background:#465c6a url(../graphics/bg_home.jpg) bottom no-repeat fixed;
	 font: 13px/1.4em Arial, Helvetica, sans-serif;
	 text-align:left;
}

a:link, a:visited, a:hover {
	color: #34baff;
	text-decoration: none;
}

a:hover {
	color: #006699;
}


h1, h2, h3, h4, h5, h6, p {
	font-family: Arial,sans-serif;
	margin:0.7em 5% 0.7em 0;
	padding: 0px;
}

h1{
 font-size: 130%;
 color: #fff;
}

h2{
 font-size: 120%;
 color: #CCFFFF ;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}


ul, ol{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	}
li{
	font:13px/1.5em arial;
	}				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper{
	margin: 10px 0 0 5% ;
	padding: 0;
	width: 970px;
	text-align:left;
}
#logo{
	margin:0;
	padding:0;
	height: 60px;
	text-align:left;
	overflow:hidden;
	}
#content{
	margin:4% 0;
	padding:0 0 0 10px;
	
}

#footer{
	padding: 0px ;
	margin:0;
	height:60px;
}
/*----------------------------------------------------------------------columns*/
#main-col{
	width:550px;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
	}
#col-1{
	margin:0;
	padding:0;
	float:left;
	width:300px;
	text-align:left;
	}

#col-2{
	float:left;
	margin:0 0 0 20px;
	width:300px;
	text-align: left;
	padding:0;
	}
#col-3{
	float:left;
	margin:0 0 0 0;
	width:332px;
	text-align: left;
	padding:0;
	}
#col-4{
	float:left;
	margin:0 0 0 0px;
	width:400px;
	text-align: left;
	padding:0;
	}
#main-col img{
	float: left;
	margin:0 5% 5% 0;
	padding:0;
	border:1px solid #fff;
	}


 /*-----------------------------------------------------------------------menu*/ 


#menu{
	margin: 0;
	padding: 0px;
	height: 30px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li{
	float: left;
	margin: 0;
	font:16px Arial, Helvetica, sans-serif;
	padding: 0;
	text-align: center
}

#menu  li a{
	background:url(../graphics/bullet_dots.png) no-repeat left 8px;
	float: left;
	display: block;
	font:16px Arial, Helvetica, sans-serif;
	text-decoration: none;	
	padding:3px 16px 3px 9px;
	color:#34baff;
	margin:0;
}
#menu  li a:hover{
	background:url(../graphics/bullet_white.png) no-repeat left 8px;
	color:#fff;
	}


/***********************************************/
/*Component Divs                               */
/***********************************************/



/*************** supplemental **************/


.tag{
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:0.7em 5% 0.7em 0;
	color: #6699FF;
	}
.highlight{color:#fff;}
.clearer{
 	height:1px;
 	overflow:hidden;
 	margin-top:-1px;
 	clear:both;
}
hr {border: none 0;
	border-top: 1px dashed #494623;/*the border*/
	width: 90%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin:0 0 0 5%;
}