/* CSS layout */
#masthead {
	margin: 5px;
	width: 780px;
	background-image: url('../images/header.jpg');
	height: 283px;
	background-repeat: no-repeat;
}

#container {
	min-width: 600px;
}

#left_col {
	width: 275px;
	float: left;
	background-color: #1E7B01;
	margin-left: 5px;
	margin-top: 0px;
}
#footer {
	background-color: #012D58;
	height: 30px;
	width: 781px;
	margin-left: 5px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	font-size: small;
	font-style: italic;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
}
#rapper {
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFEA;
	padding-top: 2px;
}
p {
	font-family: "Times New Roman", Times, serif;
	padding: 0px 8px 0px 0px;
	margin: 0px;
	color: #FFFFFF;
	text-align: justify;
}
* {
	padding: 0px;
	margin: 0px;
}
body {
	background-repeat: inherit;
	background-image: url('../images/background-large.jpg');
}
h2 {
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	font-size: xx-large;
	font-style: oblique;
	font-weight: 700;
}
#image-div {
	width: 200px;
	height: 150px;
	float: left;
	margin-right: 8px;
	margin-top: 5px;
}
#page_content {
	background-color: #1E7B01;
	width: 506px;
	margin-left: 280px;
}
#image-div-2 {
	width: 160px;
	height: 120px;
	float: left;
	margin-right: 8px;
	margin-top: 12px;
	background-color: #FFFFFF;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
	padding: 0;
	list-style-type: none;
	font: bold 13px Verdana;
	width: 180px; /* Main Menu Item widths */;
	margin-left: 50;
}
 
.sidebarmenu ul li{
	position: relative;
	margin-bottom: 4px;
}

/* Top level menu links style */
.sidebarmenu ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */;
	color: white;
	text-decoration: none;
	padding: 6px;
	border-bottom: 1px solid #778;
	border-right: 1px solid #778;
	text-align: center;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #012D58; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url("../../right.gif") no-repeat 97% 50%;
}

.main {
	border-color: 012D58;
	border-style: solid;
	border-width: 1px;
	width: 200px;
	}
.month {
	background-color: #012D58;
	font: bold 12px verdana;
	color: white;
}
.daysofweek {
	background-color: #012D58;
	font: bold 12px verdana;
	color: white;
}
.days {
	font-size: 12px;
	font-family: verdana;
	color: #012D58;
	background-color: lightyellow;
	padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}




/* Holly Hack for IE \*/
#h1-header {
	color: #F5F5F5;
	margin-left: 75px;
	font-size: xx-large;
	font-style: oblique;
	font-weight: 900;
}
#h1-pading {
	padding-top: 20px;
}
#calendar {
	margin-top: 15px;
	position: relative;
}
#clock {
	margin-left: 11px;
	margin-top: 10px;
}
#nav-div {
	margin-left: 45px;
	margin-top: 44px;
}
.style1 {
	margin-left: 0px;
}
* html .sidebarmenu ul li { float: left; height: 1%; }
a {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
* html .sidebarmenu ul li a { height: 1%; }
/* End */



<script type="text/javascript">

//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas

function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
    ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
  if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
  else //else if this is a sub level submenu (ul)
    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.display="block"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    }
    }
  for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
  ultags[t].style.visibility="visible"
  ultags[t].style.display="none"
  }
  }
}

if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)

</script>