/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#555;
	font-size:62.5%;
}

#wrapper {
	width:775px;
	min-height:582px;
	margin:0 auto;
	background-color:#333;
	background:url(../images/main_nbackground.jpg);
	background-repeat:repeat-y;
	/*border-bottom: 1px solid #000;*/	
}

#main {
	width:755px;
	min-height:582px;
	margin:0 auto;
	background-color:#fff;
}

#header {
	width:755px;
	min-height:280px;
	background-color:#555;
}

#topnav ul {
  margin: 3.5em 1em 0 0;
  margin: 3.5em 0.5em 0 0;
  padding: 0;
  float: right;
}

#topnav ul li {
  display: inline;
  list-style: none;
}

#topnav ul li a {
  float: left;
  padding: 0 1em;
  font: 400 1.2em Tahoma, arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em;
  line-height: 1em;
  color: #fff;
  text-decoration:none;
  border-right: 1px solid #000066;
}

#topnav ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#topnav ul li a:hover {
  color: #FFFF33;
}


#headernav {
	width:755px;
	height:60px;
	color:#FFF;
	text-align:right;
	background-color:#0000cc;
	border-bottom: 10px solid #555;
}

#headerimage {}


#headermenu {
  width: 755px;
}

#headermenu ul {
  width: 755px;
  margin: 0;
  padding: 0;
  text-align: left;
  background-color:#0000cc;
  border-top: 2px solid #555;
}

#headermenu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

#headermenu ul li a {
  float: left;
  width: 188px;
  height: 55px;
  font: 400 1.2em Tahoma, arial, sans-serif;
  letter-spacing: 0.1em;
  color: #fff;
  text-decoration:none;
}

#headermenu ul li a.end {
  float: left;
  width: 191px;
  height: 55px;
  font: 400 1.2em Tahoma, arial, sans-serif;
  letter-spacing: 0.1em;
  color: #fff;
  text-decoration:none;
}

#headermenu ul li a span.buttonheader {
  display: block;
  padding: 2px 7px;
}

#headermenu ul li a span.buttontext {
  display: block;
  font-size: 0.9em;
  color: #CCCCCC;
  padding: 1px 7px;
}



#content {
	clear:both;
	width:741px;
	min-height:250px;
	color:#555;
	background-color:#fff;
    font: 400 1.1em Tahoma, verdana, arial, sans-serif;
    line-height: 170%;
	padding:7px;
}

#footer {
	clear:both;
	width:755px;
	min-height:52px;
	color:#FFF;
	text-align:right;
	background-color:#0000cc;
}


#footer ul {
  float: right;
  margin: 3em 1em 0 0;
  margin: 3em 0.5em 0 0;
  padding: 0;
}

#footer ul li {
  display: inline;
  list-style: none;
}

#footer ul li a {
  float: left;
  padding: 0 1em;
  font: 400 1em Tahoma, arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em;
  line-height: 1em;
  color: #fff;
  border-right: 1px solid #000066;
}

#footer ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#footer ul li a:hover {
  color: #FFFF33;
}

.buttonheader {
  display: block;
  padding: 0 0 5px 0;
}

#headermenu ul li a:hover,
#headermenu ul li a.clicked {
  color:#FFFF33;
  background: #555;
  /*border-top: 2px solid #555;*/
}

#menu ul li a:hover span.buttontext,
#menu ul li a.clicked span.buttontext {
  color: #FFF;
}

.width25 {
  width: 24%;
}

.width50 {
  width: 48%;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width100 {
  width: 100%;
}

.floatLeft {
  float: left;
  padding-right:12px;
}

.floatRight {
  float: right;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}

h1 {
  padding-bottom: 0.2em;
  font: 600 1.4em Tahoma, arial, sans-serif;
  color: #000099;
  border-bottom: 1px solid #999;
}

h2 {
  font-size: 1.2em;
  color: #000099;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #000099;
}

h4 {
  font-size: 0.85em;
}

h5 {
  font-size: 0.8em;
}

.blueSubHeader {
  color: #000099;
}

/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}

.lightBlueBg {
  background-color: #E9EAEB;
}

.dark {
  color: #353E47;
}

a {
	color:#000099;
}

.imgRight {
	float:right;
}

.imgCenter {
	margin:5px;
}