body, table {
	font: 11px Verdana, Arial, Helvetica, sans-serif; /* the main content (body) font */
	color: #003063;
	margin: 0;
	padding: 0;
}
body a:link, body a:visited, a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003063;
	text-decoration: underline;
}
body a:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #F2680C;
}
#header {
	text-align: center;
	height: 80px;
	background: #2875AB
}
#logo {
	margin: 0 auto;
	padding: 10px 0;
	width: 760px;
}
#menu{ /* Sets the postion of the main menu */
	height:		22px;
	background: #003063;
}
#menulist { /* Controls the main menu (Home | Introduction | etc) - to alter the secondary menus and their submenus, please see 'cssmenu.css' */
	width: 760px; /* Prevents the menu from being forced onto 2 lines. */
	margin: 0 auto;
	padding: 5px 0;
}
#menulist ul, #menulist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#menulist a:link, #menulist a:visited { /* Controls the font, borders and colour of the buttons (inactive status) in the main menu */
	float: left;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 10px;
	text-decoration: none;
	color: #fff;
	border-right: 1px solid #fff;
}

#menulist a:hover { /* Controls the colour (font/borders inherited from inactive status) of the buttons (active 'hover' status) in the main menu */
	color: #FFCC00; 
	text-decoration: none;
}
p {
	margin: 8px 0 0 0;
}
ul {
	margin-left: 25px;
	line-height: 25px;
	}
#content {
	padding: 15px 0;
	text-align: center;
}
#main {
	text-align: left;
	margin: 0 auto;
	width: 760px;
}
#intro {	
	text-align: left;
	margin: 0 auto;
	width: 575px;
}
#news {	
	text-align: left;
	margin: 10px auto 0 auto;
	width: 575px;
}
#newstitle {
	padding: 8px 0 8px 8px;
	background: #CED7DE;
}
#newsscroll{
	padding: 8px 0 8px 8px;
	background: #F7F7F7;
}
#sections {	
	text-align: left;
	margin: 10px auto 0 auto;
	width: 574px;
}
#sections img {
	margin: 0 5px 0 0;
}
#secttext {
	padding: 10px 0 20px 0;
}
#a, #b, #c, #d {
	padding: 0 0 45px 0;
	background: url(/images/bkg1.gif) no-repeat center top;
}
#banner  {
	margin: 10px 0;
	width: 575px;
}

#base {
	height: 20px;
	background: #5F5F5F;
	border-bottom: 2px solid #fff;
}
#baseunder {
	border-bottom: 2px solid #009AFF;
}
#copyright {	
	text-align: left;
	margin: 10px auto 0 auto;
	width: 760px;
	font: 9px Verdana, Arial, Helvetica, sans-serif; 
	color: #686868;
}
#footer {
	background: #2875AB;
	height: 15px;
	border-bottom: 4px solid #003063;
}

#demo {
	margin: 0 0 10px 15px;
	padding: 5px 4px;
	width: 160px;
	border: 1px solid #CECFCE;
}
#demo img {
	margin: 4px 4px 0 0;
}
#login {
	margin: 0 0 10px 15px;
	padding: 5px 4px;
	width: 160px;
	border: 1px solid #CECFCE;
}
#login img {
	margin: 4px 0 5px 0;
}
.fields {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003063;
	border: solid 1px #A4A3A3;
	background: #FFF;
}
#system {
	margin: 0 0 10px 15px;
	padding: 5px 4px;
	width: 160px;
	border: 1px solid #CECFCE;
	background: url(/images/pc.jpg) no-repeat right bottom;
}
#system img {
	margin: 4px 4px 0 0;
}
#contact {
	margin: 0 0 10px 15px;
	padding: 5px 4px;
	width: 160px;
	border: 1px solid #CECFCE;
}
#contact img {
	margin: 4px 4px 0 0;
}

#sub img {
	margin: 10px 0;
}
#imgborder img{
	border: 1px solid #B6B6B6;
	margin: 0 0 12px 0;
}
.imgborder {
	border: 1px solid #B6B6B6;
}

.smalltext {
	font: 9px Verdana, Arial, Helvetica, sans-serif; /* the main content (body) font */
	color: #003063;
	margin: 0;
	padding: 0;
}
.asterix {
	color: #FF6C00;
}
#form {
	background: #EFF3F8;
	border: 1px solid #A4A3A3;
	}
#form td {
	padding: 0 5px;
}
#systemtable td {
	padding: 4px 3px;
	border-bottom: 1px solid #A4A3A3;
}
.systemstbltitle {
	font-weight: bold;
	background: #EFF3F8;
}

/* --- New Header ---*/
#h-header {
	width:100%;
	height:55px;
	background:#2875AB;
}
#h-logo {
	text-align:right;
}
#h-brigade {
	padding:0 20px 0 0;
	text-align:right;
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #fff;
}