/** WEST ANAHEIM YOUTH CENTER ************************************/
#wayc_left h1 {border-top:5px solid #3366FF; margin-bottom:15px;}
#wayc_left h1 a {color:#3366FF; border:none}
#wayc_left h1 a:hover {color:#FFFFFF; background-color:#000000}
#wayc_left a {border:1px solid #3366FF}
#wayc_left a:hover, #wayc_left a.active {background-color:#FFFF99; color:#3366FF}
#wayc  h1 {background-color:#3366FF;}
#wayc a {color:#3366FF}
.wayc td {border:1px solid #3366FF; text-align:center; width:165px;}
.wayc h3 {margin:0; padding:1; background-color:#FFFF99; color:#3366FF;border:1px solid #3366FF}
.calendar td {width:82px; border:1px solid #3366FF;}
.calendar th {border:1px solid #FFFFFF; text-align:center; color:#FFFFFF; background-color:#3366FF}
.calendar b {color:#FFFFFF; background-color:#3366FF}
.cal2 {text-align:center; font-size:12px;}
.cal2 h3 {font-size:12px; background-color:#3366FF; padding:1px; margin-bottom:10px; color:#FFFFFF; border:1px solid #3366FF}
.cal2 td {width:95px; border:1px solid #3366FF} 
.sub td {border:none; text-align:left; padding-right:10px}
.sub b {background-color:#FFFFFF; color:#000000}

#wayc_bg {background-color:#3366FF; padding:2px}

/*****************************************************************************/

body
{
font-family:"Arial", san-serif;
text-align: center;
font-size:12px;
}

#wrapper
{
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: left;
}
#wrapper br {clear:both} 

#button
{
background-color:#000000;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
}

form {padding:0px; margin:0px;}
.floatleft {float:left; margin:0 10px 10px 0; width:100px;}
.floatright {float:right; margin:0 0 10px 10px; width:100px;}
#article {border:1px solid #FFFFFF;}
#article p, #article h2 {margin-top: 0;}
#article a {font-weight:bold;}
h1 {margin:0; padding:0; font-size:18px}
h2 {font-size:16px;}
h3 {font-size:14px;}
td {vertical-align:top}

/** MAIN LOGO**********************************************/
#logo 
{
background-image:url(images/banner.jpg);
width:800px;
height:100px;
background-color:#000000;
text-align:right;
font-size:14px;
color:white;
font-weight:bold;
}

#logo a, #logo a:visited {color:white; text-decoration:none; font-size:16px;}

#logo p {margin-right:3.5em}

/** MAIN NAVIGATION****************************/
#navcontainer
{
padding:5px 0px 5px 2px;
background-color:#000000;
width:798px;
}

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

#navcontainer ul li { display: inline; }

#navcontainer ul li a 
{
text-decoration: none;
padding: .2em .5em;
color: #FFFFFF;
background-color: #000000;
font-weight:bold;
border:1px solid #FFFFFF;
}

#navcontainer ul li a:hover, #navcontainer ul li a.active
{
color: #000000;
background-color: #FFFFFF;
}

#navcontainer a.home_active {background-color:#6666FF;}
#navcontainer a.howto_active {background-color:#0066FF;}
#navcontainer a.checkitout_active {background-color:#990099;}
#navcontainer a.faqs_active {background-color:#9933FF;}
#navcontainer a.homework_active {background-color:#CC0000;}
#navcontainer a.events_active {background-color:#00CC00;}
#navcontainer a.location_active {background-color:#009966;}
#navcontainer a.atyourlib_active {background-color:#FF3300;}
#navcontainer a.contactus_active {background-color:#FF9900;}
#navcontainer a.college_active {background-color:#FF1493;}
#navcontainer a.services_active {background-color:#660066;}

/** DCC, WAYC, LIBRARY NAVIGATIONs****************************/

#libnav ul, #waycnav ul, #dccnav ul {list-style-type: none; margin: 0;padding: 0;}
#libnav li, #waycnav li, #dccnav li {margin: 0 0 .5em 0; border:1px solid #000000;}
#waycnav ul, #dccnav ul {padding:2px;}

#libnav a, #dccnav a, #waycnav a
{
display: block;
color:#FFFFFF;
background-color:black;
text-decoration:none;
font-weight:bold;
padding: 2px 2px 2px 5px;
}

#libnav a:hover {background-color:#FFFFFF; color:#000000;}

#waycnav a:hover {background-color:#FFFF99; color:#3366FF}
#waycnav a {color:#3366FF; background-color:#FFFF99}
#waycnav a.active {background-color:#FFFF99; color:#3366FF}

/** SCROLLINGBANNER ***************************/
#scrollingbanner {background-color:#000000;}
#ttw a {color:#FFFFFF; font-weight:bold; text-decoration:none;}
#ttw a:hover {text-decoration:underline;}

#ads
{
background-image:url(images/articles/homeworkhelp.jpg);
vertical-align:bottom;
padding-left:175px;
padding-bottom:5px;
}

/** CONTENTAREA *******************************/
#contentarea 
{
background-color:#000000; 
border-top:1px solid #000000;
border-bottom:25px solid #000000;
}

#content {background-color:#FFFFFF}
#content a {text-decoration:none;}
#content a:hover {text-decoration:underline;}
#content a.title {font-size:16px; font-weight:bold;}
#content img {border:none;}
#article {padding:5px; margin-top:25px;}
#article a {font-weight:bold;}
#box {padding:5px; border:1px solid #FFFFFF; margin-bottom:15px;}
#box ul {list-style-type: none; margin: 0;padding: 0;}
#box li a {display: block;color:#FFFFFF;text-decoration:none;}
#box li a:hover {text-decoration:none;}
#checkitout li a:hover {background-color:#000000;text-decoration:none;}

#content h1 {xfont-size:18px; padding:5px; color:#FFFFFF; margin: 0;}
#content h2 {xfont-size:16px;}
#content h3 {xfont-size:14px;}

/** LEFT *************************************************/
#left {color:#FFFFFF;}



#left h1 
{
font-size:14px;
padding: 5px 2px 2px 2px;
color:#FFFFFF;
text-align:center;
}

#left h2 {font-size:12px;}

#left ul {list-style-type: none; margin: 0;padding: 0;}
#left li {margin: 0 0 .5em 0; border:1px solid #000000;}

#left a
{
display: block;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
padding: 2px 2px 2px 5px;
}


/** RIGHT *************************************************/
#right #sublinks h1 {font-size:14px;}
#sublinks, #sublinks a {color:#FFFFFF;}
#sublinks ul {list-style-type: none; margin: 0;padding: 0;}
#sublinks li {margin: 0 0 .5em .5em} 
#sublinks a {text-decoration:none;}
#sublinks a:hover {text-decoration:underline;}


/** PROJECT SAY************************************/




/** HOME PAGE ************************************/
#homenav {color:#FFFFFF; padding-bottom:25px;}
#homenav h1 {color:#6666FF; border-top:5px solid #6666FF}
#homenav p {margin-left:.5em;}
#homenav a {color:#6666FF; font-weight:bold; display:inline; padding:0;}
#homenav a:hover {text-decoration:underline}
#homenav #b {width:150px; height:30px; text-align:center}
#homenav #b li {background-image:url(images/button_blue.gif);}
#home h1 {background-color:#6666FF;}
#home a {color: #6666FF;}
#home #article {border-color:#6666FF;}
#home #button {background-color:#6666FF; padding:5}
#home_bg {background-color:#6666FF; padding:2px;}


/** TEEN EVENTS *********************************/
#eventsnav h1 {color:#00CC00; border-top:5px solid #00CC00; margin-bottom:15px;}
#eventsnav h1 a {color:#00CC00; text-decoration:none; border:none;}
#eventsnav h1 a:hover {background-color:#000000}
#eventsnav a {border:1px solid #00CC00;}
#eventsnav a:hover, #eventsnav a.active {background-color:#00CC00; color:#FFFFFF;}
#teenevents h1 {background-color:#00CC00;}
#teenevents h3 {color:#FFFFFF; background-color:#00CC00}
#teenevents a {color:#00CC00;}
#events {border:3px solid #000000; margin-bottom:15px}
#events h2 {background-color:#00CC00;color:#FFFFFF;margin:2px;padding:2px}
#events_bg {background-color:#00CC00; padding:2px;}
#teenevents #calendar {margin-bottom:15px;}
#teenevents #calendar td {width:70px; border:1px solid #00CC00;}
#calendar a.c {color:#6666FF}
#calendar a.k {color:#FF9900}
#calendar a.w {color:#CC0000}
#calendar a.e {color:#9933FF}
#calendar a.s {color:#FF1493}
#teenevents #box {border:1px solid #00CC00; padding:2px;}
#teenevents #box li a {background-color:#00CC00; border:1px solid #00CC00}
#teenevents #box li a:hover {background-color:#FFFFFF;  color:#00CC00;}
#teenevents #box td (border-top:1px solid #C0C0C0;}

/** CHECK IT OUT *****************************/
#checkitoutnav h1 {color:#990099; border-top:5px solid #990099; margin-bottom:15px; }
#checkitoutnav h1 a {color:#990099; text-decoration:none; border:none;}
#checkitoutnav h1 a:hover {background-color:#000000; color:#FFFFFF;}
#checkitoutnav a {border:1px solid #990099;}
#checkitoutnav ul {list-style-type: none}
#checkitoutnav a:hover, #checkitoutnav a.active {background-color: #990099;}
#checkitout h1 {background-color:#990099;}
#checkitout ul {list-style-type: none; margin: 0;padding: 0;}
#checkitout li a {display: block;color:#FFFFFF;text-decoration:none;background-color:#990099;}
#checkitout li a:hover {background-color:#000000;text-decoration:none;}
#checkitout img {padding:2px; border:1px solid #FFFFFF}
#checkitout a {color:#990099}
#checkitout_bg {background-color:#990099; padding:2px;}
#checkitout #article {border-color: #990099;}
#checkitout a.review {background-color:#990099; color:#ffffff}
#checkitout #box, #checkitout #box h2, #checkitout img, #checkitout a.review {border-color:#990099;}
#checkitout a.review:hover {background-color:#FFFFFF; color:#990099;}
#checkitout #box {width:495px}

/** HOMEWORK *********************************/
#homeworknav h1 {color:#CC0000; border-top:5px solid #CC0000; margin-bottom:15px;}
#homeworknav h1 a {color:#CC0000; text-decoration:none; border:none;}
#homeworknav h1 a:hover {background-color:#000000}
#homeworknav a {border:1px solid #CC0000}
#homeworknav a:hover, #homeworknav a.active {background-color:#CC0000; color:#FFFFFF;}
#homeworkmain h1 {background-color:#CC0000;}
#homeworkmain a {color:#CC0000;}
#homeworkmain #box {border-color:#CC0000}
#homeworkmain #box li a {background-color:#CC0000}
#homeworkmain #box li a:hover {background-color:#000000;}
#homework_bg {background-color:#CC0000; padding:2px;}

/** @ YOUR LIBRARY *********************************/
#atyournav h1 {color:#FF3300; border-top:5px solid #FF3300; margin-bottom:15px;}
#atyournav h1 a {color:#FF3300; text-decoration:none; border:none;}
#atyournav h1 a:hover {background-color:#000000}
#atyournav a {border:1px solid :#FF3300;}
#atyournav a:hover, #atyournav a.active {background-color:#FF3300; color:#FFFFFF;}
#atyourlibrary h1 {background-color:#FF3300;}
#atyourlibrary a {color:#FF3300;}
#atyourlib_bg {background-color:#FF3300; padding:2px;}

/** COLLEGE 411 *********************************/
#collegenav h1 {color:#FF1493; border-top:5px solid #FF1493; margin-bottom:15px;}
#collegenav h1 a {color:#FF1493; text-decoration:none; border:none;}
#collegenav h1 a:hover {background-color:#000000}
#collegenav a {border:1px solid #FF1493}
#collegenav a:hover, #collegenav a.active {background-color:#FF1493; color:#FFFFFF;}
#college411 h1 {background-color:#FF1493;}
#college411 a {color:#FF1493;}
#college411 #box p {border:1px solid #FF1493; padding:5px;}
#college_bg {background-color:#FF1493; padding:2px;}

/** HOW TO *********************************/
#howtonav h1 {color:#0066FF; border-top:5px solid #0066FF; margin-bottom:15px;}
#howtonav h1 a {color:#0066FF; text-decoration:none; border:none;}
#howtonav h1 a:hover {background-color:#000000}
#howtonav a {border:1px solid #0066FF}
#howtonav a:hover, #howtonav a.active {background-color:#0066FF; color:#FFFFFF;}
#howto h1 {background-color:#0066FF;}
#howto a {color:#0066FF;}
#howto #box p {border:1px solid #0066FF; padding:5px;}
#howto_bg {background-color:#0066FF; padding:2px;}

/** FAQs *********************************/
#faqsnav h1 {color:#9933FF; border-top:5px solid #9933FF; margin-bottom:15px;}
#faqsnav h1 a {color:#9933FF; text-decoration:none; border:none;}
#faqsnav h1 a:hover {background-color:#000000}
#faqsnav a {border:1px solid #9933FF}
#faqsnav a:hover, #faqsnav a.active {background-color:#9933FF; color:#FFFFFF;}
#faqs h1 {background-color:#9933FF;}
#faqs h2 {border:1px solid #9933FF;}
#faqs a {color:#9933FF;}
#faqs #box p {border:1px solid #9933FF; padding:5px;}
#faqs_bg {background-color:#9933FF; padding:2px;}

/** CONTACT US *********************************/
#contactnav h1 {color:#FF9900; border-top:5px solid #FF9900; margin-bottom:15px;}
#contactnav h1 a {color:#FF9900; text-decoration:none; border:none;}
#contactnav h1 a:hover {background-color:#000000}
#contactnav a {border:1px solid #FF9900}
#contactnav a:hover, #contactnav a.active {background-color:#FF9900; color:#FFFFFF;}
#contactus h1 {background-color:#FF9900;}
#contactus a {color:#FF9900;}
#contactus #box p {border:1px solid #FF9900; padding:5px;}
#contactus .warning {color:#FF9900; padding:2px; border:1px solid #FF9900;}
#contactus_bg {background-color:#FF9900; padding:2px;}

/** LOCATION & HOURS *********************************/
#locationnav h1 {color:#009966; border-top:5px solid #009966; margin-bottom:15px;}
#locationnav h1 a {color:#009966; text-decoration:none; border:none;}
#locationnav h1 a:hover {background-color:#000000}
#locationnav a {border:1px solid #009966}
#locationnav a:hover, #locationnav a.active {background-color:#009966; color:#FFFFFF;}
#location h1 {background-color:#009966;}
#location h3 {color:#009966;}
#location a {color:#009966;}
#location #box p {border:1px solid #009966; padding:5px;}
#location_bg {background-color:#009966; padding:2px;}

/** TEEN SERVICES *********************************/
#teenservicesnav h1 {color:#660066; border-top:5px solid #660066; margin-bottom:15px;}
#teenservicesnav  h1 a {color:#660066; text-decoration:none; border:none;}
#teenservicesnav  h1 a:hover {background-color:#000000}
#teenservicesnav  a {border:1px solid #660066}
#teenservicesnav  a:hover, #locationnav a.active {background-color:#660066; color:#FFFFFF;}
#teenservices h1, #teenservices h2 {background-color:#660066;}
#teenservices h2 {color:#FFFFFF}
#teenservices a {color:#660066;}
#teenservices_bg {background-color:#660066; padding:2px;}

/** FOOTER **********************************/

#footer
{
width:800px;
color:#999999;
text-align:center;
padding-top:10px;
font-size:10px;
}

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