HTML { overflow-y:scroll; }
* {
  margin: 0;
  padding: 0;
}

body {
  text-align: center; 
  min-width: 960px;
  font: 12px Arial, Helvetica, Verdana, sans-serif;
  background:url(/images/chartered.gif) no-repeat top center fixed;
}

p { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #636669; }
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 22px; font-weight: normal; color: #636669; margin-bottom:15px; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; color: #970032; margin-bottom:15px;}
h3 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #636669; margin-bottom:10px;}
h4 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; font-weight: bold; color: #636669; margin-bottom:10px;}
ol { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #636669; margin:0 0 10px 30px; }
ul { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #636669; list-style-type: square; margin:0 0 10px 30px; }
a { color: #970032; text-decoration: underline; }
a:hover { color: #7c938d; text-decoration: none; }

pre { display:none; }

#menu, #menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; /*set line height DONT use height*/
	font-family:Georgia,Arial,Verdana,Helvitica,sans-serif;
	font-weight:normal;
	font-size:13px;
	}

#menu li { 
	list-style: none; 
	position:relative;
	border:0;
	}

#menu a{
	display: inline-block;
	width:156px; /*Width of menu minus the padding*/
	padding:0px 22px;
	line-height:32px; /*set line height DONT use height*/
	color:#636669;
	text-decoration:none;
	border-bottom:1px #636669 solid;
	}
#menu .noborder a { border:0; }
#menu a:hover{
	background-color: #636669; /*hover background colour*/
	color:#fff;
	}

#menu ul {
	position:absolute; /* Menu uses position ab to set drop downs so right: needs to be the same height as the menu */
	display:none; /*display none so menu is not visable until user hovers over the li*/
	width:194px; /* Width will need to be updated inline with all the padding on the menus */
	right:200px;
	top:0;
	background-color:#970032;
	}

#menu li ul a{
	width:150px; /*update width inline with all the overs*/
	display:block;
	line-height:32px;
	float:right;
	border:0;
	border-bottom:1px solid #dea1b1;
	color:#FFFFFF;
	}
	
#menu ul li { 
	float:right; /*float important*/
	display:inline;
	}

#menu li ul li ul {
	right:194px; /*position ab in herited from above right needs to be set to width on drop downs*/
	margin:0px 0 0 10px;
	width:204px;
	top:auto; /*should defalut to top of LI as long as float right is used on LI*/
	}
#menu li ul ul a { 
	width:160px; /*update width inline with all the overs*/
	}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
	display:none;
	}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
	display:block; /*IMPORTANT set drowns downs to show on hover*/
	}

.clear { clear:both; }

#wrapper {
  width: 860px; 
  margin: 0 auto; 
  text-align: left;
	display:block;
	position:relative;
	padding-left:100px;
}


#branding {
	width:860px;
	height: 300px;
	background-color:#FFFFFF;
	background-image:url(../images/brandingBg.png); background-repeat:no-repeat;
	background-position:0;
	float:left;
	position:relative;
	margin-top:20px;
	z-index:0;
}
#banner { 
	float:left;
	width:567px;
	height:290px;
	border-bottom:10px solid #970032;
	overflow:hidden;
	}
#logo { float:right; }
#brandingLinks { 
	position:absolute;
	right: 10px;
	top: 40px; }

#contentContainer {
	width: 860px;
	background-image: url(../images/contentVertTile.gif);
	background-repeat: repeat-y;
	background-position: right top;
	display: block;
	overflow: hidden;
	height:100%;
	float:left;
	position:relative;
	z-index:0;
}
#flashBanner { width:100%; border-top: 1px solid #636669; border-bottom: 5px solid #000066; }
#content { 
  width: 540px;
  float: left;
  padding:20px 40px 20px 20px;
  min-height:300px;
  
}

#content p, #content li { margin-bottom:15px; }
#rcolumn { 
  width: 200px; 
  float: left;
  padding: 10px 20px 20px 10px;
} 
#vertMenu { margin: 10px 0; padding: 10px 0; background:#fff; }
#vertMenu li { list-style: none; margin: 0; padding: 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; }
#vertMenu li a { display: block; padding: 8px 20px; color: #fff; text-align:right; text-decoration:none; list-style:none; border-bottom: 1px solid #fff; background-color:#8d0029; }
#vertMenu li a:hover { display: block; padding: 8px 20px; color: #FFFFFF; text-align:right; text-decoration:none; list-style:none; border-bottom: 1px solid #fff; background-color:#636669; }
#footer { 
  padding: 0 20px 0 120px;
  background-image: url(../images/footerBg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height:60px;
	line-height:60px;
	display:block;
	overflow:auto;
	clear:both;
} 
#footer p { color:#970032; }
#footerPrimary { 
  width: 600px;
  float: left;
}
/*table formatting*/
.tablines { background-color: #CCCCCC; }
 
/*a light colour on the borders of branded tables*/
.tabtitle{ font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #C1131D; padding:5px; }

/*Used if table has an extra heading.*/
.tabhead { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #C1131D; background-color: #FFFFFF; padding:5px; }

/*dark colour, matching nav bar or other strong colour in the site.*/
.tabbody { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: normal; color: #636669; background-color:#FFFFFF; padding:5px; }

/*standard text, white background, black text is most common.*/
.tabtotal{ font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #636669; background-color: #FFFFFF; padding:5px; }