@charset "UTF-8";
/* CSS Document */
   		
div.content {
position: absolute;
margin: 138px 200px 0px;
padding: 0px;
width: 790px;
height: 524px;
background-color: #C4C0A0;
z-index: 1;
}

div.content_prop {
overflow: auto;
position: absolute;
margin: 138px 200px 0px;
padding: 0px;
width: 790px;
height: 524px;
background-color: #C4C0A0;
z-index: 1;
}

body.content {
background-color: #C4C0A0;
}

div.feedback {
margin: 200px 0px 0px;
font: italic 10px arial;
}

div.account_serviceslog {
position: absolute;
margin: 138px 0px 0px;
padding: 0px;
width: 197px;
height: 171px;
background-color: #C4C0A0;
}

input.login {
height: 15px;
width: 125px;
font: italic 10px arial;
}

div.search {
margin: 75px 75px 0px;
}

input.login-button {
height: 20px;
width: 55px;
}

table.account_serviceslog {
position:absolute;
margin: 15px 2px 0px;
font: italic 10px arial;
}

div.header {
position: absolute;
margin: 16px 281px 0px;
padding: 0px;
width: 743px;
height: 135px;
text-align: center;
color:
}

div.logo {
position: absolute;
margin: 0px 175px 0px;
}

div.navigation {
background-color: #C4C0A0;
position: absolute;
margin: 312px 0px 0px;
padding: 0px;
width: 197px;
height: 350px;
z-index:2;
	}

div.headerbackground {
background-color: #077035;
margin: 0px;
height: 135px;
position: absolute;
width: 990px;
}

p.header {
font: italic 27px arial;
}

body {
background-color: #E2DCA4;
color: #006128;
}

input { 
 background-color: #CCCC66; 
 color: #000000;  
}

select { 
 background-color: #CCCC66; 
 color: #000000;
}

textarea { 
 background-color: #CCCC66; 
 color: #000000; 
}

div.collage
{
position:absolute;
margin: 9px 3px 0px;
border-style:solid;
border-color:#E2DCA4;
} 

table.table_office_info
{
position:absolute;
margin: 400px 100px;
color: #006128;
}

a.table_office_info
{
color: #006128;
}

a:link {color: #006128; }
a:active {color: #006128; }
a:visited {color: #006128; }
a:hover {color: #006128; }

div.image-head-one {
position:absolute;
color: #E2DCA4;
background: #006128;
width: 150px;
height: 25px;
margin: 475px 624px 0px;
border-style:solid;
border-color:#E2DCA4;
font-size: 13px;
text-align:center;
padding-top: 7px;
}

div.image-one
{
position:absolute;
margin: 263px 624px 0px;
border-style:solid;
border-color:#E2DCA4;
} 

div.image-two
{
position:absolute;
margin: 368px 624px 0px;
border-style:solid;
border-color:#E2DCA4;
}

div.image-head-two {
position:absolute;
color: #E2DCA4;
background: #006128;
width: 150px;
height: 25px;
margin: 9px 624px 0px;
border-style:solid;
border-color:#E2DCA4;
font-size: 13px;
text-align:center;
padding-top: 7px;
} 

div.image-three
{
position:absolute;
margin: 53px 624px 0px;
border-style:solid;
border-color:#E2DCA4;
} 

div.image-four
{
position:absolute;
margin: 158px 624px 0px;
border-style:solid;
border-color:#E2DCA4;
} 

p.center
{ 
text-align: center;
} 

div.footer {
position: absolute;
margin: 665px 0px 0px;
padding: 0px;
width: 990px;
height: 25px;
 background-color: #C4C0A0;
}


p.footer {
font: italic 900 10px arial;
}

p.bestview {
font: italic 900 10px arial;
margin: -22px 750px;
width: 225px;
}

#menu-container
	{
	position: absolute;
	margin: 3px 3px 0px;
	z-index:2;
	}
	
#admin-menu-container
	{
	position: absolute;
	margin: 300px 3px 0px;
	z-index:2;
	}

#menu {
width: 190px; /* set width of menu */

} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 14px/20px arial, helvetica, sans-serif;
display: block;
/*border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;*/
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #E2DCA4;
background: #006128;
text-transform: uppercase;
}

#menu a {
color: #008000;
background: #E2DCA4;
text-decoration: none;
}

#menu ul.drop {
color: #008000;
background: #E2DCA4;
text-decoration: none;
height: 250px;
}

#menu div.menudrop {
color: #008000;
background: #E2DCA4;
text-decoration: none;
}

#menu a:hover {
color: #E2DCA4;
background: #008000;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
width: 190px;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

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

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