@charset "utf-8";
*{ /* needed for menu to work */
padding: 0;
margin: 0;
}

body.standard { /* applies to ASP pages, not included HTML ones */
background-color: #666666;
text-align:center; /* this centers the container in IE 5* browsers. */
height:100%;
}

body  {
font-family:Arial, Verdana, Helvetica, sans-serif;
color: #000000;
}

#container {
height:100%;
width: 95%;
min-width:65em; /* to keep menu from wrapping */
background-color: #FFFFFF;
margin: 0 auto ;  /*the auto margins (in conjunction with a width) center the page if needed */
text-align: left; /* this overrides the text-align: center on the body element. */

} 

#header {/*--header div is in header.html */
background-color: #92d050; 
color:#000;
overflow:hidden;
} 

#menu { /*--menu div is in menu.html */
background-color:#92d050; /* match header */
vertical-align:bottom;
overflow:hidden;

border:solid;
border-color:#007777;
border-width:0 0 3px 0;
text-align:left;        
padding:0 0 0 3px;
}

#main {/* inner container for three columns provides perimeter border */

width:100%;
height:100%;
border:none;
background-color:#f2f2f2;
}


#sidebar1 {
height:100%;
width: 150px; 
background-color:#ffffff;/
padding:0 0 50px 0;
border:none;
vertical-align:top;
}

#sidebar2 {
width: 200px;
background-color:#ffffff; 
padding:0 0 50px 0;
border:none;
overflow:hidden;
vertical-align:top;
}

#sidebar1 h3, #sidebar1 p, #sidebar2 p, #sidebar2 h3 {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
}


#maincontent {
background-color:#FFF;
vertical-align:top;
padding:10px 0px 10px 10px;
height:100%;
} 

#footer { 
padding: 5px 10px;
background-color:#92d050;
text-align:center;
color:#000;
border:solid;
border-color:#007777;
border-width:3px 0px 0px 0px;
} 


.navigation {
padding: 0;
margin: 0;
}

#navigation {
overflow: auto;
font-size:90%;
font-variant:small-caps;
background-color:#92d050; 
}
#navigation li {
float: left;
list-style: none;
background-color: #ffffff; /* to cater for users without images */
}

#navigation li ul li{
border:solid;
border-width: 1px 0 0 0;
border-color:#f2f2f2;
}

#navigation a {
display: block;
background-image: url(find-green-teal-tabright.jpg);
background-position: top right;
background-repeat: no-repeat;
color: #000000;
text-decoration: none;
}

#navigation span {
display: block;
background-image: url(find-green-teal-tableft.jpg);
background-repeat: no-repeat;
padding: 5px 12px 5px 10px;
}

#navigation a:hover {
background-position: right -198px;
color:#ffffff;
}

#navigation a:hover span {
background-position: 0 -198px;
color:#ffffff;
}

#navigation li ul {
position: absolute;
width: 10em;
left: -999em;
margin-left: 2px;
}

#navigation li ul a, #navigation li ul a:link {
background-image: none;
padding: 5px;
width: 10em;
background-color: #33cccc;
white-space:normal;
}

#navigation li ul a:hover {
background-color: #007777;
}

#navigation li:hover ul, #navigation li.sfhover ul {
left: auto;
}

#submenu {
font-size:90%;
font-variant:small-caps;
vertical-align:middle;
background-color: #cccccc;
}

#submenu li {
list-style: none;
background-color: #f2f2f2;
border:solid;
border-width: 0 0 1px 0;
border-color:#f2f2f2;
padding:2px 5px;
}

#submenu li.current {
background-color: #f58422;
font-weight:bold;
}

#submenu a {
display: block;
color: #000;
text-decoration: none;
margin-left:5px;
}

#submenu a:hover, #submenu li:hover {
background-color: #f58422;
color:#FFFFFF;
}

#navpath {
background-color:#f58422;
font-variant:small-caps;
font-weight:bold;
padding: 2px 5px;
text-align:left;
width:auto;
}

#calendar-title {
background-color:#f58422;
text-align:center;
font-variant:small-caps;
font-weight:bold;
padding: 2px 5px;
}

p {
margin:10px 10px 10px 10px;
}

p.bare {
margin:5px 0 0 0;
text-indent:0;
}

.quotation {
margin:10px;
font-style:italic;
font-size:90%;
}

img.sidebar {
width:150px;
padding-top:0px;
background-color:#f2f2f2;
}


h1 {
font-size: 1.25em;margin-bottom:10px;
}
h2 {
font-size: 1.2em;
}
h3 {
font-size: 1.1em;
margin-left:10px;
padding-top:10px;
}
h4 {
font-size: 0.9em;
}
h5 {
font-size: 0.7em;
}
h6 {
font-size: 0.5em;
}

ol li {
list-style-type: decimal;
padding:5px 5px 5px 10px;
list-style-position:inside;
}

img.float-right {
float:right;
padding:2px 20px;
}

.clear-right {
 clear:right;
}

.indent {
margin-left:15px;
}

.indent30 {
margin-left:30px;
}

.indent50 {
margin-left:50px;
}

.nowrap {
white-space:nowrap;
}

li.multiline {
margin-left:25px;
margin-top:5px;
text-indent:-20px;
vertical-align:top;
}

.hanging-indent {
text-indent: -15px;
padding-left: 10px;
padding-top:5px;
} 

img.spacer {
padding:0;
margin:0;
border:none;
}

iframe {
width:100%;
height:450px;
vertical-align:top;
}

div.highlight {
 background-color:#6CC;
 margin:5px;
 padding:5px 0 5px 0;
}

td {vertical-align:top}

input {
 font-size:large;
}

div.bottom-align {
 vertical-align:bottom;
}