/* cecowor.css*/

h1 {
font-size: 16px;
font-family: "Verdana", sans-serif;
text-align: center;
padding-top: 5px;
padding-bottom: 2px;
}

h2 {
font-size: 14px;
font-family: "Verdana", sans-serif;
padding-bottom: 2px;
}

body {
font-size: 14px;
font-family: "Arial", sans-serif;
background: silver;
}


.emph {
font-weight: bold;
}

#mission {
color: black;
font-weight: bold;
font-family: "Georgia", serif;
font-size: 14px;
letter-spacing: 1px;
}

#page {
margin: auto; /* This centers the container DIV on the page */
width: 83%;
border: 1px;
border-style: solid;
border-color: grey;
background: white;
}

#heading {
/*background: #33ff33;*/
background: #94bd5e;

width: 100%;
/*position:fixed;top:2px;left 1px;*/ 
}

#heading img{width: 330px; height: 120px; padding-top: 5px; margin-left: 4%; margin-right:4%;}

#contact {
text-align: center;
font-size: 16px;
padding-top: 50px;
}



#contents {
float: right;
width: 82%;
padding-left: 5px;
padding-right: 5px;

/*border: 1px;
border-style: solid;
border-color: black;*/
border-left: 1px solid grey;
min-height: 400px;
overflow:auto; /* add scroll if necessary */
background: white;	
}

#contact_details{
white-space: pre;
font-size: 14px;
font-style: italic;
text-align: center;
}


#sidebar {
float:left;
/*position:fixed;top:2px;left 1px;*/ 
width: 15%;
font-size: 12px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 5px;
background: white;
}


#footer {
clear:both;
background : #94bd5e;
font-style: italic;
text-align: center;
font-size: 12px;
}


#menu {
width: 90%;
/*background: #94bd5e;*/
/*background: #33ff33;*/
padding-left: 5%;
float: left;
white-space:nowrap;
font-weight: bold;
margin: auto;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 15%;
float: left;
}

#menu a, #menu h2 {
font: bold 16px arial, sans-serif;
display: block;
border-width: 2px;
border-style: solid;
border-color: grey;
margin: 0;
padding: 2px 3px;
text-transform: uppercase;
}
/* for submenus */
#menu h2 {
color: rgb(0%, 0%, 50%);
background: silver;
}

#menu a {
color: #000;
/*background: #efefef;*/
background: silver;
text-decoration: none;
min-width: 150px;
width: 99%;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

/*
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
*/

/* not displayed until selected*/

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 90%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->