@charset "utf-8";

/* CSS Document */

/* ----------------------------
NOTE ABOUT PAGE STRUCTURE
<body>
   <div id="wrapper">
       <div id="header">
          <div id="banner"> 
          <div id="logo">   
          <div id="bannertext">
		  <div id="message line" 
       <END OF HEADER>
	   <div id="main"
	      <div id="leftpanel"
		  <div id="centerpanel">
		  <div id="rightpanel">
	      <div class="clearfloat">
	   <END OF MAIN>
	   <div id="footer">
	<END OF WRAPPER>   
</body>

END OF NOTE ABOUT PAGE STRUCTURE
------------------------------*/

/* BODY
   Here's where we zero things out, and set standard settings   (so browsers don't supply   their own settings) */
body { font-family: Arial, Helvetica, sans-serif;
       margin:0;padding:0;
} 

/* LINKS
   You must use the following order for link states
   a:link, then a:visited, then a:hover, and last, a:active */
a:link {color:#0000ff;}    
a:visited {color:#0000ff;}  
a:hover {color:#ff0000;}  
a:active {color:#ff00ff;} 

#wrapper {min-width: 500px;
	      max-width: 1400px;
	      background: #ffffff;
		  }

#header {
	border-bottom: 3px solid #87B825;
	background-color: #B4E637;
	background: #B4E637 url(images/#) repeat-x top left;}
	
#header h1 {
	margin: 0;
	padding: 25px;
	font-size: 150%;
	color: #ff0000;
	background: url(images/#) no-repeat top left;
	}
	
#message_row {
	margin: 0;
	padding: 10px;
	font-size: 90%;
	color: #cccc99;
	text-align: center;
	background: #444433 url(images/#) repeat-x top left;
	}
#message strong {
	padding: 0 0 0 28px;
	background: url(images/#) no-repeat 0 50%;
	}

#main {}

#footer {}


.centre {text-align: center;}



/*  IE fixes */
#content, #sidebar, #footer {
	height: 1%;
	}
* html dl.feature { /* for IE5+6 */
	height: 1%; 
	}
*:first-child+html .feature { /* for IE7 */
	min-height: 1px; 
 } 
.clearfloat {
	clear: both;
}