/*universal*/

body {
background:#85afc5;
background-image:url('../images/y-background-main.jpg');
background-repeat:repeat-x;
padding:0px;
margin:0px;
font-family:Helvetica, Arial, sans-serif;
font-size:.8em;
}

p {
line-height:1.2em;
text-align:justify;
}

img {
border:0px;
}

.red {
color:#5b0e16;
}

span.amp {
font-family:Baskerville, Palatino, "Book Antiqua", serif;
font-style:italic;
font-weight:normal;
}

.smaller {font-size:.8em;}

.baskerville {font-family:Baskerville;}

#supercontainer {
width:810px;
margin:auto;
}

#masthead {
height:105px;
background-image:url('../images/y-background-masthead.jpg');
background-repeat:no-repeat;
}

#contactbox {
float:right;
font-weight:bold;
margin:50px 35px 0px 0px;
}

#contactbox a:link {color:#000000; text-decoration:none;}
#contactbox a:active {color:#e42336; text-decoration:none;}
#contactbox a:visited {color:#000000; text-decoration:none;} 
#contactbox a:hover {color:#e42336; text-decoration:none;}

#navigation {
clear:both;
width:776px;
margin:auto;
background-image:url('../images/y-nav-background.gif');
background-repeat:repeat-x;
}


img.pad {
padding-left:6px;padding-right:6px;
}

.rpadder {padding:0px 25px 10px 0px;}

#contentwrapper {}

#contentbody {
padding-left:20px;
padding-right:20px;
background:#ffffff;
}


.leftcolumn {
width:500px;
float:left;
}

.leftcolumn2 {
width:760px;
float:left;
}

.leftcolumn h3, .leftcolumn2 h3 {
color:#333333;
}


.leftcolumn li {padding: 4px 0px 0px 0px;
line-height:1.2em;}

.leftpara {
width:240px;
float:left;
}

.rightpara {
width:240px;
float:right;
}


.leftpara ul li, .rightpara ul li {
color:#777777;
padding-bottom:3px;}

.rightcolumn {
width:230px;
float:right;
padding-left:20px;
}


.allclear {clear:both;}


#footer {
clear:both;
border-top:1px solid #85afc5;
background-image:url('../images/y-background-footer.jpg');
background-repeat:no-repeat;
padding:10px 20px 10px 20px;
}

.footerlegal {
float:right;
font-size:.85em;
}


a:link {color:#2a2f5b;}
a:active {color:#FFCC00;}
a:visited {color:#5a637a;} 
a:hover {color:#e42336;}






/*homepage only*/

.pagetitle {
font-size:1.2em;
padding:0px;
margin:20px 0px 3px 0px;
}

.subtitle {
padding:0px 0px 20px 0px;
margin:0px;
}


#clock {
margin:10px 10px 3px 0px;
width:60px;
float:left;
}

#day {
margin:20px 0px 0px 0px;
color:#ababab;
font-weight:bold;
font-size:14px;
}


#splashcontrol {
background:#d2d2d2;
}


#news {}

#news h3 {
color:#35464f;
margin:0px;
padding:6px 0px 5px 10px;
background-image:url('../images/y-background-header1.gif');
background-repeat:repeat-x;
}

.newsitem {
margin:1px;
padding:7px;
border:1px #ffffff solid;
}

.newsitem:hover {
border:1px #dedede solid;
background:#f4f4f4;
}

.newsitem a:link {color:#35464f; text-decoration:none; border-bottom:1px dotted #95a6b2;}
.newsitem a:hover {color:#e42336; text-decoration:none; border-bottom:1px dotted #95a6b2;}
.newsitem a:active {color:#35464f; text-decoration:none; border-bottom:1px dotted #95a6b2;}
.newsitem a:visited {color:#35464f; text-decoration:none; border-bottom:1px dotted #95a6b2;}


#quicklinks {text-align:left;}

#quicklinks h3 {
color:#32472c;
margin:0px;
padding:6px 0px 5px 10px;
background-image:url('../images/y-background-header2.gif');
background-repeat:repeat-x;
}

#calendar {
background:#f6fae9;
}

div#wn	{ 
position:relative;
width:200px;
height:350px;
overflow:hidden;
margin:5px 15px 5px 15px;
border-top:1px dotted #d4d3bd;
border-bottom:1px dotted #d4d3bd; 
}

#scrollLinks {
margin:5px 15px 5px 15px;
}

#calendar h3 {
color:#5d6150;
margin:0px;
padding:6px 0px 5px 10px;
background-image:url('../images/y-background-header3.gif');
background-repeat:repeat-x;
}

#calendar h4 {
margin:5px 15px 5px 15px;
text-transform:uppercase;
padding:0px;}

