/* CSS layout */
#masthead {
	position: relative;
	width: 100%;
	height: 120px;
	padding-left:50px;
}

#top_left {
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
	
}

#header {
	margin-left:120px;
	
}

#container {
	position: relative;
	width: 830px;
	}
	

#left_col {
	width:39%;
	position:absolute;
	left: 0px;
	top: 0px;
	padding-top:51px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	background-color:white;
	

}

#page_content {
	width: 61%;
	position:relative;
	margin-left: 206px;
	padding-left:21px;
	padding-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:white;
	

	
}


#footer {
position:relative;
height:30px;
width:1024px;
background-color:white;
text-align:center;
padding-top:2px;
padding-left:70px;
font-family:Arial, Helvetica, sans-serif;
clear: both;
font-size: x-small;
background-color:white;


}

#footer ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
color: white;
line-height: 30px;
white-space: nowrap;
}

#footer li {
list-style-type: none;
display:inline;
color:black;
}
#footer li a {
text-decoration: none;
padding: 7px 10px;
color: blue;
font-weight: bold;
}

#footer li a:link {
color: #FFFFFF;
}

#footer li a:visited {
color: #CCC;
}

#footer li a:hover {
color: #FFF;
background-color: red;
text-decoration:underline;
}


#body{
background-color:blue;
color:white;
}

li {
margin: 0;
padding: 0;
list-style-type: none;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
}

dd {
margin: 0;
padding: 0;
list-style-type: none;
}

dt {
margin: 0;
padding: 0;
list-style-type: none;
}

dl {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu{
position:relative; /* Menu position that can be changed at will */
top: 0;
left: 0;
z-index:100;
width:1024px; /* precision for Opera */
font-size:14px;
font-weight: bold;
}

#menu dl {
float: left;
width: 14em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background:blue;
color:white;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu dt a {
color: white;
background-color:blue;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a {
color: white;
background-color:blue;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a:focus {
background:red;
}
#menu dt a:hover {
background:red;
}
#menu li a:focus {
background:red;
}
#menu li a:hover {
background:red;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}