body {
	margin: 0px auto;
	padding: 0;
	font: 11px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	width: 760px;
	color: #000;
	text-align: center;
	background: #FFF url(..) repeat-x top left;
	line-height: 15px;
}
a, strong a {
	color:#0099ff;
	text-decoration:underline;
}
a:visited {
	color:#0099ff;
}
a:hover {
	text-decoration:none;
}
img a {
	border:none;
}

#container { 
	width: 760px;
	background: #000;
	margin: 0 auto;
	text-align: left;
	background: white;
	padding: 0;
} 

#headerHome { 
	background: #000; 
	margin:0;
	padding: 0px 0px 20px 0px;
	height: 150px;
	background: #FFF url(../images/header.gif) no-repeat top left;
} 

#header { 
	background: #000; 
	margin:0;
	padding: 0;
	height: 150px;
	background: #FFF url(../images/header.gif) no-repeat top left;
} 
#title { 
	background: #000; 
	padding: 0px 0px 0px 0px;
	height: 50px;
	background: #FFF;
} 
#title h1 {
	font: 20px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	color:#000000;
	margin: 0;
	padding: 20px 10px 10px 10px;
	text-align:center;
}

#mainarea {
	background: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 14px 14px;
	width: 470px;
	background: url(images/mainarea.gif) top center repeat-y;
	float:left;
} 

#mainarea h1 {
	font: 24px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	line-height: 28px;
	padding: 0px 0px 15px 0px;
	color:#142452;
	margin: 0px 0px 0px 0px;
}

#mainarea h2 {
	font: 14px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;	
	line-height: 18px;
	padding: 0px 0px 0px 0px;
	color:#142452;
	margin: 0px 0px 0px 0px;
}

#mainarea h3 {
	font: 13px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	padding: 0px 0px 0px 0px;
}

#mainarea img {
	margin: 5px;
	padding: 1px;
   	background: #000;
	border:none;
}

#mainarea img a {
	margin: 5px;
	padding: 1px;
   	background: #000;
	border:none;
}




#table {
	background: #000;
	margin: 40px 0 20px 50px;
	padding: 0px 40px 30px 0px;
	width: 485px;
	background: url(images/mainarea.gif) top center repeat-y;
} 

#table h1 {
	font: 20px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;	
	padding: 0px 0px 10px 0px;
}

#table h2 {
	font: 16px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	padding: 5px 0px 5px 0px;
}

#table h3 {
	font: 13px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	padding: 0px 0px 0px 0px;
}

#table img {
	margin: 30px 0px 0px 0px;
	padding: 1px;
   	background: white;
}

#table p {
	font: 11px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;	
	line-height: 13px;
   	color: #FFF;
}



#sidebar {
	margin: 0px 0px 0px 0px;
	padding: 0px 24px 0px 10px;
	float: right;
	width: 240px;
	background: #FFF;
	text-align: left;
}

#sidebar p {
	font: 11px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;	
	padding: 0px 0px 0px 0px;
	line-height: 16px;
   	color: #000;
	font-weight:normal;
}

#sidebar img {
	border: 0px;
	padding: 0px;
	background: #FFF;
}

#boxtext {
	background: #142452 url(../images/box_top.jpg) no-repeat left top;
	padding: 14px 10px 0px 10px;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 440px;
} 

#boxtext p span{
	font: 15px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	color: #FFF;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
} 

#boxtext p{
	font: 11px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	line-height: 16px;
	color: #FFF;
	font-weight: normal;
	padding: 0px 0px 12px 0px;
	margin: 0px;
}

#boxtextbase {
	background: #FFF url(../images/box_base.jpg) no-repeat left top;
	padding: 0px 10px 0px 10px;
	float: left;
	margin: 0px 0px 18px 0px;
	width: 440px;
	height: 8px;
} 

#boxtext1 {
	background: #ffff99;
	padding: 0px 10px 0px 10px;
	float: left;
	margin: 0px 0px 14px 0px;
	width: 475px;
} 

#boxtext1 p span{
	font: 15px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	color: #000;
	font-weight: bold;
	padding: 0px;
} 

#boxtext1 p{
	font: 11px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	line-height: 18px;
	color: #000;
	font-weight: bold;
	padding: 0px;
}

#gallery
{
  display: block;
  float: right;
  width: 130px;
  height: 40px;
  background: url("images/gallery_btn.gif") no-repeat 0 0;
}

#gallery:hover
{ 
  background-position: 0 -40px;
}

#gallery span
{
  display: none;
  visibility: hidden;
}

#staff
{
  display: block;
  float: right;
  width: 130px;
  height: 40px;
  background: url("images/staff_btn.gif") no-repeat 0 0;
}

#staff:hover
{ 
  background-position: 0 -40px;
}

#staff span
{
  display: none;
  visibility: hidden;
}

.previous {display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; width:127px; height:127px; background:url(../images/previous-button.png) top left no-repeat;}
.previous:hover {background:url(../images/previous-button-over.png) top left no-repeat;}
.back {display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; width:127px; height:127px; background:url(../images/back.png) top left no-repeat;}
.back:hover {background:url(../images/back-over.png) top left no-repeat;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footer { 
	background: #FFF; 
	padding: 14px 0px 20px 0px;
	margin: 0 auto;
	border-top: 1px solid #333;
	font-size:10px;
	color:#333;
} 

#footer a { 
	text-decoration: underline;
	color:#333;
} 
#footer a:hover { 
	text-decoration: none;
	color:#333;
} 
