/* 
	this file controls the format of site specific content 

						css file list:
	structure.css:		sets general layout
	content.css:			format of site-specific content
	hyperlinks.css:		format of hyperlinks
*/

/* format existing elements ====================== */
body {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #99cc99;
}

p, td, tr, ul, li {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
}

li {margin: 10px 0px;}

p, td {margin: .25em 10px .75em 10px;}

h1 {
font-size: 20px;
font-family: Verdana, Helvetica, sans-serif;
text-align: left;
margin: .5em 0px .7em 10px;
font-weight: bold;
}

h2 {
font-size: 16px;
font-family: Verdana, Helvetica, sans-serif;
text-align: left;
margin: .5em 0px .5em 0px;
color: #006633;
}

h3 {
font-size: 16px;
font-family: Verdana, Helvetica, sans-serif;
text-align: center;
margin: .5em 0px .5em 0px;
color: #006633;
}

h4 {
font-size: 14px;
font-family: Verdana, Helvetica, sans-serif;
font-face: bold;
color: #660000;
margin: .75em 0px .25em 0px;
}

/* new selectors ================================ */

#head-outer { /* top area */
background-color: #660000;
background-image: url(images/whitepixel.gif);
background-repeat: repeat-x;
background-position: bottom left;
}

#head-inner {
background-color: #660000;
}

#head-tagLine {
font-size: 16px;
font-weight: bold;
color: #98989a;
}

#head-navigation {
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
background-color: #477447;
}

#main-outer { /* area between header and footer */
background-color: #99cc99;
}

#main-inner {
background-color: #99cc99;
}

#main-breadcrumb {
font-size: 10px;
font-family: verdana, helvetica, sans-serif;
}

.main-breadcrumbSeparator {
color: #649fd4;
}

#main-1 {
}

#main-1a {
border: 0px solid #660000;
background-color: #F0FDF0;
}

#main-2 {
}

#main-2a {
border: 0px solid #660000;
background-color: #d6f8d6;
}

#main-3a {
border: 0px solid #660000;
background-color: #F0FDF0;
}

.sectionHeading {
font-weight: bold;
color: #006633;
margin-top: 5px;
}

#foot-outer { /* bottom area */
}

#foot-inner {
font-size: 10px;
font-family: verdana, helvetica, sans-serif;
}

.calendar-title {
padding: 2px;
font-weight: bold;
color: #006633;
border: 1px solid #006633;
border-width: 1px 1px 1px 1px;
}

.calendar-date {
padding: 2px;
font-size: 10px;
border: 1px solid #006633;
border-width: 0px 1px 1px 1px;
}

.comment {
font-size:9px;
margin: .5em 0px .5em 0px;
}

.student {
color: #00633;
font-style: italic;
margin: .5em 0px .5em 1em;
}

.footer-text {
font-size:10px;
}

div.invite {
background-color:transparent;
border: 2px solid #660000;
color: #000;
padding: 8px 0px 0px 0px;
margin: 0px 0px 8px 0px;
}