body {
margin:0;
padding:0;
height: 100%;
}

body {
font: 76% Arial, Helvetica, sans-serif;
letter-spacing:0.5px;
}

p {
margin:0 10px 10px;
color: #252875;
}

a {
display:inline;
text-decoration:none;
}

#content {
height: 100%;
}

/*****************//*  TOP SECTION  *//*****************/
#top_bar { 
background: #fff;	
height: 45px;	
overflow: hidden;	
}

#top_bar .top { 
height: 20px; 
padding-left: 28px; 
}

#top_bar .top .left {
float: left;
width: 19px;
height: 20px;
background: #fff url('images/text_size_left.gif') no-repeat;
}

#top_bar .top .center {	
float: left;
height: 20px;
background: #fff url('images/text_size_center.gif') repeat-x;
padding: 0px 10px;
font-size: 12px;
text-align: right;
}

#top_bar .top .center img { 
/*margin-top:3px;*/ 
}

#top_bar .top .center .text { 
display: inline; 
padding-right: 5px; 
color: #252875;
}

#top_bar .top .right {
float: left;
height: 20px;
width: 21px;
background: #fff url('images/text_size_right.gif') no-repeat;
}

#top_bar .bottom {
height: 25px;
border: 0px solid;
padding-right: 15px;
margin: 0px;
text-align: right;
clear: both;
}

#top_bar .bottom .text {	
float: right;
padding-left: 10px;
padding-right: 10px;
line-height: 25px;
height: 25px;
font-size: 91%;
color: #9d9d9d;
}

#top_bar .text ul {
margin: 0px;
padding: 0px;
list-style: none;
display: inline;
}

#top_bar .text li { 
float: left; 
padding: 0px 6px;
}

#top_bar .text ul li a {
color: #0099CC; 
}

#top_bar .text input, #top_bar .text select, #top_bar .text form { 
margin: 0px; 
padding: 0px; 
}

#top_bar .text input, #top_bar .text select { 
font-size: 91%; 
color: #252875;
}

#top_bar .text div { 
float:left; 
}

.rollover { border:none; }

#header {
background: #252875;
width: 100%;
height: 145px;
}

#header h1 {
height:80px;
line-height:80px;
margin: 0;
color:#fff;
}

#header hr {
position: absolute;
top: 45px;
left:41%;
align: right;
border: 0;
color: #FFCC00;
background-color: #FFCC00;
width: 59%;
height: 17px;
}

#logo {
width: 100%;
padding:10px 0 0 10px;
background: url(logo_bg.jpg) no-repeat left top;
}

#header_text {
text-align:left;
margin-right:3%;
}

#header_text h1 {
font:220% georgia;
text-align:right;
margin-top: -1em;
}

/* Menu adapted from Stu Nicholls' CSSplay CSS Only Menus Website
http://www.cssplay.co.uk/menus/ */

#outer {
padding:10px 0px 22px 15%; 
border:1px solid #a50; 
border-color:#a50 #fa5 #610 #fa5; 
background:#252875 url(blue_gradient.jpg) repeat-x bottom left; 
margin:0px 0px 0px 0px;
overflow:hidden;
height:0px;
}

#point { 
display:table; 
padding:0; 
margin:0 auto 0 auto; 
list-style:none; 
white-space:nowrap;
}

#point li { 
display:table-cell; 
margin:-9px 0 0 0; 
padding:0 1px;
}

#point li a {
float:left; 
font-family:arial; 
font-size:0.8em; 
height:3.1em; 
line-height:3.1em; 
letter-spacing:2.8px; 
padding:0 1em; 
text-decoration:none; 
color:#fff; 
background:#f2a057 url(blue_gradient.jpg) repeat-x bottom left; 
border-right:1px solid #252875; 
border-left:1px solid #252875;
}

#point li a:hover, #point li a.current {
background:#252875 url(down_arrow.gif) no-repeat center top; 
color:#fff;
}

#point li a:hover b, #point li a.current b {
display:block; float:left; 
background:transparent url(up_arrow.gif) no-repeat center bottom; 
cursor:pointer
} 

<!--[if IE]>
<style type="text/css">
#point {display:inline-block;}
#point {display:inline;}
#point li {float:left;}
#outer {text-align:center;}
</style>
<![endif]-->

#wrapper {
position: relative;
top: 0;
left: 0;
}

#content p {
line-height:1.6;
}

#content img {
border-style: none;
}

#content a {
color:#0099CC;
}

#content a:focus {
color:#050505;
}

#content a:hover {
color:#050505;
}

#content a:visited {
color:#daa520;
}

