/* main body info */
body {
	font-family: Arial, Helvetica, sans-serif;	
	color: #666666;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
	font-size: 10px;
	background: #FFFFFF url(/images/bg_fade.jpg) repeat-x;
	}

/* general links */
a { color: #666666; text-decoration: none; }
a:hover { color: #666666; text-decoration: underline;}

hr { color: #CCCCCC; background-color: #CCCCCC; height: 1px; border: none; }

/* the containers for different sections of the site */
.header { 		position: absolute; top: 0px;  left: 0px; z-index: 2; }
.content { 		position: absolute; top: 125px; left: 0px; z-index: 1; }
.navigation { 	position: absolute; top: 150px; left: 0px; z-index: 3; }
.container { 	position: relative; margin: 0 auto; width: 600px; }

/* login button and topnav colours */
input.login_button, .topnav { color: #FFFFFF; background: #006DB8; font-size: 9px; border: 1px solid #CCCCCC; }

/* top and bottom navigation styles */
.topnav { float: left; vertical-align: middle; padding: 3px 5px 3px 45px; margin: 0px 0px 0px 4px; height: 12px; }
.topnav a { color: #FFFFFF; text-decoration: none; }
.topnav a:hover { color: #FFFFFF; text-decoration: underline; }
.botnav { font-size: 11px; }

/* naviation next to login */
.login_nav { float: right; font-size: 12px; color: #666666; }

/* login top (and main) */
.login_text { float: left; padding: 0px 3px 0px 0px; }
input { font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
input.login_button { font-weight: normal; height: 18px; width: 50px; }
input.login_top_t,input.login_top_m { padding: 1px; color: #000000; background: #FFFFFF; font-size: 11px;  height: 14px; width: 150px; }
input.login_top_t { border: 1px solid #CCCCCC; }
input.login_top_m { border: 1px solid #000000; margin: 1px; }

.password, .login_text { font-weight: bold; font-size: 10px; color: #666666; }
.password { text-align: right; width: 359px; }

/* show whole logo */
.logo { height: 90px; }

/* grey outline to contents */
.box { border: 1px solid #CCCCCC; }

/* vertical line */
.spacer { background: #CCCCCC; width: 1px; margin: 5px 15px 0px 15px; }

/* general page layout options */
.column { float: left; color: #000000; text-align: left; }
.title { font-weight: bold; font-style: italic; font-size: 13px; color: #000000; padding: 5px 0px 0px 0px; }
.standard { font-size: 12px; font-weight: normal; text-align: justify; color: #666666; }

/* list items */
li { padding: 1px 0px 1px 0px; list-style-image: url(/images/checkmark.gif); font-weight: bold; font-size: 11px; color: #006DB8; } 
li a { color: #006DB8; }
li a:hover { color: #006DB8; }

/* main page */
.red { text-align: right; color: #CC0000; font-size: 12px; font-style: italic; }
.red a { color: #CC0000; text-decoration: none; }
.red a:hover { color: #CC0000; text-decoration: underline; }

.clear { clear: both; width: 100%; text-align: left; }

/* index.html */
.indented { text-align: right; padding: 0px 50px 0px 50px; font-weight: bold; }

/* signup.html */
.reg { font-weight: normal; font-family: "Lucida Console", Courier, monospace; color: #000000; font-size: 12px; }
.error { font-weight: normal; font-family: "Lucida Console", Courier, monospace; color: #CC0000; font-size: 12px; }