html { 
	min-width: 760px;
	 }
	 
	/* --- Helpers and base rules --- */

img	{
	border: 0;
	}

	/* --- Primary layout --- */

body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background: #ccc;
	color: #333;
	font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	}

div#wrapper	{
	background: url(../images/outsides.gif) top center repeat-y;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

	/* --- Header Region --- */

div#head {
	background: url('../images/header.gif') top center no-repeat;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 1px;	
	}

html>body div#head {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 0;
	} 

div#headcontent {
	font: 40px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", sans-serif;
	background: url('../images/banner.jpg') top center no-repeat;
	text-align: center;
	color: #eee;
	font-weight: bold;
	padding: 0;
	width: 747px;
	height: 75px;
	text-shadow: 5px 5px;
	margin: 0 0 0 2px;
	padding: 0;	
	}

	/* Contact Details */

	/* --- Top Nav or Top Info --- */

#topnav {
	float:left;
	width:748px;
	height: 25px;
	background: url("../images/navbar_bg3.gif") no-repeat right top;
	margin-left: 1px;
	border-bottom: 1px solid #333;
	}

#topnavcontent ul {
	font: 11px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", sans-serif;
	margin:0;
	padding:0 0 0 152px;
	list-style:none;
	}
    
#topnavcontent li {    
	display:inline;
	margin:0;
	padding:0;
	}

#topnavcontent a {
	float:left;
	padding: 0 22px 0 21px;
	line-height: 25px;
	margin:0;
	text-align: center;
	text-decoration:none;
	color: #33c;
	}

#topnavcontent a:hover  {
	background: url(../images/tab_over.gif) repeat-x 50% 0px;
	color: #f2f0f0;
	text-decoration: none;
	}

#topnavcontent #current a {
	background: url(../images/tab_over.gif) repeat-x 50% 0px;
	color: #f2f0f0;
	text-decoration: none;
	cursor: default;
	}

	/* Main Section */
	
div#mainbody {
	margin: 0;
	left: 0;
	border: 0;
	width: 749px;
	}
	
	/* --- sidebar --- */

div#navbar	{	
	float: left;
	margin: 0;
	padding: 0;
	width: 152px;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	}

#sidenav {
	margin-left: 4px;
	}

html>body div#sidenav {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 3px;
	}

#sidenav ul {
	margin: 0; 
	padding: 0; 
	border: 0;
	}

#sidenav ul li {
	margin: 0;
	padding: 0;
	display: inline;
	line-height: 30px;
	}
	
#sidenav ul li a {
	height: 30px;
	margin: 0;
	padding: 0 0 0 8px; 
	color: #33c; 
	display: block; 
	font-size: 10px !important;
	text-decoration: none;
	border: none;
	background: url(../images/sidenav_bg2.gif) no-repeat 0 -60px;
	}

#sidenav ul li a:hover {
	background: url(../images/sidenav_bg2.gif) no-repeat 0 -30px; 
	}
	
#sidenav ul li a.active { /* Active Page for Side Nav */
	background: url('../images/sidenav_bg2.gif') no-repeat 0 0; 
	}

#sidenav li a.bot { /* Puts border on bottom of last nav */
	height: 32px;
	}
	
#sidenav li a.botActive { /* Active State for last nav */
	height: 32px;
	background: url('../images/sidenav_bg1.gif') no-repeat 0 0; 
	}

	/* --- main content area --- */

div#mainpage {
	float: left;
	width: 447px;
	}

div#pagecontent {
	padding: 0 10px 10px 10px;
	}
	
div#pagecontent p {
	color: #333;
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", sans-serif;
	font-size: 11px;
	margin: 0;
	line-height: 14px;
}

div#pagecontent h1 {
	color: #036;
	font-family: Times New Roman, Times, Century Schoolbook, serif;
	font-size: 14px;
	margin: 10px 0;
	border-bottom: 1px solid  #333;
}

div#pagecontent h2 {
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", sans-serif;
	margin: 8px 0 2px 0;
	font-size: 12px;
}

div#pagecontent ul {
	margin-top: -2px;
	}

div#pagecontent li {
	color: #333;
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", sans-serif;
	font-size: 11px;
	line-height: 14px;
	list-style-type: circle;
	}
	
	/* --- Rightbar --- */

div#rightbar {
	float: left;
	top: 100px;
	margin: 0;
	padding: 0;
	width: 150px;
	border: 0;
	}

div#rightbarcontent {
	padding: 0 10px 10px 10px;
	}
	
div#rightbarcontent p {
	color: #333;
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", sans-serif;
	font-size: 11px;
	margin: 5px 0 0 0;
	line-height: 16px;
	}

div#rightbarcontent h1 {
	color: #036;
	font-family: Times New Roman, Times, Century Schoolbook, serif;
	font-size: 14px;
	margin: 10px 0;
	border-bottom: 1px solid  #333;
	}

div#rightbarcontent h2 {
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", sans-serif;
	margin: 8px 0 2px 0;
	font-size: 12px;
	}

	/* --- footer area --- */

div#footwrapper {
	
	}

div#footer	{
	clear: both;
	background: url('../images/footer.gif') top center no-repeat;
	color: #fff;
	text-align: center;
	width: 760px;
	height: 50px;
	/* False margin value for all versions of IE Win, including 6.0 */	
	/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 1px;	
	}

html>body div#footer {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 0;
	} 
	
div#footer p	{
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", sans-serif;		
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	}
	
	/* bits and pieces */
	
img.right {
	float: right;
	padding: 0;
	margin: 5px 5px;
}