/*
 * styles.css
 * Created by Ian Hatton 24/11/2008
 *
 */

/*************************************************
  Global Setup
*************************************************/

*, html {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #2641a7; /*#df0000;*/ /* white */
	color: black;
	margin: 0px;
	padding: 0px;
	/*background: #660000;*/
}

a, a:visited {
	color: black; /* black */
	text-decoration: underline;
}

a:active, a:hover {
	text-decoration: none;
}

img {
    border: 0;
    margin: 5px;
}

/*************************************************
  Layout
*************************************************/

#container {
	margin: 0px;
	padding: 0px;
	width: 97%; /*780*/
	/*text-align: center;*/
	margin-left: auto;
	margin-right: auto;
	/*text-align: left; IE FIX */
}

#page-container {
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	padding-top: 10px;
	padding-bottom: 10px;
}

#main {
	background: #687fd5; /*#AAAAAA;*/
	/*border-right: 10px solid black;*/
	border: 1px solid #051a66;
	margin: 10px 0px 10px 0px;
}

#page-main {
	background: #687fd5;
	border: 1px solid #051a66;
	padding: 10px;
	text-align: center;
}

#header {
	background: url("images/title.jpg") no-repeat center center; /* white, #CCCCCC;*/
	padding: 5px 10px 5px 10px;
	text-align: center;
	height: 40px;
	border-bottom: 1px solid #051a66;
	/*margin: 0px 0px 10px 0px;*/
}

#header h1 {
	font-size: 2em;
}

#sidebar {
	float: left;
	width: 170px; /* 160 - padding*2 */
	/*background: white;*/ /*#ffe8e8;*/ /*#DDDDDD;*/
	/*padding: 10px;*/
	/*border-top: 1px solid #051a66;*/
	/*border-right: 1px solid #051a66;
	border-bottom: 1px solid #051a66;
	margin-bottom: 10px;*/
}

#content {
	/*float: right;*/
	margin-left: 170px;
	/*width: 700px;*/ /*587px;*/ /* 600 - border-right - padding*2 */
	background: white; /*#ffe8e8;*/ /*white; #EEEEEE;*/
	/*border-right: 5px solid #555555;*/
	padding: 10px;
	font-size: 90%;
	/*border-top: 1px solid #051a66;*/
	/*border-bottom: 1px solid #051a66;*/
	border-left: 1px solid #051a66;
	/*margin-bottom: 10px;*/
}

#footer {
	clear: both;
	/*background: gray;*/ /*white; #BBBBBB;*/
	padding: 5px 10px 5px 10px;
	font-size: 70%;
	/*border-top: 3px solid blue;*/
	border-top: 1px solid #051a66;
	margin: 0px 0px 0px 0px;
}

/*************************************************
  Menu
*************************************************/

ul.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	font-weight: bold;
}

ul.menu li {
	background: #687fd5;
	border-bottom: 1px solid #051a66;
	/*padding: 10px;*/
}

ul.menu #first {
	/*border-top: 1px solid white;*/
}

ul.menu li a {
	display: block;
	padding: 5px;
	text-decoration: none;
	/*background: green;*/
	color: black;
}

ul.menu li a.selected {
	/*background: blue;*/
	/*color: gray;*/
}

ul.menu li a.selected:hover,
ul.menu li a:hover {
	background: #2641a7;
	/*color: gray;*/
}

h1 {
	font-size: 1.3em;
}

h2 {
	font-size: 1.2em;
}

/*************************************************
  Page
*************************************************/

.page {
	margin-bottom: 10px;
}

.page h1 {
	margin-bottom: 0px;
	padding: 0px 0px 5px 0px;
}

.page h2 {
	padding: 5px 0px 5px 0px;
}

.page p {
	padding: 5px 0px 5px 0px;
}

ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}