/* OVER WRITE GENERIC FOR YRIPP ONLY */
.komodoSearchPanelResultsTable td { border-width: 0;}

div.defaultFontStyling, .kSitemapPageLink,
#contentContainer input, #contentContainer select, #contentContainer button, #contentContainer textarea {
	font-family: Arial, Helvetica, Verdana sans-serif; color: #414141;
}

#contentContainer input, #contentContainer select, #contentContainer button, #contentContainer textarea {
	font-size: 75%;
}

#pageBody {
	background: url(/images/spacer.gif) no-repeat left top;
	font-family: Arial, Helvetica, Verdana sans-serif;
}


/* CSS START */

/* containers */

#pageContainer {
	display:block;
	width:100%; height:100%;
	text-align:center;
}

#pageRepeatingBg {
	width: 100%; height: auto;
	background: transparent url(/images/YRIPP/gradientBg.gif) repeat-x left top;
	float: left;
}

#contentContainer {
	width: 890px; height: auto;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif; color: #414141;
}

#repeatingBg {
	width: 890px; height: auto;
	margin: 0px auto;
	color: #000000;
	background: transparent url(/images/YRIPP/repeatingBg.gif) repeat-y center top;
	float: left;
}


/* NAVIGATION */

#navColumn {
	float: left;
	width: 204px;
	text-align:left;
	font-size: 69%;
	font-weight: bold; color:#979923;
}


#navColumn ul {
	display:block; width: 182px;
	margin:0; padding:0;
	background-color:#DFE257;
}

#navColumn ul li {
	margin:0; padding:0;
	list-style-type:none;
}

#navColumn ul ul {
	padding: 10px 0;
	background: transparent url(/images/YRIPP/subnav_top.gif) no-repeat top left;
}

#navColumn ul li li {
	margin:0 0 0 35px; padding:3px 8px;
	list-style-type:disc;
}

#navColumn ul li li a.active {
	text-decoration:underline;
}

#navColumn ul li a { color:#979923; text-decoration:none;}

#navColumn #nav_home li, #navColumn #nav_volunteerwithus, #navColumn #nav_informationforpolice, #navColumn #nav_informationforparents,
#navColumn #nav_yrippstations, #navColumn #nav_aboutyripp, #navColumn #nav_contact {
	display:block;
	width:182px; height:35px;
	position:relative;
}

#navColumn #nav_volunteerwithus span, #navColumn #nav_informationforpolice span, #navColumn #nav_informationforparents span,
#navColumn #nav_yrippstations span, #navColumn #nav_aboutyripp span, #navColumn #nav_contact span {
	width:100%; height:100%;
	position:absolute;
}

#navColumn #nav_volunteerwithus span { background: transparent url(/images/YRIPP/navVolunteer.gif) no-repeat left top }
#navColumn #nav_informationforpolice span { background: transparent url(/images/YRIPP/navPoliceInfo.gif) no-repeat left top }
#navColumn #nav_informationforparents span { background: transparent url(/images/YRIPP/navParentsInfo.gif) no-repeat left top }
#navColumn #nav_yrippstations span { background: transparent url(/images/YRIPP/navStations.gif) no-repeat left top }
#navColumn #nav_aboutyripp span { background: transparent url(/images/YRIPP/navAbout.gif) no-repeat left top }
#navColumn #nav_contact span { background: transparent url(/images/YRIPP/navContact.gif) no-repeat left top }

#navColumn #nav_volunteerwithus:hover span, #navColumn #nav_volunteerwithus.active span { background-image: url(/images/YRIPP/navVolunteer2.gif) }
#navColumn #nav_informationforpolice:hover span, #navColumn #nav_informationforpolice.active span { background-image: url(/images/YRIPP/navPoliceInfo2.gif) }
#navColumn #nav_informationforparents:hover span, #navColumn #nav_informationforparents.active span { background-image: url(/images/YRIPP/navParentsInfo2.gif) }
#navColumn #nav_yrippstations:hover span, #navColumn #nav_yrippstations.active span { background-image: url(/images/YRIPP/navStations2.gif) }
#navColumn #nav_aboutyripp:hover span, #navColumn #nav_aboutyripp.active span { background-image: url(/images/YRIPP/navAbout2.gif) }
#navColumn #nav_contact:hover span, #navColumn #nav_contact.active span { background-image: url(/images/YRIPP/navContact2.gif) }

