* {
margin:0;
padding:0
} 

body
{
margin:0px;
background:#DADEE7 url(bg_new.jpg) repeat-x;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Arial, Verdana sans-serif;
}

#wrapper
{
margin:0px auto;
width:100%;
height:100%;
min-height:100%;
}

#slideshow1{
	height:250px;
	width:800px;
	margin:0 auto;
}

.carousel{width:800px;height:200px;margin:0 auto;}

.carousel li{margin:0 40px 0 40px;}

#scrollgallery{width:800px;height:150px;margin:0 auto;}

h1, h2, h3 {
	font-family: Georgia, Sans-Serif, Verdana ;
	font-weight: normal;
	}

h1 {
    background:url(h1_bg.png) repeat-x;
	font-size: 4em;
	text-align: left;
	width:800px;
	}
	
	
h2 {
	font-size: 2.2em;
	clear:both;
	text-decoration:underline;
	}	


ul{margin-left:25px;list-style: none;}
#mainbodycontent ul li 
{
background: url(../images/tick.gif) no-repeat;
padding-left:24px;
}

#mainbodycontent ul li.sublist
{
background:none;
list-style:disc;
padding-left:4px;
}

a{text-decoration:underline;color:#20205B;}
a:link{text-decoration:underline;color:#20205B;}
a:visited{color:#20205B;}
a:hover{text-decoration:underline;}
a:active{color:#20205B;}

#headercontainer
{
height:90px;
min-width:960px;
}

#headercontent
{
height:80px;
width:960px;
margin:0 auto;
}


#headerleft
{
width:50%;
float:left;
}

p.logo
{
width:760px;
margin:0 auto;
padding-top:10px;
}

/*positioning and styling of text (and google map for contact page) for all pages except index page*/ 
#googlemap{position:absolute;top:157px;left:577px;}
#nonindexintro{position:absolute;top:150px; left:190px; width:350px;color:#fff;font-size:1.5em;}
#nonindexintro p{line-height:1.4em;padding:10px 5px 5px 5px;}
/*END*/

#mainbodycontainer{
min-height:20em;
height:auto !important;
height:20em;
}

#mainbodycontent
{
min-height:20em;
height:auto !important;
height:20em;
margin:10px auto 0 auto;
width:800px;
font-size:1.4em;
}

#indexbodycontent
{
min-height:20em;
height:auto !important;
height:20em;
margin:0 auto;
width:960px;
background:#fff url(../images/index_background.jpg);
}

#mainleftbody
{
float:left;
width:360px;
min-height:20em;
height:auto;
clear:left;
text-align:left;
}

#mainleftbody p
{
padding:10px 5px 5px 5px;
}

h3.title
{
height:1.5em;
background: url(../images/rounded_bar.png);
text-align:center;
color:#fff;
line-height:50px;
margin:0 auto;
width:960px;
}


#mainmainbody
{
min-height:20em;
height:auto !important;
height:20em;
}

#mainmainbody p, #mainmainbody_alt p
{
padding:10px 105px 5px 15px;
line-height:1.4em;
text-align:left;
font-size:1.2em;
}


#mainbodycontent #rightmainbody
{
position: relative;
float:right;
width:360px;
min-height:20em;
height:auto !important;
height:20em;
text-align:left;
}

#rightmainbody p
{
padding:10px 5px 5px 5px;

}

/*Holly hack http://www.positioniseverything.net/explorer/threepxtest.html*/
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #rightmainbody {
  /*width:757px;*/
  width:357px;
  /*border-left:2px solid black;*/
  }
 
* html #rightmainbody p {
  height: 1%;
  margin-left: 0;
  padding:10px 5px 5px 5px;
  }
 
/* End hide from IE5/mac */

#rightmainbody p.floatright{float:right;}
p.floatleft{float:left;}
p.floatright{float:right;}

#footercontainer
{
width:800px;
height:3em;
min-height:3em;
margin:0 auto;
}

#footercontainer p.left
{
float:left;
font-size:60%;
color:#fff;
text-align:center;
margin-left:10px;
}

#footercontainer p.right
{

float:right;
font-size:60%;
color:#fff;
text-align:center;
margin-right:10px;
}

#footercontainer p a img {border:none;}  


.clear{clear:all;}

/*tabbed navigation*/
#headertabnav
{
text-align:center;
color:#fff;
line-height:20px;
margin:0 auto;
width:800px;
height:40px;
font-size:1.2em;
}


#headertabnav ul {
  margin:0;
  padding:10px 10px 0 0;
  list-style:none;
  }
#headertabnav li {
  float:left;
  background:url("left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#headertabnav a {
  float:left;
  display:block;
  background:url("right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#headertabnav a {float:none;}
/* End IE5-Mac hack */
#headertabnav a:hover {
  color:#CFEEFF;
  }
#headertabnav #current {
  background-image:url("left_on.gif");
  }
#headertabnav #current a {
  background-image:url("right_on.gif");
  color:#fff;
  font-weight:bold;
  padding-bottom:5px;
  }
