/* SASchools styling css, 31-08-2009 */

/* universal styles */
body {
font-family 		: Verdana, Arial, Helvetica, sans-serif;
font-size 			: 85%;
background-color	: #bdb284; /*dark brown*/
margin				: 0;
padding				: 0;
}

p, li, h2 {
margin-top			: 0.5em;
margin-bottom		: 0.5em;
}

h3 {
color				: #740000;
font-family			: Arial, Helvetica, sans-serif;
font-size			: 1.1em;
}

.center { 
margin				: auto; 
}

p.center {
margin-top			: 0.5em;
margin-bottom		: 0.5em;
text-align			: center;
}

.bold {
font-weight:bold
}

.clear {
clear				: both;
}

hr {
width				: 85%;
color				: #684c16;
background-color	: #684c16;
height				: 2px;
margin				: auto;
}

a, a:link, a:visited {
color				: #740000;
}

a:hover {
text-decoration		: underline;
}

:link,:visited { 
text-decoration		: none 
}

/* end universal styles */

/* header */

.header-logo {
height				: 87px;
padding-top			: 24px;
}

.header-logo h1 {
font				: 2.5em Georgia, "Times New Roman", Times, serif;
color				: #ffffff;
padding-left		: 1.0em;
margin				: 0;
width: 50%;
}

.header-logo h2 {
font				: 1.5em Georgia, "Times New Roman", Times, serif;
color				: #8c0000; /* red */
/*padding-left		: 3.7em; */
padding-left		: 1.6em;
margin				: 0;
width: 50%;
}

/* modified for use with equal-zeal banner ad */
.header-logo img {
position			: absolute;
right				: 15px;
top					: 15px;
}

/* as used for school bus */
/*
.header-logo img {
position			: absolute;
left				: 600px; 
top					: 11px;
}
*/


div#date {
width				: 40%;
float				: left;
margin-left			: 15px;
padding-top			: 10px;
font-weight			: bold;
font-size			: 0.80em;
color				: #ffffff;
}

#sizer {
width				: 40%;
float				: right;
padding				: 2px;
text-align			: right;
margin-right		: 8px;
}

/* end header */

/* left  and right sidebars */
/* sidebar size and placement are in sas-structure.css */
/* menu specific styles are in sas-menu.css */

#left-sidebar h3, #right-sidebar h3 {
background			: url(../images/lower-content-bg.gif) repeat-x;
margin				: -25px -5px 0px -5px; 
font-weight			: bold;
height				: 27px;
line-height			: 24px;
text-align			: center;
}

.module {
margin-top			: 20px;
margin-bottom		: 35px;
}

.module p {
font-size			: 0.9em;
}

/* end left sidebar */


/* main content */

#content-container {
font				: 0.9em Verdana, "Tahoma", Arial, Helvetica, Sans-Serif;
color				: #333333;
}

#main-content  {
padding: 0px 10px;
}

#main-content p {
line-height: 1.2em;
}

#main-content ul {
padding-left		: 15px;
}

#main-content li {
line-height			: 1.2em;
padding-top			: 7px;
}

#main-content h1 {
font				: 1.7em Georgia, Verdana, Arial, serif;
color				: #780000;
text-align			: right;
padding-right		: 40px;
font-variant		: small-caps;
}

#main-content h2 {
font				: 1.5em Georgia, Verdana, Arial, serif;
color				: #780000;
}


/* decorative table with double border, used for calendars */
table.decorate {
border				: #fff9e1 15px outset;
width				: 100%;
background-color	: #fff9e1;
}

table.decorate td { padding: 2px; }
td.right { text-align:right; }
td.left { text-align: left; }
td.center { text-align: center; }
td.bold { font-weight:bold; text-align:center;}
table.center { margin:auto;}

/* the following is used specifically on the directory page */
#directory h2 {
font				: 2.0em Georgia, Verdana, Arial, serif;
text-align			: center;
color				: #780000;
}

#directory p {
padding: 1.0em;
line-height: 1.4em;
}

p.top-of-page {
text-align: right;
margin-top: -30px;
padding: 0;
}

p.smaller {
font-size:smaller;
}

/* end main content */

/* footer */

#footer {
text-align			: center;
margin				: auto;
background-color	: #e8e3d4;
background-image	: url(../images/footer-bg.jpg);
background-repeat	: repeat-x;
height				: 40px;
}

#footer p {
margin				: 0px;
padding				: 10px;
font-size			: 0.8em;
color				: #ffffff;
}

/* end footer */