* {margin:0; padding:0; border:0;}
body {font-family:verdana; background-color:#002503;}
h1 {font-size:1.2em; color:#4fb0e5; margin: 5px 0 15px 0;}
h2 {font-size:1.1em; color:#fff; margin: 5px 0 15px 0;}
h3 {font-size:0.9em; color:#4fb0e5; margin: 10px 0 10px 0;}
p {font-size:0.75em; color:#fff; margin: 5px 0 10px 0; line-height:1.5;}
a {text-decoration:none; color:#fff;}
a:hover {text-decoration:underline;}
ul, ol {margin-left:30px;}
#maincontent li {font-size:0.8em;}

#container {margin-left:auto; margin-right:auto; width:980px; background:url('../../images/bg.jpg') repeat-y; clear:all;}

#top {position:relative; height:437px; width:980px; background:url('../../images/top.jpg') no-repeat;}

#intro {width:500px; height:150px; overflow:hidden; position:absolute; top:180px; left:150px;}
#intro p {font-size:0.7em; font-weight:bold;}

#navigation {height:20px; width:800px; position:absolute; top:360px; left:150px;}
#navigation ul {list-style-type:none; margin-left:0;}
#navigation li {float:left; margin-right:20px; margin-left:0;}
#navigation a {font-size:0.8em;}

.active {font-weight:bold;}

#content a {color:#ffffcc;}
#content h2 {font-size:1em; color:#fff; margin: 5px 0 15px 0;}

#maincontent {width:500px; float:left; padding:0 0 0 160px;}
#maincontent ul {color:white; list-style-type:bullet;}

#news {width:210px; float:left; padding:0 0 0 62px;}

#heading {position:absolute; top:405px; left:160px; width:500px;}

#footer {width:980px; border-top:1px solid #4fb0e5; clear:both; margin-left:auto; margin-right:auto;}

 /* Set up the default font and ovrall size to include image */

.menu {
font-size:0.8em;
top:360px; left:150px;
height:355px;
position:absolute; 
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
height:1.5em;
color:#fff;  
padding-right:20px;
padding-left:10px; 
line-height:1.5em;
margin-right:2px;
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
float:left;
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#fff; 
text-decoration:underline;
padding-bottom:10px;
border-bottom:8px solid #002502;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.2em;
margin-top:11px;
left:10px; 
width:96px;
border:1px solid #003842;
border-top:0;
background:transparent;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background-color:#003842; 
text-decoration:none;
color:#000; 
border:0;
margin:0;
color:#fff;
font-weight:normal; 
font-size:0.9em;
height:auto; 
line-height:1em; 
padding:5px; 
width:86px
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#057882; 
color:#fff;
width:86px;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background-color:#fff;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background-color:#003842;
text-decoration:none;
width:96px; /* for IE5.5 faulty box model */
w\idth:86px; /* for IE6 */
}