/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { xpadding: 0; xmargin: 0; }

img {border:none; margin:5px}
a {text-decoration:none}
a:hover {text-decoration:underline}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 90%;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
 background-color:#000000;
}

/** HEADER *******************************************/

#header {
 color: #ffffff;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #000000;
 height: 150px;
 margin: 10px 0px 0px 0px;
 background-image:url(images/teenscene1.jpg);
 text-align:right;
}

#header a {color:#FFFFFF}

/** BANNER *******************************************/

#banner {
 color: #333;
 width: 910px;
 float: left;
 padding: 5px;
 border: 1px solid #000;
 height: 85px;
 margin: 0;
 background: #000000;
}

#scrollingbanner {
 float: left;
 width: 500px;
 height: 80px;
 color: #FFFFFF;
 padding: 0;
 margin: 0px 5px 0px 0px;
 border: 1px solid #FFF;
}

#ads {
 float: left;
 width: 400px;
 height:80px;
 color: #FFFFFF;
 padding: 0;
 border: 1px solid #FFF;
 margin: 0;
 background: yellow;
 background-image:url(images/articles/homeworkhelp.jpg);
 background-repeat:no-repeat;
 background-position:top right; 
}

#ads a {color:blue}

/** MAIN NAVIGATION *******************************************/

#navigation {
 float: left;
 width: 900px;
 color: #FFFFFF;
 padding: 5px 10px 10px 10px;
 border: 1px solid #000000;
 margin: 0px 0px 0px 0px;
 background: #000000;
}

#navigation ul {list-style-type:none; padding:0; margin:0; text-align: center;}
#navigation ul li {display: inline; margin-right:1px}
#navigation ul li a { text-decoration: none; color:#FFFFFF; border:1px solid #FFFFFF; padding:2px 5px 2px 5px; }
#navigation ul li a.home:hover {color:#0066FF; border:1px solid #0066FF}
#navigation ul li a.events:hover {color:#00CC00; border-color:#00CC00}
#navigation ul li a.checkitout:hover {color:#9933FF; border-color:#9933FF}
#navigation ul li a.homework:hover {color:#CC0000; border-color:#CC0000}
#navigation ul li a.college:hover { color:#FF1493; border-color:#FF1493}
#navigation ul li a.faqs:hover {color:#00CCCC; border-color:#00CCCC}
#navigation ul li a.contactus:hover {color:#FF9900; border-color:#FF9900}
#navigation ul li a.location:hover {color:#009966; border-color:#009966}

