/*Main CSS*/
body {
background: #f8ebcd;
margin: 0px;
font-family: arial;
font-size: 14px;
color: #3a6c45;
}

h1{
font-family: arial;
font-size: 32px;
color: #3a6c45;
text-align: center;
}

h2{
font-family: arial;
font-size: 22px;
color: #3a6c45;
}

h3{
font-family: arial;
font-size: 16px;
color: #3a6c45;
}

hr {
width: 90%;
float: left;
}

/*index.php CSS*/
#writeup{
float: left;
width: 80%;
padding-left: 30px;
font-family: arial;
font-size: 14px;
color: #3a6c45;
}
#content_container img{
border: thin solid #000000;
}

#pictures{
width: 50%;
float: right;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#pictures img{
border: thin solid #000000;
}

#content_container{
margin-left: 25px;
margin-right: auto;
}

#page_container{
height: 2400px;
width: 900px;
margin-right: auto;
margin-left: auto;
}

#content{
height: 2400px;
width: 900px;
border-left: thin  solid #000000;
border-right: thin  solid #000000;
border-bottom: thin  solid #000000;
background: #FFFFFF;
margin-right: auto;
margin-left: auto;
}

.centerit img{
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#row1{
height: 300px;
width: 800px;
margin-left: auto;
margin-right: auto;
}

#r1l{
float: left;
}

#r1r{
float: right;
text-align: center;
}

#row2{
height: 300px;
width: 800px;
margin-left: auto;
margin-right: auto;
}

#r2l{
float: left;
text-align: center;
}

#r2r{
float: right;
text-align: center;
}

#row3 {
height: 600px;
width: 808px;
margin-left: auto;
margin-right: auto;
}

/*details CSS*/

#split{
width: 900px;
height: 1000px;
}

#split_left{
width: 66%;
height: 1000px;
float: left;
}

#split_right{
width: 30%;
height: 1000px;
float: right;
}

/* Contact Form*/

#contact_form ul {
padding: 1em 1em 0 1em;  
list-style: none; 
} 

label {  
float: left;  
width: 10em;  
margin-right: 1em;  
text-align: right;

}

.floatright {
float: right;
margin: 40px 75px 5px 5px;
}

/* Menu CSS*/

#menu {
width: 100%;
background: #FFFFFF;
}

#menu ul {
text-align: center; /* Center text*/
list-style: none;
margin: 0;
padding: 0;
width: 150px; /*Button width = table width / # of buttons*/
float: left;
}

#menu a{
font: bold 11px/16px arial, helvetica, sans-serif;
/* removed centered text ******************************************************/
display: block; 
border-width: 1px;
border-style: solid;
border-color: #000000; /* Border Color*/
margin: 0;
padding: 2px 3px;
}

#menu a {
color: #3a6c45; /* Link Text Color*/
background: #FFFFFF; /* Link Background Color*/
text-decoration: none;
}

#menu a:hover {
color: #3a6c45; /* Mouse-over Link Text Color*/
background: #f8ebcd; /* Mouse-over Link Background Color*/
}


#menu li {position: relative;}

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

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;}