@charset "UTF-8";
/* CSS Document for the Children's Safety Network (CSN)*/
/*Created by Hemali Patel 02/11/09*/
/*CSS file for the home page of the CSN Web Site*/

body{
	/*font-family:Verdana, Geneva, sans-serif;*/
	/*font-family:Verdana, Arial, "Helvetica", sans-serif;*/
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:10pt;
	line-height: 18px;
	/*background-color:#CFF;*/
	background-color:#dce4ed;
}
p, ul{
	font-size:9pt;	
}
h1, h2, h3, h4, h5{
	/*font-family:"Times New Roman", Times, serif;*/	
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-family:Helvetica, Verdana, Arial, sans-serif;
}
h2{
	color:#6a0a61;
	font-size:14pt;
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-family:Helvetica, Verdana, Arial, sans-serif;
}
/*controls the spotlight on the states*/
dl, lh, dt, dd{
	font-size:9pt;	
}
dt{
	/*font-weight:bold;*/
	/*margin: 1em 0 1em 0;*/
	margin: 0 0 1em 0;
}
dd{
	margin-left:0;
	padding-left:.5em;
}
/*end sytles for spotlight in the states*/
a:link, a:visited{
	/*color:#0299ab;*/
	color: #0000CC;
	text-decoration:none;
	font-weight:700;
}
a:hover{
	text-decoration:underline;
}
#container{
	width: 800px;
	margin:-1em auto !important; /*necessary for IE6 */
	margin:0 auto;
	padding:0;
	background:#FFF url(/images/leftlines.gif) repeat-y;
}
/******************************************************************************************
*		BEGIN SLIDESHOW CSS FOR BANNERS
*********************************************************************************************/
	#container #default_topmenu {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold;
		color: #FFFFFF;
		background-image: url(/images/banners/topmenu_bg.jpg);
		background-repeat: no-repeat;
		float: left;
		list-style-image: none;
		list-style-type: none;
		width: 800px;
		display: inline;
		text-align: right;
		letter-spacing: normal;
		word-spacing: normal;
		white-space: normal;
		height: 26px;
	}
	#default_topmenu ul {
		margin:0;
		padding:5pt;
	}
	#default_topmenu li{
		display:inline;
		padding: 0 1.5em 0 0;
		margin: 0;
	}
	#default_topmenu li a{
		font-size:8pt;
		font-weight:bold;
		text-decoration:none;
		color: #fff;
	}
	#default_topmenu li a:hover{
		text-decoration:none;
		color:#ffa362;
	}
	#container #banner {
		margin-bottom:0;
		margin-bottom:-3px !important; /*necessary for IE6 */
	}
/******************************************************************************************
*		END SLIDESHOW CSS FOR BANNERS
*********************************************************************************************/
/*#header{
	background-image:url(/images/csnbanner_1.jpg);
	background-repeat:no-repeat;
	height:150px;
}
*/	#header h1{
		visibility:hidden;
	}
/*banner link*/	
	 #bannerlink a {
		position: absolute;
		height: 146px;
		width: 477px;
		top: 25px;
		text-decoration: none;
}
	#bannerlink a{
		text-indent:-99000px;	
	}
	#bannerlink a:hover{
		text-decoration:none;	
	}
/*end banner link*/	
	
	/*SKIP NAVIGATION LINK*/
	#header a.skipnav{
		width: 0; 
		height: 0; 
		visibility:hidden;
	}
