html, body, ul, ol, li {  /* set everything to zero for a good cross-browser starting point */
margin: 0; /* zeroes the margins on the body */
padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
border: 0; /* zeroes off any existing border */	  
}

body {
background-color: #D9D9D9; 
background-image: url(/Assets/images/body_bg.jpg);
background-repeat: repeat-x; 
color: #383412; 
text-align: center;  /* Hack to centre the wrapper in IE5.x pc */
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 100.01%;  
min-width: 900px;  
}

#wrapper {
width: 900px;  /* sets the width of the wrapper, and therefore our design with adjustments for IE5.x's broken box model hence the two extra pixels on the width */
w\idth: 888px;  /* sets the correct width of the wrapperfor compliant browsers*/
margin: 5px auto;  /* centers the wrapper for compliant browsers. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
position: relative;  /* important to position it relatively */
background-image: url(/Assets/images/wrapper_bg.jpg);  /* sets the path to the wrappers bg image*/
background-repeat: repeat-y;  /* prevents the image from tiling in our page, we do not want this image to repeat */
background-color: #fff;  /* sets the wrapper's background color */
border: 1px solid #000;  /* sets a border to all 4 sides */
text-align: left;  /* Realigns the text to the left after the IE hack in the body rule */
}


/*set the link styles for the client login and the close login box links*/
#clientaccess a,
#login a {
font-size: 80%;  /*Sets the font size*/
color: #FFFFFF;  /*sets the link color*/
float: right;  /*floats the links to the right*/
margin: 3px 10px 0 0;  /*sets the margins - 3px to the top, 10px to the right and the rest to 0*/
}

#clientaccess a:hover,
#clientaccess a:focus,
#login a:hover,
#login a:focus {
text-decoration: none;  /*removes the link's underline*/
color: #FFFFFF;  /*sets the colour for the hover and focus states*/
}


/*begin laying out the banner*/
#banner {
	background-image: url(/Assets/images/banner_bg.jpg); image-width:888px;  
	background-repeat: no-repeat; 
	margin-top: 20px;
	height: 124px;
	position: relative;
	width: 888px;
}


/*begins laying out the main content area*/

#content {
	float: left; /* new left margin value */
	margin-right: -3px; /* prevents IE float drop */
	width: 660px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20px;
}

#content h1 {
font-size: 115%;  /*increases the font size*/
color: #625757;  /*sets the colour of the h1 text*/
font-family: Arial, Verdana, Helvetica, sans-serif;  /*changes the default font*/
padding: 0 0 0 3px;  /*sets a margin of 3px to the left to move the h1 in from the background colour's edge*/
margin: 0;  /*zeroes off the default margins*/
background-color: #F4F4F4;  /*sets the background colour*/
}

#content h2 {
font-size: 105%;  /*increases the font size*/
color: #625757;  /*sets the colour of the h1 text*/
font-family: Arial, Verdana, Helvetica, sans-serif;
padding: 0 0 0 3px;  /*adds a 3px left padding*/
margin: 20px 0 0 0;  /*sets a margin of 20px to the top of the h2, and zeroes other default margins*/
background-color: #F4F4F4;  /*sets the background colour*/
}
#content h3 {
font-size: 100%;  /*increases the font size*/
color: #625757;  /*sets the colour of the h1 text*/
font-family: Arial, Verdana, Helvetica, sans-serif;
padding: 0 0 0 3px;  /*adds a 3px left padding*/
margin: 20px 0 0 0;  /*sets a margin of 20px to the top of the h2, and zeroes other default margins*/
background-color: #F4F4F4;  /*sets the background colour*/
}
#content p {
font-size: 80%;  /*reduces the default font size*/
margin: 12px 0 0 0;  /*sets a margin of 12px to the top of the p, and zeroes other default margins*/
}
#content a:link  {
color: #A72018;
text-decoration: none; }

#content a:hover
{
color: #A72018;
background-color: #E0E0E0;
text-decoration: underline;


}
#content a:visited  {
color: #A72018;
text-decoration: none; 
}
#content li
{
list-style-type: square;
font-size: 80%;
margin-left: 20px;
}




/*generic float rules for our images in the content area*/

#content .left{
float: left;  /*float the image to the left*/
border: 1px solid #000;  /*add a black border 1 pixel wide to all 4 sides*/
margin: 5px 12px 1px 0;  /*set the margins to give some "air" around the text*/
}

#content .right {
float: right;  /*float the image to the right*/
border: 1px solid #000;  /*add a black border 1 pixel wide to all 4 sides*/
margin: 5px 0 1px 10px;  /*set the margins to give some "air" around the text*/
}

#memform{
font-size: 80%;  
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #000;}

/*create the second column to hold the navigation*/
#leftcol {
display: inline; /* fix for IE doubled margin */
 float: left;/*float to the left to create our column*/
 width: 187px;/*provides a width for IE5x pc*/
 w\idth: 184px;/*corrects the width for modern browsers*/
 margin-left: 7px;/*move the column away from the margin*/
 margin-bottom: 20px;/*add some clearance below the column*/
}

#navbox {
margin-bottom: 20px;  /*set a margin on the bottom*/
border: 1px solid #000;  /*add a black border 1 pixel wide to all 4 sides*/
}



#leftcol img {
margin: 0 auto;
/*border: 1px solid #000;  /*add a black border 1 pixel wide to all 4 sides*/
}

/* The leftcol div is outside the flow of the document and won't respect the footer;
#leftcol would, if its content were great enough, poke through the bottom of the layout.
The clear left ensures the footer is always kept further down than leftcol div, and our design
remains intact. The content div is within the flow of the document and thus will always
push the footer div down as its content dictates */

#footer {  /* Begin laying out and styling the footer div */
background-color: #fff;  /*sets a background colour for the footer*/
width: 888px;  /*Sets the footers width*/
border-top: 1px solid #000;  /*sets the top border to define the beginning of the footer*/
font-size: 60%;  /* sets the footer text size */
text-align: right;  /* aligns the text to the right*/
margin-top: 20px;  /* Adds a margin to the top of the footer*/
clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
}

#footer p {
background-color: #A7A6A4;  /*sets the background colour for the p element when it is in the footer div*/
padding: 4px 4px 4px 10px;  /* sets the padding values*/
margin: 0;  /*zeroes off the margins */
}

#footer ul{
background-color: #8A8886;/*sets the background colour for the validation links*/
margin: 0;/*zeroes off the margin defaults*/
padding: 4px;/*set a padding around the links*/
}

#footer li{
display: inline;/*sets the list to display inline*/
}

#footer a:link {  /* Styles the links within the footer */
color: #fff;  /*sets the text to white*/
text-decoration: underline;  
}

#footer a:hover,
#footer a:focus {
text-decoration: none;
color: #A72018;  
}
#footer a:visited {  /* Styles the links within the footer */
color: #fff;  /*sets the text to white*/
text-decoration: underline;  
}

/*begin laying out the subcontent - this is the area below the main content that contains the two columns, the subcontent div is a container for the left and right divs*/
#subcontent {
margin: 25px 0 0 0;  /*adds a 25px margin to the top of the div*/
}

/*The selector below defines the left column in the lower content area*/
#subcontent #left {
float: left;  /*we float it to the left*/
width: 350px;  /*give it a width*/
margin-bottom: 20px;  /*provides clearance below the div*/
background-color: #F4F4F4;  /*give the div a background colour*/
}

/*The selector below defines the right column in the lower content area*/
#subcontent #right {
float: right;  /*we float it to the right*/
width: 35px;  /*give it a width*/
margin-bottom: 20px;  /*provides clearance below the div*/
/*background-image: url(../images/lfc.gif);  /*supplies the path to the image*/
/*background-repeat: no-repeat;  /*prevent the image from repeating*/
/*background-position: 50% 50px;  /*position the image in the center of the div and 50px from the top*/
background-color: #F4F4F4;  /*give the div a background colour*/
}

/*provides the titles for the columns in the lower content area*/
#subcontent h2 {
font-size: 105%;  /*increase the default font size*/
color: #625757;  /*set a colour for the font*/
font-family: Arial, Verdana, Helvetica, sans-serif;  /*change the default font face*/
margin: 0;  /*zero off the default margins*/
background-color: transparent;  /*declare transparent as the background to prevent inheritance*/
text-align: center;  /*align the heading to the center of the div*/
}

#subcontent p {
margin: 10px;  /*set a 10px all around margin on the p element within the columns*/
}

/*begin laying out the login div*/
#login {
position: absolute;  /*position the absolutely to take it out of the document flow*/
width: 180px;  /*give it a width*/
border: 1px solid #000;  /*set the border to black and one pixel wide on all four sides*/
background-color: #F4F4F4;  /*set the background colour of the div*/
top: 21px;  /*position it 21 pixels from the top*/
right: -1px;  /*and -1 pixel from the right, this allows it to overlap the border on the right edge of the wrapper*/
z-index: 100;  /*provide a z-index to ensure this div is always shown on top*/
visibility: hidden;  /*hide the div by default*/
padding: 5px;  /*give the div a paddng of 5 pixels to all four sides*/
}

/*A filedset surronds our form elements in the login div*/
#login fieldset {
border: none;  /*remove the default border*/
}

/*thisis our log in form*/
#login form {
margin: 0;  /*zero off the default margins*/
font-size: 70%;  /*scale the font size*/
}

/*style the forms inputs*/
#login form input {
margin-bottom: 3px;  /*set a margin of 3 pixels to the bottom of the inputs to give some clearance*/
border: 1px solid #999;  /*add a 1 pixel wide border to all four sides*/
}

.small {
font:Arial, Helvetica, sans-serif;
font-size: 10px;
}

.medium{
font: Arial, Helvetica, sans-serif;
font-size: 80%;
}
.medium a:link;{
font: Arial, Helvetica, sans-serif;
color: #A72018;
text-decoration: underline; 
}
.medium a:hover, .medium a:focus;{
text-decoration: none; 
}
.medium a:visited;{
font: Arial, Helvetica, sans-serif;
color: #A72018;
text-decoration: underline; 
}

/* TABLES -------------------------------------------------- */
/* --------------------------------------------------------- */
.tableinfo {
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
	}
 .tableinfo td {
	font-size: 12px;
	padding: 2px 2px;
	border-bottom: 1px solid #2A567F;
	}
.tableinfo td a:{
	font-size: 12px;
	padding: 2px 2px;	
	color: #A72018;
	
	}
	
.tableinfo td a:hover,
.tableinfo td a:focus {
	font-size: 12px;		
	background-color:#E0E0E0;
	display:block;
	
	}
	
.tableinfo th {
   font-size: 12px;
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #2A567F;
	background: #F4F4F4;
	color: #000000;
	text-align: center;
	}

.red {
	color: #A62017;
	font-weight: bold;}

.tableinfo2 {
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
	}
	.tableinfo2 th {
	font-size: 11px;
	padding: 2px 3px;
	border-top: 1px solid #2A567F;
	border-bottom: 1px solid #2A567F;
	}
 .tableinfo2 td {
	font-size: 10px;
	padding: 2px 2px;
	border-bottom: 1px solid #2A567F;
	}
.tableinfo2 td a:{
	font-size: 10px;
	padding: 2px 2px;	
	color: #A72018;
	
	}
	
.tableinfo2 td a:hover,
.tableinfo2 td a:focus {
	font-size: 10px;		
	background-color:#E0E0E0;
	display:block;
	
	}
.tablesched {

    font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
	}
 .tablesched td {	
	font-size: 12px;
	padding: 2px 2px;
	border-bottom: 1px solid #2A567F;
	}
.tablesched td a:{
	font-size: 12px;
	padding: 2px 2px;	
	color: #A72018;
	
	}
	
.tablesched td a:hover,
.tablesched td a:focus {
	font-size: 12px;		
	background-color:#E0E0E0;
	display:block;
	
	}
	
.tablesched th {
   font-size: 14px;
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #2A567F;
	background: #F4F4F4;
	color: #000000;
	text-align: center;
	}
/*Control DIV for expand all and collapse all links*/
#p7TMctrl {
	margin: 0 0 12px 0;
	font-size: 12px;
	display: none;
	/*/*/display: block; /* Hide from NN4*/
}
#p7TMctrl a:link {
	color: #000000;
}
#p7TMctrl a:visited {
	color: #000000;
}
#p7TMctrl a:hover {
	color: #A62017;
	font-weight:bold;
}

/*Sets line-height of all menuitems*/
#p7TMnav {
	/*/*/line-height: 1.5; /* */
}
/*Sets background color and border around the menu DIV*/
#p7TMnav {
	border: 1px solid #666;
	border-bottom: 0;
}
#p7TMnav div {
	/*/*/background-color: #4F4F4F; /* */
}

/*second level menuitem divs*/
/*Sets left margin to 12px establishing a cascading indent*/
/*Sets border and bg color to establish the BOXES*/
#p7TMnav div div {
	margin: 0 0 0 12px;
	/*/*/border-left: 1px solid #666;
	background-color: #8A8886; /* */
}

/*third level menuitem divs. Sets BOX color*/
#p7TMnav div div div {
	/*/*/background-color: #BBBBBB; /* */
}
/*fourth level menuitem divs. Sets BOX color*/
#p7TMnav div div div div {
	/*/*/background-color: #CCCCCC; /* */
}
/*fifth level menuitem divs. Sets BOX color. Cascades to lower levels*/
/*To set additional level color BOXES, add a new selector with an additional -div- appended*/
#p7TMnav div div div div div {
	/*/*/background-color: #C0C0C0; /* */
}

/*The Link style for top-level menuitems and is read by all browsers*/
#p7TMnav div a {
	color: #FFFFFF;
	font-size: 14px;
}
/*The Link style for top-level menuitems hidden from Netscape 4*/
#p7TMnav div a {
	/*/*/border-top: 1px solid #DDDEE8;
	border-right: 0px solid;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #DDDEE8;
	text-decoration: none;
	background-color: transparent;
	display: block;
	padding: 2px 0 2px 12px; /* */
}
#p7TMnav div a:visited {
	color: #FFFFFF;
}
#p7TMnav div a:hover {
	background-color: #8A8886;
	color: #FFFFFF;
}

/*The Link styles for second-level menuitems*/
#p7TMnav div div a {
	font-size: 13px;
	color: #000000;
}
#p7TMnav div div a:hover {
	color: #000000;
	background-color: #E0E0E0;
}

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: p7TMnav div div div div a {declaration}*/
#p7TMnav div div div a {
	font-size: 12px;
}

/*rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on the 4 following rules supercedes (via !important) the padding on the p7TMnav div a selector when you've chosen the option to use images for the plus and minus signs*/
.p7plusmark {
	background-repeat: no-repeat;
	background-image:    url(p7t_plus.gif);
	background-position: 8px 50%;
	padding: 0 0 0 20px !important;
}
.p7minusmark {
	background-repeat: no-repeat;
	background-image:    url(p7t_minus.gif);
	background-position: 8px 50%;
	padding: 2px 0 2px 20px !important;
}

/*rule programatically assigned to child links when image-based plus and minus option is selected*/
.p7defmark {
	background-image:  none;
	padding: 2px 0 2px 20px !important;
}

/*rules programatically assigned to page link correesponding to current page (You are Here)*/
.p7currentmark {
	font-weight: bold;
	letter-spacing: 3px;
	background-color: transparent !important;
	color: #FFFFFF !important;
	padding: 2px 0 2px 20px !important;
}
/* Buttons for quick nav on pages*/

#qknavbt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;	
	/*background-color:#F4F4F4;	*/	
	
	/*border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	*/
	padding: 2px 2px;
}
#qknavbt td{
background-color:#F4F4F4;
border: 1px solid #000;
display: block;
	
}
#qknavbt a:link, #qknavbt a:visited {
		font-weight: bold;
	   color: #000;	
	background-color:#F4F4F4;	
	display: block;
	/*border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;*/	
	padding: 2px 2px;
	text-decoration: none;

		
	
}
#qknavbt a:hover, #qknavbt a:active{
		color: #FFF;	
		background-image: none;
		background-color: #A72018 !important;
		text-decoration: none;
		
	
}
#map {
   border: 1px solid #000;   
   font-family:Arial, Helvetica, sans-serif;
   background-color: #7F86C2;
   
   }
 #map2 {
   border: 1px solid #000;   
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   background-color: #7F86C2;
   
   }