a.homeactive {background-color:#0066FF; color:#FFFFFF;}
a.eventsactive {background-color:#00CC00; color:#FFFFFF;}
a.checkitoutactive {background-color:#9933FF; color:#FFFFFF;}
a.homeworkactive {background-color:#CC0000; color:#FFFFFF;}
a.collegeactive {background-color:#FF1493; color:#FFFFFF;}
a.faqsactive {background-color:#00CCCC; color:#FFFFFF;}
a.contactusactive {background-color:#FF9900; color:#FFFFFF;}
a.locationactive {background-color:#009966; color:#FFFFFF;}

/** LEFT *******************************************/

#leftcolumn { 
 color: #fff;
 background-color:#000000;
 margin: 0;
 padding: 0;
 width: 175px;
 float: left;
}

#leftcolumn a {text-decoration:none;}
#leftcolumn a:hover {color:#FFFFFF;}

#leftcolumn h3 {text-align:center; margin:0;}

#leftcolumn #subnav ul {list-style-type:none; text-align:left; padding:0; margin:15px 0 0 0}
#leftcolumn #subnav li {margin-bottom:5px; width:auto;}
#leftcolumn #subnav ul li a {display:block; border:1px solid white; padding:3px}
#leftcolumn #subnav ul li a.active {color:#FFFFFF}
#leftcolumn #sublinks a {text-decoration:none;}
#leftcolumn #sublinks a:hover {background-color:#000000}
#leftcolumn #sublinks ul {margin:0; padding:0;}
#leftcolumn #sublinks li {list-style:none; margin:5px 5px 5px 10px;}


h3.home {border-top:5px solid #0066FF;}
h3.events {border-top:5px solid #00CC00;}
h3.checkitout {border-top:5px solid #9933FF;}
h3.homework {border-top:5px solid #CC0000;}
h3.college {border-top:5px solid #FF1493;}
h3.faqs {border-top:5px solid #00CCCC;}
h3.contactus {border-top:5px solid #FF9900;}
h3.location {border-top:5px solid #009966;}
h3.wayc {border-top:5px solid #669999;}

/** CONTENT*******************************************/

#content { 
 float: left;
 color: #333;
 margin: 0;
 padding: 0;
 width: 550px;
 display: inline;
 background-color:#FFFFFF;
 border-bottom:5px solid #000000;
}

#box {padding:5px; border:1px solid #000; margin: 15px 5px 15px 5px;}
#box h2 {padding:0 0 0 5px; margin:0 0 15px 0; border:1px dashed #000;}
#box img {border:2px solid #000; margin-top:0;}
#box table.books {text-align:center;}
#box table.books td {padding:5px;}

h1 {padding:0 0 0 5px; margin:0; color:#FFFFFF}

td {vertical-align:top;}

img.floatleft {float:left; margin:0px 10px 5px 5px;}

#content a.review {color:#FFFFFF; text-decoration:none; padding: 0 2px 0 2px; border:1px solid #000;}

/** RIGHT *******************************************/
#rightcolumn { 
 color: #FFF;
 margin: 0;
 padding: 0;
 width: 197px;
 float: left;
}

#rightcolumn a {color:#FFFFFF; text-decoration:none;}
#rightcolumn #sublinks a:hover {text-decoration:underline;}
#rightcolumn #sublinks ul {margin:0; padding:0;}
#rightcolumn #sublinks li {list-style:none; margin:5px 5px 5px 10px;}

#wayc {margin-bottom:5px;}

#apl {border:1px solid #000; border-bottom: none; padding:2x; text-align:center; background-color:#FFFFFF}
#apl ul {list-style-type:none; padding:0; margin:0; font-weight:bold;}
#apl ul li {margin-top:2px}
#apl ul li a {display:block; color:white; border:1px solid #000; background-color:#000; text-decoration:none;}
#apl ul li a:hover {color:#000; background-color:white; border-top:1px solid #000; border-bottom:1px solid #000;}


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

#footer { 
 width: 900px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 text-align:center;
 background-color:#FFFFFF;
 border:1px solid #FFFFFF;
}

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

/** HOME *******************************************/

#homenav, #homeright { padding: 10px }
#homenav a, #home a, h3.home a {color:#0066FF;}
#homenav ul li a:hover, #homenav ul li a.active,
#home h1, #home a.review, #homeright {background-color:#0066FF;}
#home #box, #home #box h2, #home img, #home a.review {border-color:#0066FF;}
#home a.review:hover {background-color:#FFFFFF; color:#0066FF;}

/** EVENTS *******************************************/

#eventsnav {padding: 10px; text-align:center; }
#eventsnav ul li a:hover, #eventsnav ul li a.active,
#events h1, #eventsright, #events table.cal {background-color:#00CC00;}
#eventsnav a, #events a, h3.events a {color:#00CC00;}
#events #box, #events #box h2 {border-color:#00CC00;}
#eventsnav table {width:100%; margin:0 auto; border:1px solid #FFFFFF}
#events table.cal {margin:0 auto;}
#events table.cal, #events table.cal td {border:1px solid #00CC00}
#events table.cal th {border:1px solid #FFFFFF}
#events table.cal td {background-color:#FFFFFF; width:85px;}
#events table.cal a, #events li a {text-decoration:none; font-weight:normal;}
#events table.cal a:hover {text-decoration:underline}
#events a.c {color:#0066FF}
#events a.k {color:#CC0000}
#events a.w {color:#FF9900}
#events a.e {color:#9933FF}
#events a.s {color:#FF1493}
#events ul.libs {list-style-type:none; margin:0; padding:0; text-align:center}
#events ul.libs li {display:inline; margin: 0 2px 0 0; padding:0 2px 0 2px; color:#FFFFFF}
#events ul.libs li a {color:#FFFFFF}
li.c {background-color:#0066FF}
li.k {background-color:#CC0000}
li.w {background-color:#FF9900}
li.e {background-color:#9933FF}
li.h {background-color:#00CC00}
li.s {background-color:#FF1493}
#events table.libevents {margin:0 auto;}
#events table.libevents th {text-align:left;}
#events table.libevents td {background-color:#C3FDB8; padding:5px}
#eventsright {padding:10px;}

/** CHECKITOUT *******************************************/

#checkitoutnav, #checkitoutright { padding: 10px }
#checkitoutnav a, #checkitout a, h3.checkitout a {color:#9933FF;}
#checkitoutnav ul li a:hover, #checkitoutnav ul li a.active,
#checkitout h1, #checkitout a.review, #checkitoutright {background-color:#9933FF;}
#checkitout #box, #checkitout #box h2, #checkitout img, #checkitout a.review {border-color:#9933FF;}
#checkitout a.review:hover {background-color:#FFFFFF; color:#9933FF;}

/** HOMEWORK *******************************************/

#homeworknav, #homeworkright { padding: 10px }
#homeworknav a, #homework a, h3.homework a {color:#CC0000;}
#homeworknav ul li a:hover, #homeworknav ul li a.active,
#homework h1, #homework a.review, #homeworkright {background-color:#CC0000;}
#homework #box, #homework #box h2, #homework img, #homework a.review {border-color:#CC0000;}
#homework a.review:hover {background-color:#FFFFFF; color:#CC0000;}

/** COLLEGE *******************************************/

#collegenav, #collegeright { padding: 10px }
#collegenav a, #college a, h3.college a {color:#FF1493;}
#collegenav ul li a:hover, #collegenav ul li a.active,
#college h1, #college a.review, #collegeright {background-color:#FF1493;}
#college #box, #college #box h2, #college img, #college a.review {border-color:#FF1493;}
#college #box #nobullets ul {list-style-type:none; margin:0; padding:0;}
#college a.review:hover {background-color:#FFFFFF; color:#FF1493;}

/** FAQS *******************************************/

#faqsnav, #faqsright { padding: 10px }
#faqsnav a, #faqs a, h3.faqs a {color:#00CCCC;}
#faqsnav ul li a:hover, #faqsnav ul li a.active,
#faqs h1, #faqs a.review, #faqsright {background-color:#00CCCC;}
#faqs #box, #faqs #box h2, #faqs img, #faqs a.review {border-color:#00CCCC;}
#faqs a.review:hover {background-color:#FFFFFF; color:#00CCCC; color: }

/** CONTACT US *******************************************/

#contactusnav, #contactusright { padding: 10px }
#contactusnav a, #contactus a, h3.contactus a {color:#FF9900;}
#contactusnav ul li a:hover, #contactusnav ul li a.active,
#contactus h1, #contactus a.review, #contactusright {background-color:#FF9900;}
#contactusnav {text-align:center}
#contactus #box, #contactus #box h2, #contactus img, #contactus a.review {border-color:#FF9900;}
#contactus a.review:hover {background-color:#FFFFFF; color:#FF9900; color: }

/** LOCATION *******************************************/

#locationnav, #locationright { padding: 10px }
#locationnav a, #location a, h3.location a {color:#009966;}
#locationnav ul li a:hover, #locationnav ul li a.active,
#location h1, #location a.review, #locationright {background-color:#009966;}
#location #box, #location #box h2, #location img, #location a.review {border-color:#009966;}
#location a.review:hover {background-color:#FFFFFF; color:#009966;}

/** WAYC *******************************************/

#waycnav, #waycright { padding: 10px }
#waycnav a, #wayc a, h3.wayc a {color:#669999;}
#waycnav ul li a:hover, #waycnav ul li a.active,
#wayc h1, #wayc a.review, #waycright, #wayc #announcement, #wayc h3, #wayc table.cal  {background-color:#669999;}
#wayc table.cal {margin:0 auto;}
#wayc table.cal, #wayc table.cal td {border:1px solid #669999}
#wayc table.cal th {border:1px solid #FFFFFF}
#wayc table.cal td {background-color:#FFFFFF; width:85px;}
#wayc table.cal ul {margin:0; padding:0;}
#wayc table.cal li {margin-left:17px;}
#wayc #box, #wayc #box h2, #wayc img, #wayc a.review {border-color:#669999;}
#wayc a.review:hover {background-color:#FFFFFF; color:#669999;}
#wayc #announcement, #wayc h3 {color:#FFFFFF; text-align:center; padding:5px; margin:0 5px 0 5px}
#wayc h3 {margin:0}
#wayc #main td {border:1px solid #669999}