/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#555;
	font-size:62.5%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background-image:url('../images/page_back.png');
	background-position: center;
	background-repeat: repeat;
	background-attachment: fixed;
}

strong, em, b, i {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
	width:940px;
	margin:0 auto;
	background-color:#333;
}

#main {
	width:940px;
	min-height:582px;
	margin:0 auto;
	background-color:#fff;
}

#header {
	width:940px;
	min-height:295px;
	background-color:#555;
}

#topnav ul {
  margin: 3.5em 1em 0 0;
  padding: 0;
  float: right;
}

#topnav ul li {
  display: inline;
  list-style: none;
}

#topnav ul li a {
  float: left;
  padding: 0 1em;
  font-weight: 400;
  font-size: 1.3em;
  letter-spacing: 0.1em;
  line-height: 0.8em;
  line-height: 1em;
  color: #fff;
  text-decoration:none;
  border-right: 1px solid #999;
}

#topnav ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#topnav ul li a:hover {
  color: #FFFF33;
}


#headernav {
	width:940px;
	height:60px;
	color:#FFF;
	text-align:right;
	background-color:#0000cc;
	background-image:url('../images/blue_ht_back.png');
	background-repeat:repeat-x;
	border-bottom: 10px solid #555;
}

#headerimage {}


#headermenu {
  width: 940px;
  height:90px;
	background-color:#0000cc;
	background-image:url('../images/blue_ht_back.png');
	background-repeat:repeat-x; 
  	border-bottom: 10px solid #555;	
}

#headermenu ul {
  width: 940px;
  margin: 0;
  padding: 0;
  text-align: left;
  border-top: 10px solid #555;
}

#headermenu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none; 
}

#headermenu ul li a {
  float: left;
  width: 223px;
  height: 70px; 
  font-weight: 400;
  font-size: 1.3em;
  letter-spacing: 0.1em;
  color: #fff;
  text-decoration:none;
  padding:5px 10px 5px 0;
 
}

#headermenu ul li a.end {
  float: left;
  width: 231px;
  height: 70px;
  font-weight: 400;
  font-size: 1.3em;
  letter-spacing: 0.1em;
  color: #fff;
  text-decoration:none;
  padding:5px 10px 5px 0;  
}

#headermenu ul li a span.buttonheader {
  display: block;
  padding: 2px 7px 7px 7px;
  font-family: Georgia,serif;    
}

#headermenu ul li a span.buttontext {
  display: block;
  font-size: 0.9em;
  color: #CCCCCC;
  padding: 4px 7px;
  border-top:1px solid #999;
}

#content {
	clear:both;
	width:906px;
	min-height:430px;
	color:#555;
	background-color:#fff;
	font-size:1.3em;
    line-height:2em;
	padding:7px 14px;
}

#footer {
	clear:both;
	width:940px;
	min-height:60px;
	color:#FFF;
	text-align:right;
	border-top:10px solid #555;
	background-image:url('../images/blue_ht_back.png');
	background-repeat:repeat-x;	
	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-weight: 400;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  line-height: 0.8em;
  line-height: 1em;
  color: #fff;
  border-right: 1px solid #999;
}

#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-weight: 600;
  font-family: Georgia,serif;
  font-size: 1.4em;
  line-height: 2em;
  color: #000099;
  border-bottom: 1px solid #999;
}

h2 {
  padding-top: 0.5em;		
  padding-bottom: 0.2em;
  font-family: Georgia,serif;
  font-size: 1.4em;
  line-height: 1.2em;  
  color: #000099;
}

h3 {
  text-transform: uppercase;
  font-size: 1.1em;
  color: #000099;
}

h4 {
  font-size: 1.0em;
}

h5 {
  font-size: 0.9em;
}

.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;
}

img {
	border:0;
}

#cookie_notice {
	width:926px;
	margin:0 auto;
	background-color:#E9EAEB;
	padding:10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid #555;
	border-right:1px solid #555;
	border-bottom:10px solid #555;
	border-left:1px solid #555;
	font-size:1.1em;
}

#set_cookie_form_submit {
	font-size:1em;
}

#twitter_div {
	position:relative;
	margin:0 10px;
	padding:10px;
	width:190px;
	float:right;
}

#twitter_div h2.sidebar-title {
	font-size:1.4em;
}

ul#twitter_update_list {
    list-style: none outside none;
	margin:0;
	padding:0;
}

ul#twitter_update_list li {
	list-style: none;
	font-weight:normal;
	padding:4px 2px;
	margin:2px 0;
	border-top:dashed 1px #999;
}

ul#twitter_update_list li.firstTweet {
	list-style: none;
	font-weight:normal;
	padding:0 0 4px 2px;
	margin:0 0 2px 0;
	border-top:none;
}

ul#twitter_update_list li span {
	font-size:0.9em;
}

ul#twitter_update_list li span a {}

ul#twitter_update_list li a {
	font-size:0.75em;
	display:block;
}

ul#twitter_update_list li a.tweetLink {
	font-size:1em;	
	display:inline;
}

#sm_bar {
	border-top:dashed 1px #999;
	padding:10px;
	height:45px;	
}

