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

/* 2col_leftNav.css                            */

/* Use with template 2col_leftNav.html          */

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



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

/* HTML tag styles                             */

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



body{

	font-family: Arial,sans-serif;

	line-height: 1.166;	

	margin: 0px;

	padding: 0px;

	background: #cccccc url(/Images/bg_grad.jpg) fixed;

}



a:link, a:visited, a:hover {

	color: #000000;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}

/* overrides decoration from previous rule for hovered links */



h1, h2, h3, h4, h5, h6 {

	font-family: Arial,sans-serif;

	margin: 0px;

	padding: 0px;

}



h1{

 font-family: Verdana,Arial,sans-serif;

 font-size: 120%;

 color: #66779f;

}



h2{

 font-size: 150%;

 color: #000000;

}



h3{

 font-size: 120%;

 color: #000000;

}



h4{

 font-size: 100%;

 font-weight: normal;

 color: #333333;

}



h5{

 font-size: 100%;

 color: #334d55;

}



ul{

 list-style-type: square;

 line-height:150%;

 

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



label{

 font: bold 100% Arial,sans-serif;

 color: #334d55;

}

				



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

/* Layout Divs                                 */

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



#wholepage{    

   

	width: 960px;

	margin-left: auto;

	margin-right: auto;

	border-left: 1px solid #000000;

	border-right: 1px solid #000000;

    

}



#masthead{

	margin: 0;

	padding: 0px;

	background-color: #000000;

	width: 960px;
	border-bottom: 1px solid #000000;



	

}







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

/*Component Divs                               */

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



#siteName{

	width: 100%;

	margin: 0px;

	padding: 0px;

	border-bottom: 1px solid #000000;

	height: 120px;

	background-color: #F6F6F6;

	

}



#pagetext{

	width: 100%;

    padding: 0px;

	border-left: 1px solid #000000;

	border-right: 1px solid #000000;

	background-color: #F6F6F6;	

	

}	



#border{



	

	padding-top: 10px;

	padding-right: 30px;

	padding-bottom: 30px;

	background-color: #ffffff;

	

}

#content{



	

	text-align:justify;

	font-size: 110%;

	background-color: #F8F8F8;

	

	

}

#form{



	border: 1px solid #000000;

	padding: 20px 10px 20px 10px;

	margin-top:15px;

	width: 170px;

	float:right;

	background-color:#dece8c;

	font-size:80%;

	



}







#footer{

clear:both;

text-align:center;

white-space: nowrap;

font-size:85%;

font-weight:bold;

text-align: right;

padding-top: 8px;

padding-bottom: 5px;

padding-right:25px;

margin: 0px;

height:19px;

border-bottom: 1px solid #000000;

border-top: 1px solid #000000;

background-image: url(/Images/glbnav_background.gif);



}



#filler{



width:100%;

height:3px;

background-color:#66779f;







}



/************* #globalNav styles **************/



#globalNav{



white-space: nowrap;



padding-top: 5px;

padding-bottom:5px;

margin: 0px;



border-bottom: 1px solid #000000;



background-image: url(/Images/glbnav_background.gif);



}





#globalNav img{

margin-bottom: 0px;

}



#globalNav a {

	font-size: 80%;

	

	

}





a.glink, a.glink:visited{

  	font-size: small;

  	color: #000000;

	font-weight: bold;

	margin: 0px;

	padding: 5px 9px 5px 8px;

	border-right:1px solid #000000;

	

}



a.glink:hover{

  	background-color: #66779f;

	text-decoration: none;

}



a.glink1, a.glink1:visited{

  	font-size: small;

  	color: #000000;

	font-weight: bold;

	margin: 0px;

	padding: 5px 8px 5px 7px;

	

	

}



a.glink1:hover{

  	background-color:#66779f;

	text-decoration: none;

}


a.glink2, a.glink2:visited{

  	font-size: small;

  	color: #000000;

	font-weight: bold;

	margin: 0px;


padding: 5px 8px 5px 9px;

	border-right:1px solid #000000;

	

}



a.glink2:hover{

  	background-color: #66779f;

	text-decoration: none;

}


/************** .feature styles ***************/







.feature h3{

	padding: 30px 0px 5px 0px;

	text-align: center;

}