#calendar p {
margin-left:15px;
margin-right:15px;
font-size:.9em;
}

#calendar td {
padding:3px;
font-size:.75em;
}

.section {
text-align:left;
font-weight:bold;
text-transform:uppercase;
border-bottom:1px dotted #f4a7af;
color:#b81c2c;
}

.time {
text-align:right;
font-weight:bold;
}

.event {
text-align:left;
}




/*content pages*/

.youthcalendar {
background-image:url('../images/y-youthcalendar.gif');
background-repeat:no-repeat;
width:500px;
height:100px;
margin-top:10px;
}


p.text {
padding:50px 0px 0px 130px;
}


.pagetitle2 {
font-size:1.5em;
padding:0px;
margin:20px 0px 3px 0px;
color:#666666;
}

.pagesubsection {
color:#333333;
}

.ageimg {float:right;
margin:10px 0px 4px 7px;
}


.note {
background:#fffedd;
padding:4px;
font-size:.9em;
}

.note b {
text-transform:uppercase;
font-variant:small-caps;
}

.callout {
padding:15px;
background:#eef8ff;
border:1px solid #d5eeff;
line-height:1.4em;}

.yclass {
padding:5px 0 5px 0;
border-bottom:1px #e3e3e3 dotted;
}

.yclass b {
color:#5b0e16;
}

#specialnote1, #specialnote2 {
color:#555555;
font-size:.8em;
padding:15px;
border:1px solid #dedede;
}

#specialnote1 h4, #specialnote2 h4 {margin:0px;padding:0px;}

.specialleft {
width:130px;
float:left;
background:#000000;
color:#ffffff;
padding:10px;
border:1px #000000 solid;
font-size:1.2em;
height:145px;}

.specialleft h3, .specialleft2 h3 {color:#ffffff;}

.specialright {
width:320px;
float:left;
padding:10px;
border:1px #000000 solid;
height:145px;
}

.specialleft2 {
width:130px;
float:left;
background:#e42336;
color:#ffffff;
padding:10px;
border:1px #e42336 solid;
font-size:1.2em;
height:80px;}


.specialright2 {
width:320px;
float:left;
padding:10px;
border:1px #e42336 solid;
height:80px;
}


.dotunderline {
border-bottom:1px dotted #cccccc;
text-align:left;
margin-left:35px;
margin-right:35px;
}

.leftblock {float:left; width:260px;}
.rightblock {float:left; width:170px;}


.datatable {
width:100%;
font-size:1.05em;
margin:auto;
}

.datatable2 {
width:45%;
font-size:1.05em;
margin:auto;
}

.datatable td, .datatable2 td {
padding:2px;
}

.datatable td.heading, .datatable2 td.heading {
font-weight:bold;
font-size:1em;
background:#dedede;
padding:2px;}

.datatable td.line, .datatable2 td.line {
border-bottom:1px solid #dedede;
}

.datatable td.tablespacer, .datatable2 td.tablespacer {
height:5px;
}

.datatablenote {
color:#666666;
font-size:.9em;
border-left:1px solid #dedede;
margin:0px 0px 0px 20px;
padding:4px 8px 4px 8px;
}

.smallnorm {
font-size:.8em;
font-weight:normal;
}

.datatable td.extra {padding:9px 0px 9px 0px;}


#subnavigation {
margin-top:55px;
background:#e2f3ff;
}

#subnavigation h3 {
color:#35464f;
margin:0px;
padding:6px 0px 5px 10px;
background-image:url('../images/y-background-header1.gif');
background-repeat:repeat-x;
}

#subnavigation h4 {
text-transform:uppercase;
padding:10px 15px 5px 15px;
margin:0px;
}

#subnavigation ul {
list-style-type: none;
padding:0px;
margin:0px 25px 0px 25px;
font-weight:bold;
color:#353535;
}

#subnavigation ul li {
padding:2px;
}

#subnavigation ul li.subnavactive {
color:#ffffff;
background:#5d7a8a;
}

#subnavigation a:link {color:#4c4c4c; text-decoration:none;}
#subnavigation a:hover {color:#6f6f6f; text-decoration:none;}
#subnavigation a:active {color:#4c4c4c; text-decoration:none;}
#subnavigation a:visited {color:#4c4c4c; text-decoration:none;}


#areacontact {background:#f0f0f0;}

#areacontact h3 {
color:#444444;
margin:0px;
padding:6px 0px 5px 10px;
background-image:url('../images/y-background-header4.gif');
background-repeat:repeat-x;
}

#areacontact h4 {
text-transform:uppercase;
padding:10px 15px 5px 15px;
margin:0px;
}

