*{font-family: arial, helvetica, sans-serif;font-size:1em; margin:0; padding:0;}

html > body{font-size:100%; background-color: #666; }

#imagelinks{width:100%;display:inline;float:left; }
#imagelinksUl{display:inline;float:left;list-style-type:none; width: 100%;padding-left: 12px; }
#imagelinksUl li{display:inline;float:left; padding-bottom: 4px; padding-right: 10px; border: }
#imagelinksUl li a{display:inline;color:#000;font-size:0.8em;line-height:100%;color: #000080;font-weight:normal;float:left;}
#imagelinksUl li a:hover{color:#888;text-decoration:none;}

#imagelinks2{width:100%;display:inline;float:left; margin:0px 0px 0px 22px; -moz-border-radius:10px; height:100%;}
#imagelinks2Ul{display:inline;float:left;list-style-type:none;padding:0px; position:relative; left:50%;}
#imagelinks2Ul li{display:inline;float:left; position:relative; right:50%; margin:6px 60px 2px 0px; border:0px solid #eee;}
#imagelinks2Ul li a{display:inline;color:#000;font-size:0.8em;line-height:100%;color: #0000BB;font-weight:normal;float:left;text-decoration: none;}
#imagelinks2Ul li a:hover{color:#888;text-decoration:none;}

#imgcontainer {
width:100%; margin-left: auto;
margin-right: auto;
background:#fff;
padding-bottom: 4px;
padding-top: 4px;
overflow: hidden;}

#container {
background-color: #eee;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 2px;
overflow: hidden;
min-width: 780px;
max-width: 960px;}

* html #container {
width:expression(((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth)
> 960 ? "960px" : (((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth) < 785 ? "780px" : "auto"));
}
#header {	
	width: 100%;
	background-color: #4E5869;
	text-align: center;
	margin-bottom: 2px;
	margin-left: auto; 
	margin-right: auto; 
	overflow: hidden;}
	
	img.width{
	max-width: 300px;
max-height: 300px;
height: expression(this.width > this.height ? auto: expression(this.height > 300 ? 300: true));
width: expression(this.width > this.height ? expression(this.width > 300 ? 300: true) : auto);
}
	
#breadcrumbs {margin:0 auto;width: 100%;background-color: #fff;padding-bottom: 2px;}

#content {margin: 0 auto;background-color: #fff;width: 100%;}

#content p {margin-bottom: 10px;}

#footer {background-color: #fff;margin-top: 0px;text-align: center;}	  

#topleft {background-color: #ccc;float:left;width:40%;}

#topright{background-color: #ccc;float:left;width:59%;}

#outer {font-size: 0.9em;padding-left: 1%;padding-right: 1%;text-align: center;}

#left{background-color: #f9f9f9;float:left;width:69%;}

#right{width:30%;float:right;background-color: #bbb;}

#surround {border: solid 1px #eee;background-color: #fff;
margin-left: 2%;
margin-right: 2%;
padding-top:4px;
box-shadow: 0px 1px 0px 0px #ddd;
margin-bottom: 2%;}

