body
{ 
background: white url('images/stripe_vert.jpg') repeat-x;
}

body {
	font-family: arial, verdana, sans-serif;
}

h1 {color: #cccccc; font-size: 150%}

h2 {color: #CCCCCC; font-size: 200%}

p {color: #CCCCCC; font-size: 100%}

a {text-decoration: none}
a:link {color: #54548C}
a:visited {color: #54548C}
a:hover {color: #990000; text-decoration: underline;}
a:active {color: #465B99}

/* This creates a simple border around a cell */
.btnav { background-color: transparent; border: 1px #C0C0C0 solid;}

#page_head
{
	width : 510px;
}

#head {
	margin-left : 3px;
	margin-top : 3px;
}

#title {
	margin-left : 170px;
	margin-top : -150px;
}

#content 
{
	margin-top: 20px;
}

.text-small {
	font-size: 0.8em;
}

/* -----This is the main nav bar------ */

.nav_bar
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
	height: 28px;
}

.nav_bar li
{
	margin: 5px;
	text-align: center;
	float: left;
	width: 100px;
}

.nav_bar a
{
	display: block;
	background-color: transparent;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	height: 18px;
}

.nav_bar a:link, #navlist a:visited
{
	color: #54548C;
	text-decoration: none;
}

.nav_bar a:hover
{
	background-color: #C8EBFD;
	color: #990000;
	text-decoration: underline;
}

/* front page layout */

div.container
{
	position: relative;
	margin: 0 auto;
	width: 680px;
	height: 100%;
	text-align: left;
}

#page_header
{
	position: absolute;
	left: 2px;
	top: 2px;
	border-bottom: 2px solid #C0C0C0;
}

#page_nav
{
	position: absolute;
	top: 82px;
	left: 2px;
	border-left: 2px solid #C0C0C0;
}

#content
{
	position: absolute;
	top: 110px;
	left: 2px;
	text-align: left;
	width: 680px;
}
/* background colour for link boxes: #E1DFE8 */
/* other nice colors: #C8EBFD */