@charset "UTF-8";
/* GREENOMETER.org CSS Document */

/* meyerweb.com Global Reset */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}/* remember to define focus styles! */
/* My Addition */a:active {outline:none}
/* My Addition */a { outline:expression(hideFocus=‘true’); outline:0; }/* Hide dotted outline in FF + IE */	
body{line-height:1;color:#898989;background:white}
ol, ul{list-style:none}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body {color:#000; font-size:0.9em; background:#a6bf79 url(../images/bg_noise_tile.jpg) repeat}
h1, h2, h3, h4, h5, h6, p, a, strong {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
/*html, body {height:100%;  border:none}*/
/*img {border:none}*/

/*****************Pre-Load Otto****************background:url(../images/bg_noise_ghosted.jpg) #C7D598 repeat; */
#loading {border:1px solid #4A0F2A; padding:5px; background:#A80800; text-align:center; position:absolute; left:45%; top:40%; z-index:20001}
#loading .loading-indicator {border:1px solid #CAD9CC; padding:15px; margin:0; background:#FFF; color:#853653; font:bold 13px; font-family:font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:left; /*line-height:1.6em; */}
#loading-mask {width:100%; background:url(../images/bg_noise_ghosted.jpg) repeat; background-color:#C7D598; height:100%; position:absolute; z-index:20000; left:0; top:0}
/*--------------------------------------------------------------------------------------*/
.clear {clear:both}
#topfade {background:url(../images/bg_noise_fade.jpg) repeat-x}
#container {margin:0 auto; text-align:left; width:830px}
p {margin:0 0 10px 25px; font-size:0.9em; line-height:1.5em;  color:#655145; /*padding:0*/}
sup {font-size:70%; vertical-align:super}
a:link {color:#28556b; text-decoration:underline; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
a:visited {color:#28556b; text-decoration:underline}
a:hover {color:#c77e0c; text-decoration:none}
a:active {color:#c77e0c; text-decoration:none}
.top {margin:-8px 0 4px 0}
p.top img {}

/********************** Header ***************************/
#header {margin:0px 0px 0px 0px; background-image:url(../images/Masthead.jpg); width:830px; height:257px; position:relative}
#header ul {background-color:#4A0F2A; width:798px; border:3px solid #FFF; display:block; top:255px; position:absolute; margin:0px 14px 0px 13px; height:22px; padding:8px 0px 0px 0px; text-align:center; background-image:url(../images/NavBar_Grad.gif); background-repeat:repeat-x; line-height:1em}
#header li {display:inline}
#header ul a {text-decoration:none; color:#FFF; margin:0 20px 0 0; font-size:1.1em; line-height:1em}
#header ul a:hover {color:#CF3}

/********************** Content ***************************/
#content {background-image:url(../images/container_background.gif); width:830px; margin:31px 0px 0px}
.home { width:830px}
h1 { color:#166433; font-size:1.3em; margin:10px 0px 10px 0px }
h2 { color:#62763F; font-size:18px; margin:10px 0 15px 10px; line-height:1.2em }
h4 { color:#62763F; font-size:26px; font-weight:normal; text-transform:uppercase; margin:10px 0 0 0; line-height:1em }
#left {float:left; width:540px; padding:0 10px 5px 0; display:inline; margin:10px 0 0 27px}
#left #inset {width:300px; margin:0px 20px 0px 0px; float:left}
#left #inset p {font-size:0.8em; text-align:center; padding:10px}
#left #inset a {text-decoration:none; text-align:center}
#left h3 { font-weight:bold; color:#300; margin:10px 0}

/*Top Reducers*/
#left p span.percent {font:Verdana, Geneva, sans-serif; font-weight:bold; font-size:16px; color:#300}
#left p.schoolname {font:Verdana, Geneva, sans-serif; font-weight:bold; font-size:16px; color:#645145}
#left p.schoolname a:link {color:#28556b; text-decoration:underline; font-size:.6em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif }
#left p.schoolname a:visited {color:#28556b; text-decoration:underline}
#left p.schoolname a:hover {color:#c77e0c; text-decoration:none}
#left p.schoolname a:active {color:#c77e0c; text-decoration:none}

#left .schools {background:url(../schools/School-Box.gif) no-repeat top; margin:0 0 10px 0; padding:0; height:256px; width:540px}
#left .schools_GM {float:right; margin:6px 25px 0 0}
#left .schools h2 {margin:0; font-size:1.1em; color:#424242; padding:20px 0 10px 15px}
#left .schools p {color:#655145; margin:0 0 8px 25px; padding:0px; line-height:1.5em; font-size:12px}
#left .schools p.tab {font-size:0.8em; color:#900; line-height:1.1em; margin:15px 0 0 30px}
#left .schools p img {float:none}
#left .schools div.clearer {clear:both; line-height:0; height:0}
/*#schools p a:link {color:#792D30; text-decoration:none}
#schools p a:visited {color:#006}
#schools p a:hover, a:active {color:#F00; text-decoration:underline}
*//*c77e0c*/

/* Index Page School Listing */
#content #left .schools-listing {border-top:#666 solid 1px; padding:7px 0 0 5px; background:#F0F2F2 url(../images/school-listing-bg.gif) repeat-x center}
#content #left .schools-listing h2 {display:block; margin:0; font-size:1.1em; color:#666; padding:2px 0 0 25px; border-top:#666 solid 1px}
#content #left .schools-listing p { display:block; line-height:1.6em }
#content #left .schools-listing a { font-size:0.7em} 
#content #left .schools-listing strong { font-weight:bold; color: #600;}
#content #left .schools-listing span {background:#FFF /*url(../images/icon-leaf.gif) no-repeat center ( Could not get leaf to work in a hurry )*/}
#content #left .schools-listing span.school_name {font-weight:bold; font-size:1.3em; color:#666; background:none}
span.dollars {color:#360;}

/********************** Right SideBar**********************/
#right_sbar {float:right; width:215px; padding:0px 20px 0 8px; margin-top:10px; border-left:2px solid #4A0F2A}
#right_sbar p {line-height:1.5em; margin:0 0 5px 10px}
#right_sbar a {color:#c77e0c}
#right_sbar a:hover {color:#85a157}
#right_sbar #dreamhost {/*margin:10px; */padding:10px 0; border-top:1px solid #4A0F2A}

/********************** Footer ***************************/
#container_bottom {clear:both; background-image:url(../images/container_bottom.gif); font-size:1px; height:26px; background-repeat:no-repeat}
#footer {width:830px; text-align:center; padding:0; margin:0}
#footer p {font-size:0.7em; color:#4F6542; letter-spacing:0.1em; line-height:1.2em; margin:0; padding:0 45px}
#footer a:link, #footer a:visited {font-size:1em; color:#188344; text-decoration:underline}
#footer a:hover, #footer a:active {color:#c77e0c; text-decoration:none}
#footer .zixoda a:link, .zixoda a:visited {text-decoration:none; font-size:8px; color:#6D8B5B; letter-spacing:2px}
#footer .zixoda a:hover, .zixoda a:active {color:red; text-decoration:underline; list-style-type:none; font-weight:bolder; font-size:12px; letter-spacing:3px; cursor:e-resize}