/* *** Generated by www.csscreator.com *** */
html, body{ 
text-align:center; 
margin: 0;
padding: 0;
} 
body {
	color: black;
	background-color: white;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	/*background-image: url('../i/bg.gif');*/
	background-position: center;
	background-repeat: repeat-y;
}
a { color: black; font-weight: bold; }
b, strong { }
#wrapper { 
	width:740px; 
	text-align:left; 
	min-width: 500px;
	margin-left:auto; 
	margin-right:auto; 
	height: 100%;
	/*border: 1px solid #BFBD00;*/
} 
 
#header{ 
	height:80px; 
	width:100%;
	background-color: #56B8F7; 
	border-bottom: 2px solid black;
	float: left;
	background-image: url('../i/header-bg.jpg');
	background-repeat: no-repeat;
 } 
#header a { 
	text-decoration: none;
}
#headerleft {
	width: 480px;
	float: left;
	padding: 5px;
}
#header h1, #header h2 { line-height: 100%; }
#header h1 {
	font-size: 160%;
	margin-top:0.1em;
	margin-bottom:0.1em;
} 
#header h2 {
	font-size: 120%;
	color: black;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}
#headerright {
	float: right;
	width: 220px;
	font-size: 85%;
}
#leftcol{
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px; 
 min-height: 350px;
 height: 100%;
 }
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 200px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #56B8F7;   /* left column colour */ 
border-left-style: solid; 
background-color: #56B8F7; /* center column colour */ 
width: auto; 
 } 
 
#footer{
	height:55px; 
	width:100%; 
	background-color: #56B8F7; 
	border-top: 2px solid black;
} 
#footer p {
	font-size: 80%;
	text-align: center;
	margin: 0.2em 0 ;
}
#footer p.copyright { font-size: 70%; }

#inner{margin:0; width:100%; height: 100%;}
 
#maincol{ 
	float: left; 
	width: 100%; 
	position: relative; 
	margin: 0 -8px 0 -2px; 
	border-left: 1px solid black;
}
#maincol h1 {
 	font-size: 140%;
 }
#maincol p, #maincol ul {
 	font-size: 85%;
}
#maincol h1 {
 	font-size: 110%;
}
 #maincol h2 {
 	font-size: 100%;
 }
 #maincol h3 {
 	font-size: 90%;
	margin-bottom: 0.2em;
 }
 #maincol img {
 	margin: 0 0.5em;
 }
#outer>#inner { border-bottom: 1px solid #56B8F7;  }
 
#innerwrapper { border: 1px solid black; width:740px; }
 
.clr{clear:both;}
 
.content{padding: 10px; margin-bottom: 10px; } 

hr {
	width: 100%;
	height: 1px;
	border: 1px solid black;
	margin: 0;
	margin: 0.5em 0;
	color: #BFBD00;
}
 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}

/*menu layout*/

.menucontainer {
	width: 180px;
	margin-left: 5px;
}

.buttons a {
	color: black;
	background-color: #FFEE88;
	padding: 2px;
	padding-left: 3px;
	display: block;
	border-left: 10px solid #56B8F7;
	background-image: url('../i/menu-bg.gif');
	background-repeat: repeat-y;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	margin-top: 1px;
	font-size: 90%;
}

.buttons a:hover {
border-left: 10px solid black;
text-decoration: none;
color: black;
}
#strap {
	text-align: center;
	font-weight: bold;
	margin: 0.5em;
}