#topmenu{
	/*margin:-4.75em 0 0 0;*/
	margin-top:-3.75em;
	width:800px;
}
#topmenu ul{
	margin: 0;
	padding:0;
	display:block;
	float:right;
	clear:right;
}
#topmenu li{
	display:inline;
	padding: 0 1.5em 0 0;
	margin: 0;
}
#topmenu li a{
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
	color: #fff;
}
#topmenu li a:hover{
	text-decoration:none;
	color:#ffa362;
}
#globalnav li{
	display:inline;
	float:left;
}	
	#nav{
		width:800px;
		margin:0;
		padding:0;
		background-color:#6a0a61;
	}
	#nav li {
		list-style:none;
		position:relative;
		font-size: 8pt;
		font-weight:bold;
		padding: 0;
		margin: 0;
		background-color:#6a0a61;
	}
	li#aboutus{
		padding-left:1em;	
	}
	li#scb{
		padding: 0 .21em 0 .21em;	
	}
		#blank, #aboutus, #techassistance, #stateinfo, #injurytopics, #scb, #resources, #communities {
			margin:0;
			width:112px;
			height:40px;
			}
	#nav a{
		color: #FFFFFF;
		text-decoration:none;
		display:block;
		margin:0;
		/*hidding padding on top*/
		/*padding-top:.25em;*/
	}
	#nav a:hover{
		color:#ffa362;
		
	}
	
	/* DROPDOWN MENUS DISPLAYED VIA HOVER ON THE MAIN MENU */
		#nav li ul{
			position:absolute;
			display:none;
			/*top:3.7em;*/
			/*changed em to reduce the spacing between the top nav and the drop down*/
			top:3.28em;
			border:1px solid #fff;
			margin-left:-4px;
			padding:0;
			}
		#nav li ul li{
			width:85px;	
			padding:5px 8px 5px 8px;
			margin:0;
			border:none;
			color:#FFFFFF;
		}
		#nav ul li a {
			display: block;
			text-decoration: none;
			padding: 0;
			margin:0;
			color:#ffffff;
			font-weight:normal;
		}
		
	/* Holly Hack. IE Requirement \*/
	* nav ul li { float: left; height: 1%; }
	* nav ul li a { height: 1%; }
	/* End */
	
		#nav li:hover ul, #nav li.over ul { 
			display: block; 
		}
/*controls the text on the left on page*/
#content{
	float:left;
	clear:left;
	width: 325px;	
	margin:2em 0 0 140px !important; /*necessary for IE6 */
	margin:2em 0 0 60px;
	/*150px | 70px*/
	padding:0;
}
	.mission{
		border-bottom:dotted 2px #0299ab;
		margin-bottom:1.5em;
		padding-bottom:.5em;
	}
	#content h2{
		/*font-family:Georgia, "Times New Roman", Times, serif;*/	
		/*font-family:Verdana, Geneva, sans-serif;*/
		font-family:Helvetica, Verdana, Arial, sans-serif;
	}
	
/*controls the text on the right*/
#rightcolumn{
	width: 300px;
	float:right;
	clear:right;
	margin-top:2em;
}
	#rightcolumn img{
/*		float:left;
		padding-right:.5em;
*/	}
	#rightcolumn .title{
		padding-top: 1em;	
	}
#search, #mailman, #spotlight, #safety{
	width: 260px;	
	float:right;
	margin-bottom:1em;
	padding:.25em;
}
#search{
	margin:0;	
	padding:0 2.5em 0 0;
}
/*search box on home page*/
#top_search{
	padding-bottom: 5px;
}

/*rounded corners for the Search box*/
	.rbsearchroundbox { background: url(/images/ntsearch.gif) repeat; }
	.rbsearchtop div { background: url(/images/tlsearch.gif) no-repeat top left; }
	.rbsearchtop { background: url(/images/trsearch.gif) no-repeat top right; }
	.rbsearchbot div { background: url(/images/blsearch.gif) no-repeat bottom left; }
	.rbsearchbot { background: url(/images/brsearch.gif) no-repeat bottom right; }
	
	.rbsearchtop div, .rbsearchtop, .rbsearchbot div, .rbsearchbot {
		width: 260px;
		height: 7px;
		font-size: 1px;
	}
	.rbsearchcontent { margin: 0 7px; }
	.rbsearchroundbox { width: 100%; margin: 1em auto; }


#mailman{
	margin:0;
	padding:0 2.5em 0 0;
}
	#mailman h2{
		/*font-family:Verdana, Geneva, sans-serif;*/
		font-family:Helvetica, Verdana, Arial, sans-serif;
		font-size:11pt;
		margin:0;
	}
/*rounded corners for the MAILMAN box*/
	.rbmailmanroundbox { background: url(/images/ntmailman.gif) repeat; }
	.rbmailmantop div { background: url(/images/tlmailman.gif) no-repeat top left; }
	.rbmailmantop { background: url(/images/trmailman.gif) no-repeat top right; }
	.rbmailmanbot div { background: url(/images/blmailman.gif) no-repeat bottom left; }
	.rbmailmanbot { background: url(/images/brmailman.gif) no-repeat bottom right; }
	
	.rbmailmantop div, .rbmailmantop, .rbmailmanbot div, .rbmailmanbot {
		width: 260px;
		height: 7px;
		font-size: 1px;
	}
	.rbmailmancontent { margin: 0 7px; }
	.rbmailmanroundbox { width: 100%; margin: 1em auto; }


