/* CSS Document */

body {
	background: #7362ac url(../images/page_bckgrnd.jpg) top left repeat-x;
	margin-top: 10px;
	}
	
.bg_2colLeft {
	background: #FFF url(../images/bg_colLeft.gif) repeat-y;
	}
	
.bg_2colRight {
	background: #FFF url(../images/bg_colRight.gif) repeat-y;
	}
	
.bg_3col {
	background: #FFF url(../images/bg_3col.gif) repeat-y;
	}
	
.bg_1col {
	background: #FFF;
	}
	
#branding {
	width: 750px;
	}
		
#colorBorder {
	width: 750px;
	height: 9px;
	background: url(../images/color_border.gif) left repeat-x;
	}
	
	.home_colRight {
		width: 290px;
		}
	
	.inside_colRight {
	width: 200px;
		}
	
	#colRight ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
		border-bottom: 1px solid #63539b;
		}
	
	#colRight ul li {
		margin: 0px;
		padding: 0px;
		}
		
	#colRight ul li a {
		width: 165px;
		padding: 3px 10px 3px 25px;
		background: url(../images/bg_secNav.gif) top left no-repeat;
		display: block;
		color: #39276f;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		border-top: 1px solid #63539b;
		font-weight: bold;
		}
		
	#colRight a:hover {
		background: url(../images/bg_secNav_over.gif) top left no-repeat;
		color: #FFF;
		}

.columns_2 {
	width: 570px;
	}
	
.columns_3 {
	width: 420px;
	}
	
#content {
	float: left;
	}
	
	.home_content {
		width: 460px;
		/* background: url(../images/col1_home_girl.jpg) bottom left no-repeat; */
		}
	
	.home_content2 {
		width: 460px;
		background: url(../images/col1_home_girl2.jpg) bottom left no-repeat;
		}
	
	.home_content3 {
		width: 460px;
		background: url(../images/col1_home_girl3.jpg) bottom left no-repeat;
		}
	
	.home_content4 {
		width: 460px;
		background: url(../images/col1_home_girl4.jpg) bottom left no-repeat;
		}
	
	.home_content5 {
		width: 460px;
		background: url(../images/col1_home_girl5.jpg) bottom left no-repeat;
		}
	
	.inside_content {
		margin: 15px 30px 15px 30px;
		width: 490px;
		display: inline;
		}
	
#contentContainer {
	width: 750px;
	}
	
	.home_contentContainer {
		background: url(../images/bg_home.gif) repeat-y;
		}
		
#content_home {
	margin: 10px 15px 10px 15px;
	float: left;
	width: 410px;
	display: inline;
	}
		
#copyrightDate {
	float: left;
	display: inline;
	}
	
#footer {
	color: #FFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height: 40px;
	line-height: 130%;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	}
	
	#footer a {
		color: #99ccff;
		text-decoration: none;
		}
	
	#footer a:hover {
		text-decoration: underline;
		}
		
#footer1 {
	float: left; 
	margin: 5px 0px 0px 0px;
	}
	
#footer2 {
	float: right; 
	text-align: right; 
	margin: 5px 0px 0px 0px;
	}

#globalContainer {
	background: #E9E9FB;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	}
	
.searchButton {
	margin: 2px 0px 0px 10px;
	font: 10px Arial, Helvetica, sans-serif;	
	}
	
.shim {
	clear: both;
	}
	
#siteSearchForm  {
	width: 200px;
	height: 20px;
	float: right;
	margin-right: 10px;
	}
	
.siteSearchForm {
	text-align: right; 
	}
	
.siteSearchForm input {
	font: 10px Arial, Helvetica, sans-serif;
	} 
	
#spotlightNavRow {
	clear: both;
	float: left;
	height: 17px;
	width: 750px; 
	background: #bac9ff;
	border-bottom: 1px solid #453880;
	}

	#spotlightNavRow ul {
		margin: 0px 0px 0px 7px;
		padding: 0px 0px 2px 0px;
		list-style-type: none;
		color: #5b5295;
		} 
	  
	 #spotlightNavRow ul li {
		border-right: 1px solid #c8d8ff;
		float: left;
		} 
	 
	 #spotlightNavRow ul li a { 
		background: #bac9ff; 
		float: left;
		display: block;
		padding: 2px 5px 2px 5px;
		margin:  0px;
		color: #5b5295;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: bold;
		} 
	 
	  #spotlightNavRow ul a:hover {
		color: #FFF;
		background: #565695;
		}
				
.subNav {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	}
	
#topNav {
	background: #7581bf;
	border-bottom: 1px solid #453880;
	float: left;
	height: 18px;
	width: 750px;
	}	
	
	#topNav ul {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		height: 18px;
		list-style: none;
		margin: 0px 0px 0px 5px;
		padding: 0px;
		}
		
	#topNav li {
		display: block;
		float: left;
		position: relative;
		border-left: 1px solid #99a1d0;
		}
			
		#topNav ul li a {
			color: #FFF;
			display: block;
			float: left;
			padding: 2px 5px 3px 5px;
			text-decoration: none;
			font-weight: bold;
			}
			
			#topNav ul li a:hover {
				background: #565695;
				}
			
		#topNav ul ul {
			background: none;
			border-top: 1px solid #FFF;
			left: 0;
			list-style: none;
			margin: 0px;
			padding: 0px;
			position: absolute;
			top: 100%;
			width: 229px;
			z-index: 100;
			}
	
		#topNav ul ul li {
			clear: both;
			display: block; /* width doesnt work without it */
			}
			
		#topNav ul ul a {
			/*background: #6b94ff;*/
			border-bottom: 1px solid #FFF;
			border-left: 1px solid #FFF;
			border-right: 1px solid #FFF;
			color: #FFF;
			display: block;
			width: 217px;	
			}
	
				#topNav ul ul a:hover {
					background: #565695;
					}
				
				#topNav li:hover ul, #topNav li.over ul {
					display: block;
					}
					
			.dropdownAbout {
				background: #FFD000;
				}
				
			.dropdownAbuse {
				background: #F78425;
				}
				
			.dropdownGetHelp {
				background: #E0144E;
				}
				
			.dropdownGiveHelp {
				background: #78278C
				}
				
			 .dropdownGrownUps {
			 	background: #7780BF;
				}
				
			.dropdownForKids {
				background: #005BAB;
				}
				
			.dropdownPros {
				background: #006B64;
				}
				
			.dropdownReport {
				background: #F78425;
				}
			
			.report-abuse {
				background: #2ab19a;
				}
				
			.downstate-home {
				background: #565695;
				}