
* {
	margin:0;
	padding:0;
	}
 html 
 {
	 background:#6a6a5a;
	 min-height: 100%;
	 }

body {
	
	padding:15px;
	color:#000;
	font:normal 90%/1.4  "Trebuchet MS", arial,sans-serif;



	}
img {border: 0 none;}

#container {
	margin:0 auto;
	xmax-width:80em;/*disabled*/
	width: 100%;/*fixes the gap with max-width in IE6*/
	background: #e0dcc5;
	border: 1px solid #700;
	border-bottom:2px solid #000;
	position:relative;
	}

#header {
	background:#fff;/*looks better on wider screens*/
	Background-image: url(header4.jpg);
	background-repeat:no-repeat;
	background-position: center center;	
	height:140px;
	padding-top: 2em;
	}
	
		
#nav 
{
	height: 22px;
   xmax-width: 80em;/*disabled*/
   width: 100%;
   font-family: 'trebuchet ms', arial,sans-serif;
   font-size: 1.1em;
   font-weight: bold;
   background-color: #fff;
   padding-top: 6px;
   margin-top: -4px;
   xborder-top: 1px solid #700;/*disabled*/
   border-bottom: 1px solid #700;
   text-align: center;
}
 
#nav ul
{
	margin: 0px;
	padding: 0;
	color: #000;
	line-height: 17px;
}
	 
#nav  li
 {
	 list-style-type: none;
	 display: inline;
	 border-right: 1px  solid #950;
	 padding: 0 15px;
	  }
	
#nav  li a
{ 
	text-decoration: none;
    padding: 1px 2px;
    color: #036;  
}
#nav  li a:hover
{
	color: #abb;
	background-color: #fff;
}
#nav li a:visited
{
	color:#abb;
	background-color: #fff;
}

#content
{
	width: 100%;
	xbackground: #fff;
	
}
		
#main {

	xwidth:69%;/*disabled*/
	width: 59%;/*looks better at lower screen resolutions*/
	margin:1em 0 0 0;
	overflow:hidden;
	color: #000;
	float: right;
	padding: 1em;
	position: relative; /*to see if this works in ie6*/
	
}

#main  h2 {
	font-size: 1.2em;
	background: transparent;
	color: #700;
	text-align: left;
	margin-top: -2px;
	padding: 5px;
	font-weight: bold;
}
#main ul {padding: 10px 0 10px 40px;}
.contactus #main h2 {font-weight: bold;}
.facilities #main h2 {font-weight: bold;}


#main h3 {
	font-size: 1em;
	background: #ab9;
	color: #700;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	margin-bottom: 10px;
}
#main p {padding: 20px;}
#main a {color: #700; font-weight: bold;}
#main a:hover {color: #fff; background: #700;font-weight: bold;}

	

#sidebar {
	font-size:0.94em;
	line-height:1.3em;
	float: left;
	width:23%;
	margin:1em 0 0 0;
	padding: 1em;
	color: #000;
	position: relative;/*to see if this works in ie6*/

	}
	
#sidebar img 
{
	width: 100%; 
	xheight: auto;
	margin-bottom: 1em;
	
	}
#index #sidebar img {margin-bottom: 5em;}

#sidebar p {
	padding: 5px;
	text-align: left;
	font-weight:bold;
}
#footer {
	clear:both;
	max-width: 100%;
	background:#700;
	padding:0.5em 0;
	text-align:right;
	font-size:0.94em;
	color: #000;
}

#footer a { font-weight:bold;color:#fff; text-decoration: none;}
#footer a:hover { background:#ddc;color:#700; }