#areacontact ul {
list-style-type: none;
padding:0px;
margin:0px 25px 0px 25px;
font-weight:bold;
color:#353535;
}

#areacontact ul li {
padding:2px;
}

#areacontact ul li.subnavactive {
color:#ffffff;
background:#5d7a8a;
}

#areacontact a:link {color:#4c4c4c; text-decoration:none;}
#areacontact a:hover {color:#6f6f6f; text-decoration:none;}
#areacontact a:active {color:#4c4c4c; text-decoration:none;}
#areacontact a:visited {color:#4c4c4c; text-decoration:none;}


#downloadbox {
background-image:url('../images/y-background-download.gif');
background-repeat:repeat-y;
color:#ffffff;
font-weight:bold;
}

#downloadbox a:link {color:#ffffff; text-decoration:none;}
#downloadbox a:hover {color:#b9bbbc; text-decoration:none;}
#downloadbox a:active {color:#ffffff; text-decoration:none;}
#downloadbox a:visited {color:#ffffff; text-decoration:none;}

#downloadbox p {
margin:0px;
padding:5px 15px 5px 15px;
text-align:left;
}


#alsolike {
background:#f6fae9;
}

#alsolike h3 {
color:#5d6150;
margin:0px;
padding:6px 0px 5px 10px;
background-image:url('../images/y-background-header3.gif');
background-repeat:repeat-x;
}

#alsolike ul {
padding:0px;
margin:10px 25px 0px 30px;
}

#alsolike ul li {
padding-bottom:8px;
}

.specialcallout {
background-image:url('../images/y-background-ribbon.gif');
font-weight:bold;
text-align:center;
vertical-align:middle;
float:left;
width:440px;
padding:7px 0px 7px 0px;
font-size:1.1em;
}

.specialcallout2 {
width:500px;
text-align:center;
}

.volbox {
font-size:1.1em;
text-align:left;
padding:12px;
background:#cbe0c5;
background-image:url('../images/y-background-volbox.gif');
background-repeat:no-repeat;
background-position:top left;}

.redbox {
text-align:center;
color:#ffffff;
background:#e42336;
padding:10px;
font-size:1.15em;
}

.redbox a:link, .redbox a:hover, .redbox a:active, .redbox a:visited {
color:#ffffff;
}

#birthday {
border:1px dotted #0086bd;
}

.birthdayitem {}

.birthdayprice {
color:#aa84f1;
font-size:1.6em;
font-weight:bold;
}

.jobcat {
clear:both;
margin-bottom:5px;
}

.jobcatleft {
float:left;
width:105px;
padding:0px;
margin:0px;
font-weight:bold;
text-align:right;
color:#333333;
padding-right:10px;
}

.jobcatright {
float:left;
width:385px;
padding:0px;
margin:0px;
line-height:1.2em;
text-align:left;
}

.jobcatspan {
padding:0px;
margin:0px;
font-weight:bold;
color:#333333;
}

.jobnorm {
font-weight:normal;
color:#000000;}


.jobcatright ul {
margin:0px 5px 0px 10px;
padding:0px;
line-height:1.2em;}

.jobcatright ul li {padding:0px;}

#footer2 {
font-size:.85em;
}

#footer2 h4 {
font-size:1.2em;
text-transform:uppercase;
}

#footer2 p {
text-align:left;
padding-top:0px;
margin-top:0px;
}

.col1 {
float:left;
width:115px;
padding-right:5px;
}

.col2 {
float:left;
width:115px;
padding-right:5px;
padding-left:5px;
}

.col3 {
float:left;
width:115px;
padding-right:5px;
padding-left:5px;
}

.col4 {
float:left;
width:115px;
padding-left:5px;
}


.col1 a:link, .col2 a:link, .col3 a:link, .col4 a:link, .col5 a:link {text-decoration:none; color:#333333;}

.col1 a:hover, .col2 a:hover, .col3 a:hover, .col4 a:hover, .col5 a:hover {text-decoration:none; color:#e42336;}

.col1 a:active, .col2 a:active, .col3 a:active, .col4 a:active, .col5 a:active {text-decoration:none; color:#333333;}

.col1 a:visited, .col2 a:visited, .col3 a:visited, .col4 a:visited, .col5 a:visited {text-decoration:none; color:#333333;}

/* admin */

.bigadmin {font-size:1.1em;}

.admin {background:#000000;
color:#ffffff;
padding:10px;}

.admin a:link {color:#ffffff;padding:10px;}
.admin a:hover {color:#ffffff;padding:10px;}
.admin a:active {color:#ffffff;padding:10px;}
.admin a:visited {color:#ffffff;padding:10px;}