BODY {
font-family: Arial, sans-serif;
font-size: 10pt;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: #F5F2D7 url(gfx/layout/Background1.jpg) no-repeat bottom right;
scrollbar-base-color: #00A6B9; 
scrollbar-arrow-color: #F5F2D7;
scrollbar-DarkShadow-Color: #00A6B9; 
}



/* logo banner */
#logobanner {
position: absolute;
background: url(gfx/layout/logo.gif) no-repeat top left;
top: 0px;
left: 0px;
width: 250px;
height: 100px;
}


/* Navigation background */
#navback {
position: absolute;
background: url(gfx/layout/menubackground.gif) no-repeat top left;
left: 0px;
top: 40px;
height: 440px;
width: 220px;
}


/* Top Navigation */
#topnavigation {
position: absolute;
left: 0px;
top: 90px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 60px 0px;
background: url(gfx/layout/bottommenu1.gif) no-repeat bottom left;
letter-spacing: 0.05em;
}

#topnavigation ul {
display: block;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#topnavigation li {
list-style-type: none;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#topnavigation li a
{
text-align: center;
height: 27px;
width: 219px;
background: #00A3B3 url(gfx/layout/menustrip.jpg) no-repeat bottom left;
list-style-type: none;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 7px 0px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 9pt;
text-decoration: none;
color: #ffffff;
vertical-align: top;
}

#topnavigation li a.activeYES_SUB, #topnavigation li a.activeYES_SUB:hover
{
background: #00A3B3 url(gfx/layout//menustriphighlightSUBYES.gif) no-repeat bottom left;
color: #EEB746;
padding: 0px 0px 20px 0px;
border-right: 2px solid #00A6B9;
}

#topnavigation li a.activeNO_SUB, #topnavigation li a.activeNO_SUB:hover
{
color: #EEB746;
background: url(gfx/layout/menustriphighlightSUBNO.gif) no-repeat bottom left;
}

#topnavigation li a:hover, ul#navlist li#activeYES_SUB a:hover
{
background: #00A3B3 url(gfx/layout/menustriphighlightSUBNO.gif) no-repeat bottom left;
color: #EEB746;
}


/* Sub Navigation */
#subnavlist ul {
display: block;
list-style-type: none;
width: 219px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
background: url(gfx/layout/submenu.gif) no-repeat bottom left;
}

#subnavlist li
{
list-style-type: none;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#subnavlist li a
{
text-align: center;
height: 5px;
background: none;
list-style-type: none;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 5px 5px 5px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 9pt;
line-height: 9.5pt;
text-decoration: none;
color: #008699;
}


#subnavlist li a.submenuactive, #subnavlist li a:hover, ul#subnavlist li#submenuactive a:hover
{
background: none;
color: #e38600;
}


/* Content COntainer */


#contentcontainer {
position: absolute;
top: 2.5%;
left: 190px;
width: 75%;
height: 95%;
}


/* Content */
#content {
position: absolute;
top: 10%;
left: 0px;
background: #C2DEDB;
width: 100%;
height: 80%;
border-right: 2px solid #00A6B9;
border-left: 2px solid #00A6B9;
margin: 0px 0px 0px 0px;
padding: 20px 0px 50px 0px;
overflow: auto;
}


#content a
{
color: #e38600;
}

#content a:hover
{
background: #00A3B3;
color: white;
}


#content UL {
margin: 0px 10px 15px 10px;
}


#content LI {
margin: 0px 10px 2px 30px;
}

/* Header */
#header {
position: absolute;
background: url(gfx/layout/header3.gif) no-repeat top left;
top: 0px;
left: 0px;
width: 100%;
height: 10%;
border-right: 2px solid #00A6B9;
}

/* Content Footer */
#footer{
position: absolute;
background: url(gfx/layout/footer.gif) no-repeat bottom right;
top: 90%;
left: 0px;
width: 100%;
height: 10%;
border-left: 2px solid #00A6B9;
font-size: 8pt;
text-align: center;
}

/* Sitde DEsign BAnner */
#design_banner {
position: absolute;
bottom: 0%;
left: 190px;
width: 75%;
height: 2%;
font-size: 8pt;
text-align: center;
}

H1 {
background: none;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 14pt;
height: 109px;
border: none;
color: #e38600;
padding: 20px 5px 0px 35px;
margin: 0px 0px 0px 0px;
-moz-border-radius: 13px 0px 0px 0px;
}

H2 {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 11pt;
color: #e38600;
padding: 0px 5px 0px 40px;
margin: 0px 0px 0px 0px;
border-bottom: 2px solid  #009193;
}

H3 {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 10pt;
color: #e38600;
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
} 

H4 {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 13pt;
text-align: center;
color: #00A6B9;
margin: 0px 0px 0px 40px;
} 

H4 strong{
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 19pt;
color: #e38600;
text-align: center;
margin: 0px 0px 0px 40px;
padding: 3px 0px 3px 0px;
} 

P {
margin: 0px 0px 0px 40px;
padding: 0px 10px 5px 10px;
}

#content ul {
margin: 0px 0px 0px 40px;
padding: 0px 10px 5px 10px;
size: 10pt;
}

#content li{
margin: 0px 0px 0px 40px;
padding: 0px 10px 5px 10px;
size: 10pt;
}


/* Content Table */
#contenttable {
border: 1px solid black;
}

#contenttable td {
border: 1px solid black;
font-family: Arial, sans-serif;
font-size: 9pt;
}


/* Form Layout INformation */

.formtable {
border-left: 2px solid #001a55;
border-right: 2px solid #001a55;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 60%;
}

.formhead {
padding: 3px 3px 3px 3px;
margin: 0px 0px 0px 0px;
border-bottom: 2px solid white;
text-align: center;
background:  #001a55;
color: white;
}

.formfoot {
padding: 3px 3px 3px 3px;
margin: 0px 0px 0px 0px;
border-bottom: 0px;
text-align: center;
background:  #001a55;
color: white;
}

.fieldheadcell {
padding: 3px 3px 3px 3px;
margin: 0px 0px 0px 0px;
border-bottom: 2px solid white;
background: #001a55;
color: white;
width: 30%;
text-align: right;
}

.fieldcell {
background: #DBA5A5;
padding: 3px 3px 3px 3px;
margin: 0px 0px 0px 0px;
border-bottom: 2px solid white;
width: 70%;
align: left;
}

.formfield {
width: 100%;
border: 1px solid #001a55;
background: white;
color: black;
}

button {
background: #DBA5A5;
color: #001a55;
font-weight: bold;
border: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 3px 5px 2px;
border-top: 2px solid #ECCFCF;
border-right: 2px solid #ECCFCF;
border-left: 2px solid #510000;
border-bottom: 2px solid #510000;
}


/* Diary Table */
#diarytable {
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
width: 80%;
border: 1px solid #00A6B9;
}

#diarytable TH {
background: #00A6B9;
text-align: left;
border-bottom: 1px solid #00A6B9;
border-right: 1px solid #00A6B9;
}

#diarytable TD {
border-bottom: 1px solid #00A6B9;
border-right: 1px solid #00A6B9;
font-family: Arial, sans-serif;
font-size: 9pt;
}


#diarytable P, #diarytable h2, #diarytable h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}