html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

body {
	background-image:url(../Assets/whiteblue.gif);
	border-style: none;
	font-family: verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center; /* Centers the page content container in IE 5 browsers. */
	font-size: 0.9em;
	line-height: 1.4em;
}

h1 {
	color: #036;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
	font-size: 1.6em;
	border-bottom: 1px solid #036;
	margin-bottom: 0.3em;
	padding-bottom: 0.2em;
}
h2 {
	color: #036;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #036;
	line-height: normal;
	margin-top: 2em;
	margin-bottom: 0.3em;
	padding-bottom: 0.2em;
	font-size: 1.3em;
}
h3 {
	color: #036;
    font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
	border-bottom: 1px solid #036;
	margin-top: .3em; 
	margin-bottom: 0.6em;
	padding-bottom: 0.2em;
	font-size: 1.2em;
}
h4 {
	color: #900;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
	border-bottom: 1px solid #900;
	border-top: 1px solid #900;
	margin-top: 0.3em;
	margin-bottom: 0.6em;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	font-size: 1.2em;
	
}
	h5 {
	color: #036;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding-bottom: 0.2em;
	font-size: 1.2em;
}
a,  a:link {
	color: #00F;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #00F;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #090;
	font-weight: bold;
}
a:focus {
  color: #00F;
}
a:active {
  color: #00F;

}

.boxb {
	background-color: #FFF;
	margin: 40px auto 40px auto;
	height: auto;
	padding: 10px 20px 10px 20px;
	width: 80%;	
	text-align: center;
}



.bodyBold {
	font-weight: bold;
	
}
.bodyBold_First {
	font-weight: bold;
}
.bodyItalic {
	font-style: italic;
	
}
.bodyBoldItalic {
	font-weight: bold;
	font-style: italic;
	
}
.bodyIndent {
margin-left: 3em;
margin-right: 3em;
}

.bodyIndent_Italic {
	margin-left: 3em;
	font-style: italic;
	margin-right: 3em;
}
.bodyIndent_Bold {
	margin-left: 3em;
	font-weight: bold;
	margin-right: 3em;
	
}
.bodyIndent_Bold_Italic {
	margin-left: 3em;
	font-weight: bold;
	font-style: italic;
}
	.smallText {
	font-size: 0.8em;
	line-height: 1em;
	color:#F00;	
	
}
	

/*CSSBOX set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(../Assets/demobox.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 80%;/* intended total box width - padding-right(next) */
    width: 80%; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
	max-width: 600px;
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 


.topimg{
	margin: 1em 1em 1em 2em;
	float: right;
}
.leftimg{
	margin: 1em 2.5em 1em 0em;
	float: left;
	}
	
.rightimg{
	margin: 1em 1em 1em 1em;
	float: right;
	
	}
.pic_centre {
	margin: 15px auto 15px auto;
	width: 85%;
	text-align: center;
	
	}

#outerWrapper {
	background-color: #fff;
	margin: 20px auto 20px auto; 
	text-align: left; 
	width: 994px;
	Padding: 15px 15px 15px 15px;
	border: solid 1px #036;
}
#outerWrapper #header {
	background-color: #FFF;
	background-image: url(../Assets/banner.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	height: 130px;

}
#outerWrapper #navcontainer
{
font-size: 0.9em;
margin-left: auto;
margin-right: auto;
margin-bottom: 2px;
margin-top: 30px;
border-top: 1px solid #036;
z-index: 1;
}
#outerWrapper #navcontainer ul
{
list-style-type: none;
text-align: right;
margin-top: -10px;
padding: 0;
position: relative;
z-index: 2;
}
#outerWrapper #navcontainer li
{
display: inline;
text-align: center;
margin: 0 5px;
}
#outerWrapper #navcontainer li a
{
	padding: 1px 7px;
	color: #036;
	background-color: #F3F2FF;
	border: 1px solid #036;
	text-decoration: none;
	
}
#outerWrapper #navcontainer li a:hover
{
	color: #090;
	border: 1px solid #090;
	background-color: #FFF;
	
}
/* This sets a background image for 'faux collumns' to equalise column height */

#outerWrapper #contentWrapper {

	
}

