body {
	background: #fff;
	color: #000000;
	font-family: verdana;
	font-size: 12px;
	padding: 0px;
}

#all {
  background: transparent url(../images/back.png) no-repeat;
  width: 90%;
  min-width: 800px;
  max-width: 1100px;
  padding: 0;
  margin: 20px auto 40px auto;
  height: 600px;
}

.header {
	position: relative;
	height: 150px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 8px;
}
#logo {
  position: absolute;
  right: 0;
  bottom: 0
}

#breadcrumbs {
  display: none;
}

.header h1 {
  height: 	74px;
  text-align: right;
  padding: 0 130px 0 0;
  font-size: 45px;
  margin: 0;
}

.header .top {
	background: #d60107;
	height: 75px;
	bottom: 0;
	margin: 0 260px 0 0;
	text-align: right;
}

.header .top h2{
	margin: 0;
	padding: 4px 27px;
	color: white;
	font-size: 20px;
}

h2 {
  color: 	#d60107;
  font-size: 14px;
  border-bottom: 1px solid #d60107;
}

strong {
  color: 	#d60107;
}

ol, ul {
  margin-left: 0;	
  padding-left: 20px;
}


/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
	background:#d60107;    	/* Right column background colour */
}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-252px; 	/* Width of right column */
	position:relative;
	right:100%;
	background:#fff;    	/* Centre column background colour */
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:452px;         	/* Left column width + right column width */
	background:#eaeaea;    	/* Left column background colour */
}
.holygrail .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:200px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
	margin-left:220px;
	margin-right:270px;
	     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}
.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:200px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:0px;         	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:242px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:5px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}


/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #d60107;
	font-size: 8px;
	margin-top: 25px;
}
#footer p {
	padding:10px;
	margin:0;
	float: left;
	
}


.menu {
	margin:0;
	padding: 0;
	margin-top: 25px;
	border-top: 1px solid #d60107
}

.menu li {
  list-style: none;	
  border-bottom: 1px solid #d60107
}

.menu li a {
  padding: 5px;
  text-decoration: none;
  color:   black;
  display: block;
}

.menu li a:hover {
  background: #fff;
  color: red;
}

.menu li.active a {
  background: #fff;
  color: red;
  font-weight: bold;
}

#mainlevel {
	
}

#mainlevel li {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}

#mainlevel li a {
   color: white;
   text-decoration: none;
   font-weight: bold;
   display: block;
   padding: 2px 8px;
}