/*
Casscading Style Sheet
CSS1
Created by Jamie Peloquin
Created on 07-19-2003
Last modified on 01-21-2005 - Cathy Burnham
Messed with more July 2008

These are basic styles for CSS1 browsers. They are superceded by advanced.css
*/

/*
COLORS:
	Teal = #089
	Purple = #65B
*/


/*	PAGE PROPERTIES	*/
	
	html, body {
		margin: 0;
		padding: 0;
		background-color: white;
		color: #333;
	}
	
	body, #page-footer, #page-body td, #page-body-home td, #page-body-teens td {
		color: #333;
		font-family: Verdana, sans-serif;
		font-size: 12px;
	}
	
	form {
		margin-top: 0px;
	}
	
	.hide {
		display: none !important;
	}


/*	PAGE-HEADER PROPERTIES	*/
	
	#page-header {
		margin: 0;
		padding: 0;
	}


/*	PAGE-BODY PROPERTIES	*/
	
	#page-body, #page-body-home, #page-body-teens {
		margin: 0;
		padding: 0;
		background-color: white;
	}
	
	#page-body td, #page-body-home td, #page-body-teens td {
		vertical-align: top;
	}



/*	PAGE-BODY-CONTENT PROPERTIES	*/

	h1plusPr {
		font-size: 24px;
		color: #65B;
		font-weight: bold;
	}
	
	h1plusGr {
		font-size: 24px;
		color: #089;
		font-weight: bold;
	}
	
	h1 {
		font-size: 20px;
		color: #65B;
		font-weight: bold;
	}

	h2 {
		font-size: 14px;
		color: #089;
		font-weight: bold;
	}

	h3 {
		font-size: 12px;
		color: #65B;
		font-weight: bold;
	}
	
			
	a {
		color: #089;
	}
	
	a:hover {
		color: #65B;
	}

	#body-content img[align="right"] {
		margin: 0 0 10px 10px;
	}

	#body-content img[align="left"] {
		margin: 0 10px 10px 0;
	}
	
	#page-body-teens #body-content a {
		color: #F60;
	}
	
	#page-body-teens #body-content a:hover {
		color: #65B;
	}
	
	#body-content table.data {
		background-color: #99C;
	}
	
	#body-content table.data tr {
		background-color: white;
	}
	
	#body-content table.data th {
		background-color: #65B;
		color: white;
		font-weight: bold;
		text-align: center;
	}
	
	.note, .caption {
		font-size: 10px;
		color: #999;
	}
	
	.caption {
		font-style: italic;
	}
	
	.alert, .error {
		color: red;
	}

		.yellowInput
{
background: #FFFF99;
}


/*	PAGE-BODY-NAVIGATION PROPERTIES	*/

	#body-navigation {
		padding: 12px 20px 0 15px;
	}

	#page-body-home #body-navigation {
		padding: 41px 20px 0 15px;
	}

	#body-navigation a {
		display: block;
		margin-bottom: .75em;
		font-size: 12px;
		text-decoration: none;
		color: black;
	}

	#body-navigation a:hover {
		color: #65B;
	}

	#body-navigation a.on, #body-navigation a.on:hover {
		color: black;
		font-weight: bold;
	}



/*	PAGE-BODY-SIDEBAR PROPERTIES	*/
	
	#page-body #body-sidebar {
		border-width: 0 0 0 1px;
		border-color: black;
		border-style: solid;
	}
	
	#page-body-home #body-sidebar {
		background-image: url(/images/home/sidebar-background.gif);
		background-repeat: repeat-y;
		font-size: 11px;
		color: black;
	}

	#page-body-teens #body-sidebar {
		background-color: #FFCC00;
		color: black;
	}
	
	#page-body-home #body-sidebar h2 {
		border-width: 0;
		font-size: 18px;
		margin-left: 10px;
	}
	
	#page-body-teens #body-sidebar h2 {
		border-width: 0;
		font-size: 14px;
	}
	
	#body-sidebar h2 a {
		text-decoration: none;
	}

	#page-body-teens #body-sidebar a {
		font-weight: bold;
		color: black;
	}

	#page-body-teens #body-sidebar a:hover {
		color: #65B;
	}


/*	PAGE-FOOTER PROPERTIES	*/
	
	#page-footer {
		width: 760px;
		margin: 24px 0 12px 0;
	}
	
	#page-footer p, #page-footer address {
		font-size: 10px;
		text-align: center;
		color: #65B;
		margin: .2em 0 .2em 0;
	}
	
	#page-footer p.links {
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	
	#page-footer address {
		margin-top: 1em;
		font-style: normal;
	}