/* sidebar*/
#outerWrapper #contentWrapper #sidebar1 {
	background-color: #FFFFFF;
	float: left;
	width: 140px;
	text-align: center;
}
.lnav1 {
height: 76px;
width: 90px;
margin:0;
padding:0;
margin: 10px auto 10px auto;
} 
.lnav1 a, div.nav a:link, div.nav a:visited {
display:block;

}
.lnav1 a:hover img {
visibility:hidden;

}	
	#outerWrapper #contentWrapper #sidebar1 #smen0{
	background-image:url("../Assets/M0_ov.jpg");
}
	#outerWrapper #contentWrapper #sidebar1 #smen_0_itc{
	background-image:url("../Assets/M_itc_ov.jpg");
}
	#outerWrapper #contentWrapper #sidebar1 #smen1{
	background-image:url("../Assets/M6_ov.jpg");
}
	#outerWrapper #contentWrapper #sidebar1 #smen2{
	background-image:url("../Assets/M1_ov.jpg");
}	
	#outerWrapper #contentWrapper #sidebar1 #smen3{
	background-image:url("../Assets/M2_ov.jpg");
}
	#outerWrapper #contentWrapper #sidebar1 #smen4{
	background-image:url("../Assets/M4_ov.jpg");
}	
	#outerWrapper #contentWrapper #sidebar1 #smen5{
	background-image:url("../Assets/M5_ov.jpg");
}
	#outerWrapper #contentWrapper #sidebar1 #smen8{
	background-image:url("../Assets/M7_ov.jpg");
}	
	#outerWrapper #contentWrapper #sidebar1 #smen9{
	background-image:url("../Assets/M8_ov.jpg");
}
	#outerWrapper #contentWrapper #sidebar1 #smen10{
	background-image:url("../Assets/M9.jpg");

}

#outerWrapper #contentWrapper #content {
  margin: 0px 0px 15px 140px; 
  padding: 10px 0px 20px 25px;
  border-left: solid 1px #036; 
}

#outerWrapper #contentWrapper #content #smallmenu{
	width: 100%;
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-size: 0.9em;
	margin-bottom: 15px;
	font-style: normal;
}

#outerWrapper #contentWrapper #content #smallmenu #menlinks {
	margin: 0;
	padding: 0.5em 0;
	text-align: right;
	font-size: .9em;
}
#outerWrapper #contentWrapper #content #smallmenu #menlinks li {
	display: inline;
	margin-right: 0.3em; padding-right: 0.50em;
	border-right: 1px solid #9bb6d2;
	font-weight: bold;
}

#outerWrapper #contentWrapper #content #smallmenu #menlinks li.last {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
	color: #900;
}

#outerWrapper #contentWrapper #content #smallmenu #menlinks a {
	color: #03f;
}
	
#outerWrapper #contentWrapper #content #smallmenu #menlinks a:hover {
	color: #090;
	text-decoration: underline;
}

#outerWrapper #contentWrapper #content #pagenav{	
	margin: 20px auto 20px auto;
	width: 76px;
	
}
	#outerWrapper #contentWrapper #content #pagenav #leftarrow {
    float: left;
  	height: 32px;
  	width: 33px;	
	}
	
	.leftarr {
	height: 32px;
	width: 33px;
	margin-right:5px;
	padding:0;
	background-image:url("../Assets/BCK/Arrow_back__r1_c1_f2.gif");
} 
	.leftarr a, div.nav a:link, div.nav a:visited {
	display:block;

}
	.leftarr a:hover img {
	visibility:hidden;
}
	#outerWrapper #contentWrapper #content #pagenav #rightarrow {
    float: left;
  	height: 32px;
  	width: 33px;
}	
	.rightarr {
	height: 32px;
	width: 33px;
	margin-left:5px;
	padding:0;
	background-image:url("../Assets/FWD/fwd_arrow_r1_c1_f2.gif");
} 

	.rightarr a, div.nav a:link, div.nav a:visited {
	display:block;
}

	.rightarr a:hover img {
	visibility:hidden;
  	
}
	
#outerWrapper #contentWrapper #content #toplink{
	width: 76px;
	height: 10px;
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: normal;
	font-size: 0.6em;
	font-weight: bold;
	margin-top: 10px;
	
}
	#outerWrapper #contentWrapper #content #toplink a {
	COLOR: #00F;
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	#outerWrapper #contentWrapper #content #toplink a:hover {
	COLOR: #090;  
	text-decoration: underline;
	
}
	
#outerWrapper #footer {
	background-image: url(../Assets/footer.jpg);
	border-top: solid 1px #036; /* Sets the top border properties for an element using shorthand notation */
	text-align: right;
	font-size: .7em;
	height: 25px;
	padding-top: 10px;
	padding-right: 10px;
	
}
#outerWrapper #contentWrapper #content #allmenu{
  float: right;
  margin: 15px 0px 15px 20px; 
  padding: 8px 8px 8px 8px; 
  border: solid 2px #999;
  width: 24%;
  background-color:#F3F2FF;
}