.feature img{

	float: left;

	padding: 0px 10px 0px 0px;

	margin: 0 5px 5px 0;

}

/* adjust margins to change separation between the feature image and text flowing around it */





/************** .story styles *****************/











/************* #siteInfo styles ***************/



#siteInfo{

	clear: both;

	height: 25px;

	width: 100%;

	border: 1px solid #000000;

	font-size: 75%;

	color: #000000;

	padding-top: 10px;

	margin-top: 0px;

	background-image: url(/Images/glbnav_background.gif);

	

	



}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)

	the bottom border of the navBar in cases where they "touch" */



#siteInfo img{

	padding: 0px;

	vertical-align: middle;

}



.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {

    background: transparent url(/images/box.png) no-repeat bottom right; 

} 

.cssbox { 

    width: 660px !important; /* intended total box width - padding-right(next) */

    width: 600px; /* IE Win = width - padding */

    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */

    margin-left: 30px; /* use to position the box */ 

} 



/* set the top-right image */ 

.cssbox_head { 

    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */

    padding-right: 50px; /* right-image-gap + right-inside padding */ 

} 



/* set the top-left image */ 

.cssbox_head h2 { 

    background-position: top left; 

    margin: 0; /* reset main site styles*/ 

    border: 0; /* ditto */ 

    padding: 25px 0 15px 50px; /* padding-left = image gap + interior padding ... no padding-right */ 

    height: auto !important; height: 1%; /* IE Holly Hack */ 

} 



/* set the lower-left corner image */ 

.cssbox_body { 

    background-position: bottom left; 

    margin-right: 25px; /* interior-padding right */ 

    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 

} 

/***********wider box***********/



.cssbox1, .cssbox_body1, .cssbox_head1, .cssbox_head1 h2 {

    background: transparent url(/images/box.png) no-repeat bottom right; 

} 

.cssbox1 { 

    width: 705px !important; /* intended total box width - padding-right(next) */

    width: 705px; /* IE Win = width - padding */

    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */

    margin-left: 20px; /* use to position the box */ 

} 



/* set the top-right image */ 

.cssbox_head1 { 

    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */

    padding-right: 50px; /* right-image-gap + right-inside padding */ 

} 



/* set the top-left image */ 

.cssbox_head1 h2 { 

    background-position: top left; 

    margin: 0; /* reset main site styles*/ 

    border: 0; /* ditto */ 

    padding: 25px 0 15px 50px; /* padding-left = image gap + interior padding ... no padding-right */ 

    height: auto !important; height: 1%; /* IE Holly Hack */ 

} 



/* set the lower-left corner image */ 

.cssbox_body1 { 

    background-position: bottom left; 

    margin-right: 25px; /* interior-padding right */ 

    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 

} 
/***********widest box***********/



.cssbox2, .cssbox_body2, .cssbox_head2, .cssbox_head2 h2 {

    background: transparent url(/images/box.png) no-repeat bottom right; 

} 

.cssbox2 { 

    width: 800px !important; /* intended total box width - padding-right(next) */

    width: 785px; /* IE Win = width - padding */

    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */

    margin-left: 20px; /* use to position the box */ 

} 



/* set the top-right image */ 

.cssbox_head2 { 

    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */

    padding-right: 50px; /* right-image-gap + right-inside padding */ 

} 



/* set the top-left image */ 

.cssbox_head2 h2 { 

    background-position: top left; 

    margin: 0; /* reset main site styles*/ 

    border: 0; /* ditto */ 

    padding: 25px 0 15px 50px; /* padding-left = image gap + interior padding ... no padding-right */ 

    height: auto !important; height: 1%; /* IE Holly Hack */ 

} 



/* set the lower-left corner image */ 

.cssbox_body2 { 

    background-position: bottom left; 

    margin-right: 25px; /* interior-padding right */ 

    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 

} 

#cssboxes {

padding: 20px 66px 20px 66px;

}

/*********** #navBar link styles ***********/



#navBar ul a:link, #navBar ul a:visited {display: block;}

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



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {border-bottom: 1px solid #EEE;}



/* fix for browsers that don't need the hack */

html>body #navBar li {border-bottom: none;}