.tspotlight {background: url(/images/dot.gif) 0 0 repeat-x; width: 20em}
.bspotlight {background: url(/images/dot.gif) 0 100% repeat-x; width:280px}
.lspotlight {background: url(/images/dot.gif) 0 0 repeat-y}
.rspotlight {background: url(/images/dot.gif) 100% 0 repeat-y}

/*.blspotlight {background: url(/images/blspotlight.gif) -1px 100% no-repeat}
.brspotlight {background: url(/images/brspotlight.gif) 100% 101% no-repeat}
.tlspotlight {background: url(/images/tlspotlight.gif) -3px -1px no-repeat}
.trspotlight {background: url(/images/trspotlight.gif) 101% -3px no-repeat; padding:10px} 
*/

.blspotlight {background: url(/images/blspotlight.gif) 0 100% no-repeat}
.brspotlight {background: url(/images/brspotlight.gif) 100% 100% no-repeat}
.tlspotlight{background: url(/images/tlspotlight.gif) 0 0 no-repeat}
.trspotlight {background: url(/images/trspotlight.gif) 100% 0 no-repeat; padding:1px 7px 5px 7px} 

	#mailman h2, #safety h2{
		padding-left:.25em;	
	}
	
/*	
	#spotlight p{
		float:left;
		clear:left;
		padding-left:.5em;
}
	#spotlight img{
		float:left;
		padding: 0 .75em .5em .25em;
	}
	#spotlight .title{
		margin-top:1em;	
	}
	
	#spotlight dl, lh, dt, dd{
		font-size:9pt;	
	}
	#spotlight dt{
		float:left;
		clear:left;
		font-weight:bold;
		padding-left:.5em;
	}
	#spotlight dd{
		float:left;
		clear:left;
		margin-left:0;
		padding-left:.5em;
	}
*/

#keyresources{
	margin-top:1em;
}
	#keyresources p{
		padding:.5em;	
	}

/* rounded corners and borders for key resources section */

.tresources {background: url(/images/dotgreen.gif) 0 0 repeat-x; width: 20em}
.bresources {background: url(/images/dotgreen.gif) 0 100% repeat-x; width:280px}
.lresources {background: url(/images/dotgreen.gif) 0 0 repeat-y}
.rresources {background: url(/images/dotgreen.gif) 100% 0 repeat-y}

.blresources {background: url(/images/blresources.gif) -1px 101% no-repeat}
.brresources {background: url(/images/brresources.gif) 100% 100% no-repeat}
.tlresources{background: url(/images/tlresources.gif) 0 0 no-repeat}
.trresources {background: url(/images/trresources.gif) 100% 0 no-repeat; padding:1px 7px 5px 7px} 
	
#footer{
	clear:both;	
	background-color:#fff;
	margin:1em 0 0 0 ;
	padding-bottom:1em;
	border-top:1px solid #0299ab;
}
#footer p{
	text-align:center;	
	font-size:8pt;
}
#footer ul{
	text-align:center;	
	display:block;
}
#footer li{
	display:inline;
	border-right: 1px solid #ccc;
	padding:0 .5em 0 .15em;
	list-style:none;
}
	#footer li.noborder{
		border-right:none;	
	}
#footer a:link, #footer a:visited{
	color:#6b2163;
	font-size:8pt;
	font-weight:normal;
	
}
/*controls the spotlight on the state on home; staff images*/
	.photo {
		float: left;
		margin:0;
		padding:0 15px 0 0;
	}

	.photo_rss {
		float: left;
		margin:0;
		padding:0 5px 0 0;
	}

.smalltext {
	font-size: 10px;
	color:#6a0a61;
	}
#sos_table { padding-top:20px; padding-bottom:10px;}

/*CSN Communities home page effects*/
h2 #buzz {}

#connected {
	border:medium solid #00CC99;
	margin-top:20px;
	padding-bottom:10px;
	}