body {
	margin: 5px;
	padding: 0;
	font: small Helvetica, Arial, Verdana, sans-serif;
	color: #333;
}
	
h1 {
	font: bold 1.3em Georgia, "Times New Roman", Times, serif;
	color: #004C99;
	line-height: 1em
}

h2 {
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
	color: #3333FF;
	padding-top: 0px;
	margin-top: 0px;
	line-height: 0.9em;
}
	
#header {
	margin: 0;
	padding-top: 30px;
	height: 125px;
	width: 100%;
	background: transparent url("imgs/logo.jpg") no-repeat top left;
	font: italic 2em Georgia, "Times New Roman", Times, serif;
	color: #0000FF;
	line-height: 1em;
	text-align: right;
}
	
#nav {
	margin: 0;
	padding: 0;
	height: 40px; 
	background-color: #0033FF;
}
	
#side {
	margin: 0 0 0 77%;
	padding: 0;
	text-align: left;
}

#content {
	float: left;
	width: 75%;
	padding: 0;
}

.story {
	clear: both;
	padding: 5px 0px 0px 10px;
	font: normal 1.5em Georgia, "Times New Roman", Times, serif;
}
	
#footer {
	clear: both;
	border-top: 2px solid #000099;
	padding: 5px 0 0 0;
	text-align: center;
}
	
/* HORIZONTAL MENU STYLES */
	
ul#menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto;
	position: relative;
	display: block;
	height: 40px;
	text-transform: uppercase;
	font-size: 15px;
	background: transparent url("imgs/blue.jpg") repeat-x top left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

ul#menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #FFFFFF;
}
	
ul#menu li a {
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	padding: 12px 20px 0 20px;
	height: 24px;
}

ul#menu li a:hover {
	background: transparent url("imgs/black.jpg") repeat-x top left;	
}
	
ul#menu .current {
	background: transparent url("imgs/black.jpg") repeat-x top left;	
}
	
/* SEARCH STYLES */
	
#search {
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
	background: transparent url("imgs/bg_search.jpg") repeat-x top left;
}

#search form {
	margin: 0px;
	padding: 0px;
}

#search label {
	display: block;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #004C99;
}
	
/* RECENT SIDE SYTLES */
	
.recent {
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 95%;
}

.recent h3 {
	padding: 3px 0px 2px 0px;
	color: #004C99;
}
	
/* FONT STYLES */

.footerFont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

.footerFont a {
	text-decoration: underline;
	color: #0000FF;
}

.footerFont a:hover {
	text-decoration: none;
	color: #990000;
}

/* BUTTON STYLES */

a.ovalbutton{
background: transparent url('imgs/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('imgs/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* INTERNETAL MENU */

ul#menuINT { width: 100%; height: 43px; background: #FFF url("imgs/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menuINT li { display: block; float: left; margin: 0 0 0 5px; }
ul#menuINT li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#menuINT li a:hover { color: #333; }
ul#menuINT li a.current{ color: #FFF; background: #FFF url("imgs/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }