/* a hack for IE6 only \*/
* html * {
	font-size:100%; 
	}
* {
	margin:0;
	padding:0;
	}
/* end of IE6 hack*/

body {
	text-align:center;
	font: 1em Verdana, Arial, sans-serif; /* 1em = 16pts */
	}
	
.float_left {float:left; margin: 0 .3em .3em 0;}      
.float_right {float:right;  margin: 0 0 .3em .3em;}
.clearfloats {clear:both;}
	
#main_wrapper {
	max-width:960px;
	min-width:720px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}
#header {
 	margin:3em 0 0 0;
	border-bottom:#000 1px solid;
	}

#content {
	}
	
#footer {
	clear:both;
		}
		
#header_inner, #content_inner {
	overflow:hidden;
	}
#header_inner { 
	padding:1.25em 0;
	}
#content_inner { 
	padding:0em 1em 1em 1.5em;
	}
#footer_inner {
	padding:.5em 1em;
	text-align:center;
	}
	
/* Background colours */
body {background-color:#7B87AF;}
#main_wrapper {background-color:transparent;}
#header {background-color:#9DA6CD;}
#content {background-color:#FFF;}
#footer {background-color:#9DA6CD;}

h1, h2, h3, h4, h5, ul, ol {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	} 

/* Text colours */
h1, h2, h4 {
	color:#333F55;
	}
h3 {
	font-family:"Times New Roman", serif;
	font-style:italic;
	color:#7B87AF;
	}
h5, p {
	color:#000;
	}	
ul, ol {
	color:#3F4F22;
	}
a, a:hover {
	color:#7B87AF;
	}
#footer h5 {
	margin:0;
	}
#footer a {
	color:#000;
	text-decoration:none;
	}
#footer a:hover {
	color:#333F55;
	}
	
/* Font sizes */
h1 {font-size:1.5em; /* 24pt */
	 }
h2 {font-size:1.375em; /* 22pt */
	line-height:1.5;
	padding:.5em 0 0 0;	
	}
h3 {font-size:1.125em; /* 18pt */
	line-height:1.2;
	}
h4 {font-size:1em; /* 18pt */
	line-height:1.75em;
	}
h5 {font-size:0.875em; /* 12pt */
	}
p  {
	font-size:.8em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
 	}
a {
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}								 

	
/* basic list styling */
ul, ol {
		margin:0 1em .75em 1em; 
		font-size:.8em;
		line-height:1.5;}
li {
		padding:0em 0; 
		margin-left:2em;
		}
#nav ul {
		margin:.5em 1em .75em 1em;
		}
#nav li {													
	list-style-type:none;
	margin-left:0
	}
abbr {											
	border-bottom:1px dashed #7B87AF;
	cursor:default;
	}
img {						 					 
	border:0;
	}	
	
/* Drop menu settings */
/* Colours & text */
div.multi_drop_menus * {
 margin:0; padding:0;     /* removes margin and padding off all list elements */
 }
div.multi_drop_menus {
  font-family: Verdana, Arial, sans-serif;   
  font-size:.9em; 
  margin:0 0 0 0;
  background-color:transparent;    
 }
div.multi_drop_menus ul {
 	border-left:0px;   
	display:inline;					/* fixes margin-doubling bug in IE6 */
 	}
div.multi_drop_menus li {			/* Level 1 item */
 background-color:#9DA6CD;         
 border-right:0px;
 width:11.1em;
 }                						    
div.multi_drop_menus li:hover {
 background-color:#7B87AF;      /* Background of hovered items */
 }
 div.multi_drop_menus a {
 color:#000;                     		/* Text colour of links */
 padding:.2em 15px;           		/* space top/bottom and left/right respectively item's text */
 }
 div.multi_drop_menus a:hover {
 color:#FFF;        				 /* Text colour of hovered link */
 }
div.multi_drop_menus ul li ul {
 width:11.1em;   						       /* Width of levels 2 and 3 */
 }
div.multi_drop_menus li li { 
 background-color:#9DA6CD;        /* Level 2 item */
 border-bottom:0px;                
 }
div.multi_drop_menus ul li ul li ul  {
 border-top:1px;     
 top:-1px;               /* set to negative value of border-top for perfect pop-out alignment -set to 0 if border is 0 - don't remove! */
 } 
div.multi_drop_menus li li li { 
 background-color:#9DA6CD;          /* background color of the level 3 menu */
 }
/* END Colours & Text */
 
/* Menu structure start here */
div.multi_drop_menus {
	float:left;
 	width:100%;
	}
div.multi_drop_menus ul {
 	float:left; 				 		 /* makes ul wrap li */
	font-size:1em; 					 /* prevents inheritence from main text style sheet */
	}
div.multi_drop_menus li {
 float:left;  			 		/*horizontal list alignment */
 list-style-type:none; /* removes the bullets */
 position:relative; 	 /* positioning context for the drop-down */
 }
div.multi_drop_menus a {
 display:block; 		 	 /* makes link fill li so entire area is "hot" */
 text-decoration:none;
 }
/* the horizontal menu ends here */
/* the drop-downs starts here */
div.multi_drop_menus ul li ul { 
 position:absolute;     /* positions the drop-down ul in relation to li parent */
 border:0;         			
 margin-left:0px;        
 }
div.multi_drop_menus ul li ul li {
 width:100%;
 padding:0; 
 border-left:0; 
 border-right:0; 
 }
div.multi_drop_menus ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div.multi_drop_menus ul li:hover ul {
	display:block; 		 /* shows the drop-down when the menu is hovered */
	z-index:1000; 		 /* Safari needs this to display menu on top of other page elements */
	} 
/* pop-outs starts here */
body div.multi_drop_menus ul li ul li ul  {
 position:absolute; 			/* associated menu with parent li positioning context */
 visibility:hidden; 			/* ensures that level 3 menu is not reveal when level 2 is reveled */
 left:100%;
 top:-1px; 								/* aligns level 3 pop-out with previous level */
 }
div.multi_drop_menus ul li ul li:hover ul {visibility:visible;} /* shows level 3 menu when associated level 2 li is hovered */
/* the drop-downs end here */
/* END Menu structure */
 
/* IE6 and earlier hacks */
* html div.multi_drop_menus {
 z-index:1; 
 }				
* html div.multi_drop_menus ul li ul {
  z-index:400; 							/* places menu on top of other page elements */
 }
* html div.multi_drop_menus a {
} 

 /* End of drop menu settings */