/* free CSS Template from Abaryx.com */
/* Licensed under a Creative Commons Attribution-Share Alike 3.0 Unported License. */
/* http://creativecommons.org/licenses/by-sa/3.0/ */

html, body {
background: #007103;
margin: 0%;
font-family: Arial; 
font-size: 14px;
}

/* Text Elements */

p {
font-size: 100%;
font-style: normal;
padding-left: 5%;
padding-right: 5%;
color: #000;
}

p.headr {
font-size: 120%
font-style: normal;
padding-left: 1%;
padding-right: 1%;
color: #FF9900;
}

ul 
{
list-style: square outside;
}

img {
float: right;
}

/* Link Elements */

a:link {
text-decoration: none;
color: #330033; 
font-style: normal;
font-weight: bold;
}  /* unvisited link */

a:visited {
text-decoration: underline;
font-style: oblique;
font-weight: bold;
color: #2F4F4F;
}  /* visited link */

a:hover {
text-decoration: underline;
font-weight: bold;
color: #00CC33;
}   /* mouse over link */

a:active {
text-decoration: none;
font-style: normal;
font-weight: bold;
color: #660033;
}   /* selected link */


/* Content Areas */

#header {
clear: both;
position: fixed;
top: 3%;
left: 3%;
right: 3%;
text-align: center;
margin: .5%;
} 


#main {
top: 0%;
left: 5%;
right: 5%;
}

#content {
position: fixed;
top: 15%;
left: 10%;
right: 10%;
bottom: 10%;
width: 80%;
background: #fff;
border-top: 5px inset #B1FFB1;
border-right: 5px inset #B1FFB1;
border-bottom: 5px inset #B1FFB1;
border-left: 5px inset #B1FFB1;
padding: 0.5%;
overflow: auto;
}

#in-content {
position: relative;
left: 2%;
float: left;
background: #B1FFFF;
font-size: 80%;
width: 20%;
max-width: 20%;
height: 15%;
max-height: 15%;
margin: 0% 3% 1% 3%;
overflow: auto;
}

#footer {
clear: both;
position: relative;
top: 1%;
left: 10%;
right: 10%:
bottom: 3%;
width: 80%;
min-height: 7%;
max-height: 15%;
font-size: 80%;
padding: 0.5%;
} 

/* Font Styling */

strong {
font-style: normal;
font-weight: bold;
}

i {
font-style: italic;
}

em {
font-style: oblique;
font-weight: bold;
}

h1 {

font-family: Arial;
color: #FF0000;
font-size: 190%;
padding-left: 3%;
letter-spacing: .5%;
}

h1.header {
font-family: Arial;
color: #FF9300;
font-size: 170%;
letter-spacing: 1%;
}

h2 {

font-family: Arial;
font-size: 150%;
font-style: normal;
color: #0000FF;
padding-left: 3%;
}

h2.header {
font-family: Arial;
padding-left: 3%;
font-size: 150%;
font-style: bold;
color: #D2B48C;
}


h3 {
font-family: Arial;
font-size: 120%;
font-style: bold;
color: #009400;
padding-left: 3%;
}

h3.menu {
font-family: Arial;
font-size: 110%;
font-style: normal;
color: #770033;
padding-left: 3%;
}