p{font-size:1em;color: #44537B;padding-left:5%;padding-right:5%;}

p.large {font-size: 1.3em; color: #5D6681; letter-spacing: 0.03em; font-weight: bold; padding-left: 38px;}

p.change {letter-spacing: 0.03em; padding-top: 8px; width: 90px;}
p.change a {text-decoration: none; font-size: 0.90em; letter-spacing: 0.01em; color:#002EB3;}

p.top {letter-spacing: 0.03em; padding-top: 8px; width: 80px;}
p.top a {text-decoration: none; font-size: 0.90em; letter-spacing: 0.01em; color:#002EB3;}
p.small {letter-spacing: 0.03em; padding-top: 8px; width: 60px;}
p.small a {text-decoration: none; font-size: 0.90em; letter-spacing: 0.01em; color:#002EB3;}

p.link {font-size: 0.90em; padding-left: 7%;  padding-top: 2px; padding-bottom: 2px; width: 90%; margin-bottom: 6px;
  line-height: 80%;}
  	
p.link a{ font-size: 1em; letter-spacing: 0.01em; color:#002EB3; text-decoration: none;}

span {color: #FF0000;letter-spacing: 0.03em;font-size: 0.85em;}

h1 {font-size: 1.2em;color: #5D6681;letter-spacing: 0.03em;margin-left: 18px;}

h2 {font-size: 0.95em;color: #5D6681;letter-spacing: 0.03em;padding-bottom: 6px;padding-left:3%;padding-right: 3%;}

h3 {font-size: 1.1em;font-weight:600;padding-left: 10px;margin-bottom: 10px;}

hr {margin-bottom: 4px;}

a {	color: #000066;	}

a:link {color: #000066;}

a:visited {color: #6666FF;}

a:hover {text-decoration: none;}

a:active {color: #FF0000;}

a.hidden {color: #000000;}

a.hidden:visited {color: #000000;}

a.hidden:hover {color: #0000CC;}

a.hidden:active {color: #000000;}

a.nav:link {color: #333333;	padding: 2px;}

a.nav:visited {color: #cccccc;padding: 2px;}

a.nav:hover {color: #FFFFFF;background-color: #666666;padding: 2px;}

a.menu {font-family: arial, helvetica, sans-serif;font-weight: bold;text-decoration: underline;}

a.menu:hover {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 1px;
	}

a.box:hover {
  color: #000000;
	padding: 3px;
	text-decoration: none;
	background-color: #666666;
	border: medium solid #3366FF;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.megamenu_container {
	width:100%;
	height:44px;
	margin:0 auto;
	position: relative;
	border:solid 0px #000000; /*border around menu header*/
	background-image:url("../img/bg.png"); }

/* if needed this is round borders - also required for hover colour
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;	
*/	
	

.megamenu {
	list-style:none;
	z-index:9999;
	padding:0px;
	margin-left:2%;
	margin-right:1%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fffffa;
	line-height:1;
	/*line-height:1;*/
}
	.megamenu li {
		float:left;
		margin:12px 0px 0px 0px;
		border:solid 0px #fffffa; /*border around li elements*/
	}
	
	
	.megamenu li.header {
	background: #fffffa; /*this controls background of header*/
	}
	
		.megamenu li:hover, .active {
			background:#9F4640; /*hover colour over menu*/
			padding: 0px 0px 0px 0px; /*change this when there is a border - governs size of hover block*/
		}
		.megamenu li.header:hover, .active {
		background:none;	
			
		}
		.megamenu li.noactive {
			background:none;
		}
		.megamenu li a {
			font-size:0.90em; /*size of text in header menu links*/
			color: #000099;
			font-weight:normal;
			text-decoration:none;
			display:block;
			padding: 4px 0px 4px 0px; /*height of li unit*/
		}
		
		.megamenu li img {border:none;}
		
		.megamenu li:hover a {
			color:#FFFFFF;
			}
			
		.megamenu li .drop {
		/*background:url("menu/img/down.png") no-repeat right;
			margin-right:2px;*/
		}

		/* Right aligned menu item */
		
		.megamenu li.right {
			float:right;
			margin-right:-1px;
		}
		.megamenu li.right a {
			margin-right:0px;
		}



/*  _____________________________________________________________________________

    02 DROP DOWN COMMON CONTAINER
    _____________________________________________________________________________  */



.megamenu li .dropcontent {
	margin:0 auto;
	position:absolute;
	left:-9999em;
	top:35px; /* Places the drop down under the menu bar */
	z-index:9998; /* For IE7 */
	padding:24px 0 10px 0;
	text-align:left;
	border:1px solid #1b1b1b; /**/
	border-top:none;
	background: #161616; /* #161616 drop-down colour*/
	/* Rounded Corners */
    -webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.megamenu li .dropfirst {
	margin:0 auto 0 -1px; /* Fixes a 1px issue for the 1st drop down */
}

/* Showing Drop Down on Mouse Hover - Left aligned */

.megamenu li:hover .dropcontent {
	left:auto;
}

/* Showing Drop Down on Mouse Hover - Right aligned */

.megamenu li .align_right {
	right:-1px;
}
.megamenu li:hover .align_right {
	left:auto;
	right:-1px;
}

/* Full width drop down */

.megamenu li .fullwidth {
	position: absolute;
	width: 100%;
	padding:24px 0 10px 0;
	left:-9999em;
	top:33px; /*this for relative position of drop panel*/
	border:0px solid #1b1b1b;
	display: block;
	z-index:9998;
	border-top:none;
	background:#161616;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.megamenu li:hover .fullwidth {
left: -1px;
}



/*  _____________________________________________________________________________

    03 DROP DOWN SPECIFIC CONTAINERS
    _____________________________________________________________________________  */



.megamenu .drop1column {width: 80px;}
.megamenu .drop2columns {width: 160px;}
.megamenu .drop3columns {width: 240px;}
.megamenu .drop4columns {width: 320px;}
.megamenu .drop5columns {width: 400px;}
.megamenu .drop6columns {width: 430px;}
.megamenu .drop6columns {width: 490px;}
.megamenu .drop7columns {width: 560px;}
.megamenu .drop8columns {width: 640px;}
.megamenu .drop9columns {width: 720px;}
.megamenu .drop10columns {width: 800px;}
.megamenu .drop11columns {width: 880px;}
.megamenu .drop12columns {width: 960px;}



/*  _____________________________________________________________________________

    04 COLUMNS GRID
    _____________________________________________________________________________  */



.megamenu .col_1,
.megamenu .col_1a,
.megamenu .col_2,
.megamenu .col_2a,
.megamenu .col_3,
.megamenu .col_4,
.megamenu .col_4a,
.megamenu .col_5,
.megamenu .col_6,
.megamenu .col_6a,
.megamenu .col_7,
.megamenu .col_8,
.megamenu .col_9,
.megamenu .col_10,
.megamenu .col_11,
.megamenu .col_12 {
	float: left;
	display:inline;
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
}
.megamenu .col_1 {width:50px;}
.megamenu .col_1a {width:15%;}
.megamenu .col_2 {width:16%;}
.megamenu .col_2a {width:20%;}
.megamenu .col_3 {width:25%;}
.megamenu .col_4 {width:36%; }
.megamenu .col_4a {width:30%;}
.megamenu .col_5 {width:40%;}
.megamenu .col_6 {width:45%;}
.megamenu .col_6a {width:47%;}
.megamenu .col_7 {width:53%;}
.megamenu .col_8 {width:67%;}
.megamenu .col_9 {width:690px;}
.megamenu .col_10 {width:770px;}
.megamenu .col_11 {width:850px;}
.megamenu .col_12 {width:930px;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



/*  _____________________________________________________________________________

    05 DROP DOWN TYPOGRAPHY
    _____________________________________________________________________________  */



.megamenu p, 
.megamenu h2, 
.megamenu h3, 
.megamenu h4, 
.megamenu h5,
.megamenu h6 {
	padding:0;
	margin:0;
	color:#FFFFFF;
	}
.megamenu p {
text-align: left;
padding-left: 12px;
color: #FFFFF4;

	font-size:12px; 
	line-height:20px; 
	margin-bottom:6px;
}

.megamenu p a {
font-style: normal;
}
.megamenu p span {
font-style: italic;
color: #9933CC; /*this is for dated updates*/
}
.megamenu h2 {
	background:url("../img/menu_separator.jpg") bottom repeat-x;
	padding-bottom:12px;
}
 
.megamenu h2, 
.megamenu h3 {
	margin-bottom:2px;
}
.megamenu h4, 
.megamenu h5, 
.megamenu h6 {
	margin-bottom:4px;
}
.megamenu h1 {
color: #000000;
	font-size:24px;
padding: 0px 0px 3px 0px;	
}
.megamenu h2 {
	font-size:30px; 
	line-height:42px;
}
.megamenu h3 {
	font-size:28px; 
	line-height:28px;
}
.megamenu h4 {
	font-size:24px; 
	line-height:24px;
}
.megamenu h5 {
text-align:left;
padding-left:12px;
	colour: #ffffff;
	font-size:14px; 
	line-height:16px;
}
.megamenu h6 {
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size:14px; 
	line-height:18px; 
	text-transform:uppercase;
}

/* Links */

.megamenu li .dropcontent a, 
.megamenu li .fullwidth a {
	text-transform:none;
	font-size:12px;
	display:inline;
	padding:0;
}
.megamenu li .dropcontent a:hover, 
.megamenu li .fullwidth a:hover {
	padding:0;
}

/* Images & Boxes */

.megamenu li .black_box {
	background-color:#111111;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:6px 8px 6px 8px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}
.megamenu .imgshadow {
	background:#000000;
	padding:4px;
	border:1px solid #222222;
	margin-top:5px;
	margin-bottom:18px;
	-webkit-box-shadow:0 0 5px #000000;
	-moz-box-shadow:0 0 5px #000000;
	box-shadow:0 0 5px #000000;
}
.megamenu .img_left {
	float:left;
	margin-right:12px;
}
.megamenu .img_right {
	float:right;
	margin-left:12px;
}






/* Blue Menu*/

.menu_blue {
	background-color:#fff; /* original colour #536987;*/
}
.menu_blue .megamenu li .dropcontent a, 
.menu_blue .megamenu li .fullwidth a {
	color:#CC6666; /*this governs linked paragraph text*/
}
.menu_blue .megamenu li .dropcontent a:hover, 
.menu_blue .megamenu li .fullwidth a:hover {
	color:#536987;
}