/* CSS Document */


/* --------------------------------------------------
   Overall type defaults and background colour 
   text-align:centre is to workaround IE5 bug.
   Alignment is re-corrected in content div.
*/

body {
	margin:0;
	padding:0;
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align:center;
}

body a {
	color:#3366FF;
}

#wrapper {
/*	text-align:left;*/
	width:900px;
	margin-right:auto;
	margin-left:auto;
	padding:2px 0 0 0;
/*	border-left:2px solid #722100;
	border-right:2px solid #722100;
	border-bottom:2px solid #722100;*/
}

/*------------------------------------------
   Use the code below for display of main images.
*/

#wrapper a img {
	border:none;
}


/* --------------------------------------------------
   Header is the top band that houses logo, buttons and title
*/

#header {
	text-align:center;
	width:900px;
	margin-right:auto;
	margin-left:auto;
	height:98px;
	background-image:url(assets/blue bar.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	overflow:hidden;
}

#logo {
	position:absolute;
	top:6px;
	left:6px;
	width:200px;
}

#header .strapline {
}

/* --------------------------------------------------
   Navigation area houses the buttons
*/

#nav {
	float:right;
	width:395px;
}

/* --------------------------------------------------
   Rows of buttons
*/

#nav #line1 {
	position:absolute;
	right:5px;
	top:15px;
}

#nav #line2 {
	position:absolute;
	right:5px;
	top:40px;
}

#nav ul li {
	float: left;
}

#nav ul li a
{
	color:#ffffff;
	background: url(assets/button.jpg) no-repeat top left;
	text-decoration: none;
	font-size: 12px;
	float: left;
	margin: 1px;
	border:1px groove white;
	height: 20px;
	width: 83px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#nav li a:hover
{
	color: #ffff00;
	background: url(assets/button.jpg) no-repeat top left;
}

/* --------------------------------------------------
   Content layer
*/

#content {
	width:800px;
	height:590px;
	margin-top:11px;
	padding-top:4px;
	background-repeat:no-repeat;
	background-position:center top;
	text-align:left;
}

#wrapper h1 {
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	line-height:250%;
	text-align:center;
}

#wrapper h2 {
	font-style:italic;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	line-height:200%;
	text-align:center;
}

#wrapper h3 {
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	line-height:normal;
	text-align:center;
}

.style1 {
	font-size: large;
}

.style2 {
	font-size: medium;
}

.style3 {
	font-size: small; 
}

/*-- global container ------------------------------------------------------*/

#container {
	float:left;
	overflow:auto;
	text-align:left;
	font-size:small;
}

#scrollbox {
	height:505px;
	overflow:scroll;
	z-index:8;
}

#scroller {
	width:800px;
	height:500px;
	overflow:auto;
}


#textbox {
	padding-right:260px;
}

#footer {
	position:absolute;
	top:600px;
	left:0px;
	width:100%;
	height:100%;
	padding-top:12px;
	text-align:center;
	font-size:90%;
	color:#666666;
	background-color:#000000;
	background-image:url(assets/blue bar.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	overflow:hidden;
}

html > body #footer {
	position:absolute;
/*	position:fixed; */
}

#footernav {
	width:800px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#footernav a {
	color:#3366FF;
	text-decoration:none;
}

/* --------------------------------------------------
   Thumbnails
*/

#thumbs {
	list-style-type:none;
}

#thumbs li {
	display:block;
	float:right;
	width:100%;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:10px;
	text-align:left;
}

#thumbs img {
	border:1px solid #FFFFFF;
}

#thumbs a {
	float:left;
	width:200px;
}

#thumbs li p {
	margin-top:20px;
}

/* --------------------------------------------------
   Forms
*/

form {
}

input.txt {
	width:80px;
}

input.btn {
	color:#0000FF;
}

form p {
	clear:left;
	margin:0;
	padding:0;
	padding-top:5px;
}

form p label {
	float:left;
	width:20%;
}