/*
 * HTML elements
 */
body {margin: 0; text-align: center; padding: 0; color: #000; background-color: #f0f0d9; font: 11px Verdana, sans-serif}

a {text-decoration: none; color: #9f9652}
a:link, a:visited {color: #9f9652}
a:hover {text-decoration: underline}

h1 {margin: 0; padding: 0; font-weight: bold; font-size: 18px; color: #faa609; border-bottom: solid #f0f0d9 1px;}
h2 {margin: 20px 0 10px; padding: 0; font-size: 13px; color: #faa609; font-style: italic}

p>p {margin: 0; padding: 0}

#main { margin-left: auto; margin-right: auto; width: 800px; min-height: 550px; background-color: #fff;
	-moz-border-radius: 0px 0px 5px 5px; /** Only Gecko User, Niark :D **/}

#menu {font-family: Arial, Helvetica, sans-serif; padding: 4px 0; color: #fff; font-size: 15px; font-weight: bold; background-color: #87c51a;
	cursor: default; height: 18px; margin: 0}
#menu ul {margin: 0; padding: 0; list-style-type: none; display: inline; text-align: center}
#menu li {display: block; float: left; margin: -4px 0 0 0; padding: 4px; width: 152px; cursor: pointer}

#menu li:hover {background-color: #479803}
#menu li a {outline: none; color: #fff; text-decoration: none}
#menu li a:hover {color: #fff; text-decoration: none}
#menu ul li.active {background-color: #479803}

#leftside {float: left; width: 180px; text-align: center; font-size: 10px}
#leftside img {border: 0px; margin-top: 30px}
#leftside .info {text-align: left; margin: 0 10px 0 20px; padding: 0; list-style-type: none}
#leftside .info span {font-weight: bold;}
#leftside hr {border: 0; color: #f0f0d9; background-color: #f0f0d9; margin-left: 10px}
#leftside .info div {margin-top: 2px}
#leftside .info .active {text-decoration: underline; color: #9F9652; font-weight: bold}
#leftside .info li {margin: 2px 0; background: transparent url('/static/images/arrow.gif') no-repeat scroll left top;
	padding-left: 18px; text-align: justify}
#leftside form {margin: 10px 0 0; padding-left: 20px}
#leftside #searcharea_q {width: 150px}

#signature {margin: 5px auto 0 auto; width: 800px; font-size: 9px; text-align: right}
#signature a {text-decoration: none; color: #faa609}
#signature a:hover {text-decoration: underline; color: #faa609}

#mainside {clear: right; padding: 30px 10px 10px 0; text-align: left; margin-left: 200px}

#mainside h1 a {font-weight: bold; font-size: 18px; color: #faa609; border-bottom: solid #f0f0d9 1px;}
#mainside h1.alternative a, #mainside h1.alternative {color: #ad245e}

#mainside h2 a {font-weight: bold; font-size: 18px; color: #ad245e; border-bottom: solid #f0f0d9 1px;}
#mainside h2 a:hover {text-decoration: none}
#mainside h2.passed a {color: #faa609}

#mainside h3 {margin: 0; padding: 0}
#mainside h4 {margin: 0; padding: 0; color: #faa609}
#mainside h4 a {color: #faa609}
#mainside p {text-align: justify; margin: 2px 0 15px}


#mainside .paginate {text-align: right; color: #9f9652}
#mainside .information {padding-left: 25px; font-style: italic}

#mainside #school_alphabet {text-align: center}

#mainside #search_terms {font-weight: bold}

#contact {margin: 0 auto; width: 500px}
#contact .formset input {width: 300px}
#contact .formset textarea {width: 300px; height: 150px}
#contact .labels {width: 100px}
#contact .contact_error {margin: 0 0 20px 0}
#contact .contact_error input, #contact .contact_error textarea {outline: solid red 1px}
#contact .contact_error span {color: red; font-weight: bold; text-align: center}
#contact_buttons {text-align: right}