/* CSS Document
// Author: Leia Vieira
// Project: City Of Dayton Recreation and Youth Services
// Date: October 9, 2006
// Company: First Marketing Group
 */
 

/* PAGE */ 
BODY {margin-top:0px; background-image:url(../images/bg_Main.gif); font-size: 11px; color: #464646; font-family: Arial, Helvetica, sans-serif; background-color:#f0d28f; }
.PageArea {padding-left:10px; padding-right:10px; padding-top:10px; vertical-align:text-top; padding-bottom:10px; text-align:justify }
.Form{margin-bottom:0px; margin-top:0px; padding-bottom:5px; padding-top:3px; vertical-align:middle;}
.SearchForm{margin-bottom:0px; margin-top:0px;}
.PageBorder{border-collapse: separate; border-top-width:0px; border-left-width:medium; border-right-width:medium; border-bottom-width:medium; border-color:#FFFFFF; background-color:#F5DA9F; border-style: solid double;}
.NewsImage{ margin-right:15px; margin-bottom:10px;}



/* TEXT */
H1 {color: #464646; font-size:14px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-align: left;}
H2 {color: #464646; font-size:12px; font-weight:bold;font-family: Arial, Helvetica, sans-serif; text-align: left; }
H3 {color: #000000; font-size:14px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-align: left; margin-bottom: none; padding-bottom: none;}
HR {width:400px; height:1px; color:#cccccc;}
HR.news {width:100%; height:1px; color:#cccccc;}
HR.display {width:100%; height:1px; color:#cccccc; padding:0px; margin:0px;}
P {font-size: 11px; color: #464646; font-family: Arial, Helvetica, sans-serif; text-align: justify; }
.displaysmall {font-size: 10px; color: #464646; font-family: Arial, Helvetica, sans-serif; }
SUP {font-family: Arial, Helvetica, sans-serif; font-size: 10px; vertical-align:top;}
UL {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000d1f; margin-bottom: 0px;}
OL {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000d1f; margin-bottom: 0px;}
LI Strong {color: #333333; }
.Page {padding-left:10px; padding-right:5px; padding-top:2px; vertical-align:text-top;}

.QuickGuide {font-family: Arial; color: #333333; font-size: 10px;}
.WhiteText {vertical-align:middle; font-family: Arial; color: #ffffff; font-size: 10px; font-weight:bold;}

#emailSignUp {
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	font-size: 10px; 
	font-weight:bold;}
	
#emailSignUp TD.label {
	vertical-align: middle;
	text-align: right;
	padding: 3px;}
	
#emailSignUp TD.text Input{
	font-size: 10px;
	padding: 2px;
	width: 125px;}

.newsBox {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;}
	
.newsBox A {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;}
	
.newsBox A:Hover {
	text-decoration: underline;}
	
.newsBox HR {border: 1px solid #FFFFFF;  width: 100%;}

.WhiteBoxText {
	padding-left:15px; 
	padding-right:5px; 
	padding-top:3px; 
	vertical-align:text-top; 
	font-family: Arial; 
	color: #ffffff; 
	font-size: 10px; 
	font-weight:bold; 
	text-align:left; }

.FormText { padding-left:5px; text-align:left ; vertical-align:middle; font-family:Arial; color:#000000; font-size:11px; font-weight:bold;}
.FormField { margin-bottom:0px; margin-top:0px; font-family:Arial; color:#000000; font-size:11px; font-weight:bold;}

.BlackLink {padding-left: 15px; padding-right: 10px; padding-top: 3px;}

.feedbackTable {width: 100%; margin-bottom: 15px;}
	.feedbackTable TD {padding-top: 6px; padding-bottom: 6px; padding-left: 10px;}
	.feedbackTable TR.row1 {background-color: #FCF9F1;}
	.feedbackTable TR.row2 {background-color: #fcf2d8;}
	.feedbackTable .textInput {color:#000000; font-size:11px; width: 98%;}
	.feedbackTable TextArea {color:#000000; font-size:11px; width: 100%; height: 100px; padding: 3px;}
	.feedbackTable TH {color:#000000; font-size:14px; font-weight: bold; text-align: left; padding-top: 6px; padding-bottom: 6px; padding-left: 5px;}
	.feedbackTable #border {border-bottom: 1px solid #000000;}
	.feedbackTable .ratings {color:#000000; font-size: 11px; font-weight: bold; text-align: center;}



/* NAVIGATION */
.Page A {font-family: Arial; color: #dfb75d; text-decoration: none; font-size: 11px; font-weight:bold;}
.Page A:hover {text-decoration:underline; color:#c89149;}

.WhiteLink A {font-family: Arial; color: #ffffff; text-decoration: none; font-size: 11px; font-weight:bold;}
.WhiteLink A:hover {text-decoration: underline;}

.BlackLink A {vertical-align:text-top; font-family: Arial; color: #000000; text-decoration: none; font-size: 10px; font-weight:bold; }
.BlackLink:hover {text-decoration: underline; color: #000000;}

.Footer A {font-family: Arial; color: #ffffff; text-decoration: none; font-size: 10px; font-weight:bold; }
.Footer A:hover {text-decoration: underline;}

.SecNav A {font-family: Arial; color: #333333; text-decoration: none; font-size: 10px; font-weight:bold; }
.SecNav A:hover {text-decoration: underline;}

.SubNav A {font-family: Arial; color: #c9a250; text-decoration: none; font-size: 10px; font-weight:bold; }
.SubNav A:hover {text-decoration: underline;}

A {font-family: Arial; color: #000000; text-decoration: none; font-size: 11px; font-weight:bold;}
A:hover {text-decoration: underline;}

.OrangeLink A {font-family: Arial; color: #c9a250; text-decoration: none; font-size: 11px;}
.OrangeLink Hover {text-decoration: underline;}

/* BG IMAGES AND COLOR */
Table.Main{background-color:#f0d28f; border-bottom-width:2px; border-right-width:2px; border-left-width:2px; border-top-width:0px; border-color:#FFFFFF; }
Table.TopNav {background-image:url(../images/bg_BlacknGrey.jpg); }
td.bodycopy {background-color:#FFFFFF; background-image:url(../images/bg_Bodyyellow.gif); background-repeat:repeat-x; padding-left:20px; padding-right:10px; padding-top:15px; padding-bottom:10px; }
Table.pagecopy { background-image:url(../images/bg_BodyColor.gif); background-color:#FCF9F1; }
td.bgMustard {background-image:url(../images/bg_mustard.jpg); color:#F5DA9F;}
td.bgSideNav { background-image:url(../images/bg_SideNav.jpg); width:261px; background-repeat:repeat-y;}
td.NavPad {vertical-align:top; padding-left:32px; background-color:#fcefd2;}



.thumbnail_up {border: 2px solid #FCF9F1; cursor: pointer;}
.thumbnail_over {border: 2px solid #c89149; cursor: pointer;}

.greyText {
	color: #947639;
	font-style: italic;}
	
	
	/* I hope this doesn't go away this time */
	
#rates	table {
		font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
		border-collapse: collapse;
		width: 450px;
		border: 1px solid #ccc;
		}

#rates	th {
		padding: 0 0.5em;
		text-align: left;
		}

#rates	tr.yellow td {
		border-top: 1px solid #FB7A31;
		border-bottom: 1px solid #FB7A31;
		background: #FFC;
		}

#rates	td {
		border-bottom: 1px solid #CCC;
		padding: 0 0.5em;
		}

#rates	td:first-child {
		width: 190px;
		}

#rates	td+td {
		border-left: 1px solid #CCC;
		text-align: center;
		}
		
#rates tr.odd {background: #F7E8BF;}

table.top {margin-bottom: 20px;}

#userSpecial {
			height: 1px;
			overflow: hidden;
			line-height: 300em;
			position:relative;
			

	}