/* HEADER */

/* search */
.searchButton {
	margin-bottom: 6px;
}

#searchForm {
	display:block; height: 23px;
	margin: 9px 0;
}

#search_login {
	float: right;
	width: 200px; padding-bottom:5px;
	text-align: right;
}

#search_login p { margin-bottom: 6px;}

#contentContainer #search {
	margin: 5px 5px 0 0;
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 69%;
	color: #333333;
}

/* headline */
#mainImage {
	float: left;
}

#mainContentPanelSecondary #mainImage {
	display:block;
	width: 185px; height:161px;
}
#headerContainer {
	display:block;
	width:586px; height:161px;
}


#headlineContainer {
	float:left;
	width:390px;
	text-align:left;
}


#h1Container {
	display:block; position: relative; 
	height: 80px; width:380px;
	margin-bottom: 40px;
} 

#h1Container h1 {
	position: absolute;
	bottom:0;
	font-weight:bold;
	color:#FFF;
}

#breadcrumbs {
	float: left;
	width: 368px;
	margin-left:3px;
}

#breadcrumbs span, #breadcrumbs a { color: #000; font-size:63%; text-decoration:none;}

#breadcrumbs a:hover { text-decoration:underline;}

#textContainer {
	bottom: 0px;
	padding-right: 30px;
	position: absolute;
	width: 369px;
}


/* MAINCONTENT */

#mainContentPanel {
	float: left;
	width: 586px;
	background: #DFE257 url(/images/YRIPP/yrippHeaderBg.gif) no-repeat left top;
}

#mainContentPanelSecondary {
	float: left;
	width: 586px;
	background-color: #dfe257;
	background-image: url(/images/YRIPP/secPageHeaderBg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainContentArea {
	float: left;
	width: 586px;
}

#topBg {
	float: left;
	width: 790px; height: auto;
	background: transparent url(/images/YRIPP/topBgPattern.gif) no-repeat left top;
	padding: 20px 50px 0 50px;
}

#mainContentPanelBottom {
	float: left;
	width: 586px;
	background-image: url(/images/YRIPP/contentBoxBottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
}

#contentArea01 {
	float: left;
	width: 269px;
	margin-top: 120px;
	padding-right: 30px;
	padding-left: 2px;
}

#mainContentPanelSecondary #contentArea01, #contentArea02 {
	float: left;
	width: 526px;
	margin-top: 20px;
	padding-right: 30px;
	padding-left: 30px;
}


/* footer */

#footer {
	width: 890px;
	margin: 0px auto;
	text-align: center;
	height: 118px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#footerLinks {
	font-size: 69%;
	color: #FFFFFF;
	float: left;
	width: 250px;
	text-align: left;
	padding-left: 30px;
	margin-bottom: 40px;
}

#footerLinks ul {
	margin:0; padding:0;
}

#footerLinks li {
	margin:0; padding:0 3px 0 0;
	display:inline;
	list-style-type:none;
}

#footerLinks li a {
	padding-right: 7px;
	border: 1px solid #FFF; border-width: 0 1px 0 0;
}

#footerLinks li.last a { border-width:0;}

#footer a {
	color: #e3e658;
	text-decoration:none;
}

#footer a:hover {
	color: #c0c24c;
	text-decoration:underline;
}	

#poweredByKomodoCMS {
	float: right;
	width: 200px;
	margin-bottom: 40px;
	padding-right: 30px;
	text-align: right;
}