#content hr {
width: 75%;
height: 2px;
background-color: #a0522d; 
color: #a0522d;
}

.return {
margin-top:-10px;
}

#content {
margin:0px 54px 0px 210px;
height: 100%;
}

/* This color is called Sienna! */
#content h1, h2, h3 {
color:#a0522d;
margin-left:-5px;
}

#content ul li {
color:#a0522d;
}

.info_container {
position: relative;
left: 1%;
margin: 0px 10px 0px 0px;
padding: 3px;
width:98%;
clear: both;
}

.pub_thumbs img {
border-style: none;
}

.pub_logo {
font-size: 2em;
}

.pub_logo img {
vertical-align: middle;
}

.caption p {
color: #cd8500;
}

.pub_thumbs {
float:right;
position:relative;
top:-28px;
padding:10px 0 10px 10px;
}

#navigation {
position: absolute;
top: 230px;
left: 10px;
width:175px;
padding:-10px 0 10px 0;
}

#extra {
padding: 5px 0 15px 0;
width:175px;
}

#grad_menu {
position: absolute;
top: 518em;
left: 0px;
}

#grad_menu dt a, #grad_menu dt a:hover, #grad_menu dt a:visited {
color: #fff;
}

#grad_menu dd a, #grad_menu dd a:hover, #grad_menu dd a:visited {
color: #fff;
}

.side_content_banded dl {
width: 150px; 
margin: 10px auto 0 auto; 
padding: 0 0 10px 0; 
background: #69c url(side_menu/bottom.gif) no-repeat bottom left;
}

.side_content_banded dt {
margin:0; 
padding: 10px; 
font-size: 1.4em; 
font-weight:bold; 
color: #fff; 
border-bottom:1px solid #fff; 
background: #69c url(side_menu/top.gif) no-repeat top left;
}

.side_content_banded dd {
margin:0; 
padding:0; 
color: #fff; 
font-size: 1em;
letter-spacing:.8px; 
border-bottom:1px solid #fff; background: #47a;
}

.links a, .links a:visited {
color:#fff; 
text-decoration:none; 
display:block; 
padding:5px 5px 5px 20px;
background: #47a url(side_menu/arrow.gif) no-repeat 10px 10px; 
width:125px;
}

.links a:hover {
background: #252875 url(side_menu/arrowr.gif) no-repeat 11px 10px; 
color:#fff;
}

.side_content_banded dt a, .side_content_banded dt a:visited {
background: url(side_menu/arrow.gif) no-repeat 10px 10px;
}

.side_content_banded dt a:hover {
background: url(side_menu/arrowr.gif) no-repeat 10px 10px;
}

#menu ol li {
font-size:11px;
}

.class {
font-size:.7em;
text-indent:20px;
background: #69c68c;
}

.box
	{
	position: relative;
	margin: 0 0 0 12px;
	padding: 0px;
	text-align: left;
	width: 100%;				/* <-- use this to tie width to viewport size */
	width: 162px;				/* <-- use this for a set width */
	background:#252875;
	}

.side_content {
	padding: 20px 22px 12px 10px;
	color: #fff;
}

.side_content_img {
	padding: 20px 22px -4px -4px;
	margin: 0 0 -7px -4px;
	color: #fff;
}
}

.side_content_img p {
text-align: right;
font-size: 1.5em;
}

.side_content_oops img {
align: right;
margin: -6px 0 0 -5px;
}

.side_content_oops p {
text-align: right;
font-size: 1.5em;
}
 
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

.tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc
	{
	background-image:url(border_gifs/tlc.gif);
	background-position: 0% 0%;
	}

.trc
	{
	background-image:url(border_gifs/trc.gif);
	background-position: 100% 0%;
	}
	
.blc
	{
	background-image:url(border_gifs/blc.gif);
	background-position: 0% 100%;
	}

.brc
	{
	background-image:url(border_gifs/brc.gif);
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb
	{
	background-image:url(border_gifs/tb.gif);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(border_gifs/bb.gif);
	background-position: 50% 100%;
	}
	
.rb
	{
	background-image:url(border_gifs/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-color: #69c;
	background-image:url(border_gifs/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

.box p {
color:#fff;
margin:10px;
}

#footer {
background: #333;
clear: both;
width: 100%;
letter-spacing: 2.5px;
text-align: center;
font-size: .7em;
}

#footer_a {
background: #333;
position: relative;
bottom: 0;
top: 20em;
width: 100%;
letter-spacing: 2.5px;
text-align: center;
font-size: .7em;
}

#footer p {
color: #fff;
padding: 5px 10px;
}

#footer_a p {
color: #fff;
padding: 5px 10px;
}