/* Zero-out CSS */
body {color:black; background:white;}
 
body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, blockquote, th, td {margin:0; padding:0;}
 
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
 
address, caption, cite, code, dfn, em, strong, var {font-style:normal; font-weight:normal;}
 
ol, ul {list-style:none; margin:0; padding:0;}
 
table {border-collapse:collapse; border-spacing:0;} 
caption, th {text-align:left; font-weight:normal; font-style:normal;}
 
acronym, abbr, fieldset, img {border:0;}
 
:focus {outline:0;}



/* All Pages */
body {
 width:800px;
 margin:0 auto;
 padding:0px;
 background-color:#d9d9d9;
 font-family:Garamond, Times New Roman, Times, serif;
}

.site {}

#banner {
 width:610px;
 height:180px;
 float:left;
 background:url(mainBanner.jpg) top left no-repeat #d9d9d9;
 position:relative;
}

#banner h1 {
 color:white;
 font-variant:small-caps;
 font-size:45px;
 display:block;
 position:relative;
 top:75px;
 padding-left:20px;
}
#banner h1 a {text-decoration:none; color:#FFFFFF;}
#banner h1 a:hover {color:#0091ff;}

/* Navigation Menu*/
#nav {
 position:absolute;
 top:130px;
 padding-left:30px;
 width:650px;
}
#nav a{
 display:block;
 float:left;
 width:150px;
 height:33px;
 padding-top:6px;
 background:url(tab.jpg) top left no-repeat;
 color:white;
 text-align:center;
 font-variant:small-caps;
 font-weight:bold;
 text-decoration:none;
}
#nav a:hover {
 color:black;
 background:url(tab.jpg) top right no-repeat;
}
#nav a:hover {}

.circle {
 width:190px;
 height:180px;
 float:left;
}
#nav .thisPage {
 color:black;
 background:url(tab.jpg) top right no-repeat;
}
#home .circle {background:url(circleChairs.jpg) top left no-repeat #d9d9d9;}
#services .circle {background:url(circleChecks.jpg) top left no-repeat #d9d9d9;}
#about .circle {background:url(circleChick.jpg) top left no-repeat #d9d9d9;}
#contact .circle {background:url(circlePencil.jpg) top left no-repeat #d9d9d9;}
#facts .circle {background:url(circleDude.jpg) top left no-repeat #d9d9d9;}
#design .circle {background:url(circleDude.jpg) top left no-repeat #d9d9d9;}
#thankyou .circle {background:url(circleChecks.jpg) top left no-repeat #d9d9d9;}
#camp .circle {background:url(circleChairs.jpg) top left no-repeat #d9d9d9;}

/* Content */
#content {
 padding-left:12px;
 width:800px;
 max-width:800px;
 float:left;
 background:url(bodyBg.gif) top left repeat-y #d9d9d9;
 color:black;
}
#content a {color:#0091ff;}
#content a:hover {color:#79c5ff;}
#content em {font-style:italic; font-weight:bold; font-family:"Times New Roman", Times, serif;}
#content strong {color:#000099; font-weight:bold;}

h2, h3, #content p {width:750px;}
#content h2 {font-size:14pt; font-weight:bold; background:url(fancyUnderline.gif) bottom left no-repeat; padding-bottom:10px; color:#000099; clear:both;}
#content h3 {font-size:12pt; font-weight:bold; background:url(fancyUnderline.gif) bottom left no-repeat; padding:25px 0px 10px 5px; color:#000099; clear:both;}
#content h4 {font-size:12pt; font-weight:bold; clear:both; padding-top:12px;}
#content ul {list-style-type:circle; margin-left:30px; width:660px; padding-left:16px;}
#content ul ul {list-style-type:disc;}
#content li {} /* Do not add a width to this, it janks up the bullets in IE */

/* Footer */
#footer {
 width:800px;
 height:50px;
 padding-top:20px;
 float:left;
 background:url(footer.jpg) top center no-repeat #d9d9d9;
 text-align:center;
 font-size:10pt;
 color:#a5a5a5;
}
#footer a {color:#79c5ff;}
#footer a:hover {color:#b3f3fc;}


/* Specific Pages */
.colleges {margin:0px; padding:0px;}
.colleges li {margin:0px; padding:0px; display:block; width:330px; float:left;}

.important {font-size:15pt;}

.quotes {width:660px; padding:20px; font-size:18px; background:url(quotesOpen.gif) top left no-repeat;}
.quotes ul {text-align:right; color:#000099; font-style:italic; font-size:16px; padding-top:20px; background:url(quotesClose.gif) top right no-repeat;}
.obsolete {display:none;}

#studLogin {float:right; width:140px; margin:15px 55px 5px 5px; padding:8px; border:1px inset #666; font-size:16px; font-weight:bold; text-align:center;}
/* Was on the front page, right floating box, for camp, etc. */
#announcement {float:right; clear:both; width:140px; margin:25px 55px 5px 5px; padding:8px; border:2px inset #80C8FF; font-size:16px;}
#announcement p {width:auto;}