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

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

#header { 
	background: #000; 
	padding: 195px 0px 0px 0px;
	height: 136px;
	background: #FFF url(../images/header.jpg) no-repeat top left;
} 
#header h1 {
	margin: 0;
	padding: 10px 10px;
	visibility: hidden;
}


.special {
	margin: 15px 0px 0px 0px;
	padding: 20px 20px 0px 20px;
	font: 14px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	font-weight: bold;
	width: 420px;
	color: #FFF;
	text-align: center;
	background: #e10000;
	line-height: 18px;
}
.special-small {
	margin: 0px auto;
	padding: 5px 20px 20px 20px;
	font: 10px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	font-weight: bold;
	width: 420px;
	color: #FFF;
	text-align: center;
	background: #e10000;
	line-height: 12px;
}

.chromestyle{
	width:760px;
	margin:0;
	padding:0;
	position:relative;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
background: #142553;
width: 760px;
padding:6px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #fff;
padding:6px 7px 6px 10px;
margin:0 15px;
font-size:13px;
text-decoration: none; text-transform: uppercase; letter-spacing:2px;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background:#27aced; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
width: 200px;
position:absolute;
background-color: #27aced;
top: 0;
z-index:100;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
border-bottom: 1px solid #fff; /*THEME CHANGE HERE*/
padding: 8px 10px;
text-decoration: none;
font-size:13px;
line-height:18px;
font-weight: bold;
color: #fff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #142553;
}






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

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

#mainarea h2 {
	margin:0;
	padding-bottom:15px;
	font: 16px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	font-weight:bold;
	line-height: 22px;
	color:#142452;
}

#mainarea h2 span {
	margin: 0;
	padding: 0;
	font: 20px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	font-weight:bold;
	line-height: 30px;
	color:#fff;
}

#mainarea h3 {
	margin: 0;
	padding-bottom:15px;
	font: 14px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	line-height: 20px;
	font-weight:bold;
	color:#142452;
}

#mainarea p {margin:0 0 15px 0;
	padding: 0;
}

#mainarea img {
	margin: 0;
	padding: 0;
   	background: white;
}

#mainarea img a {
	margin: 0;
	padding: 0;
   	background: white;
}




#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: 20px 0 0 0;
	padding: 0 0 0 10px;
	float: right;
	width: 240px;
	background: #FFF;
	text-align: left;
}

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

p.facebook {margin:20px 0 0 0;}

#sidebar span{
	font: 11px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;	
	line-height: 13px;
   	color: #0099FF;
}

#sidebar img {
	padding: 0px;
}

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

#boxtext h3 {
	font: 20px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	font-weight:bold;
	line-height: 30px;
	color:#fff;
}

#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{
	margin: 0;
	padding:0 0 12px 0;
	font: 12px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	font-weight: bold;
	line-height: 20px;
	color: #FFF;
}

#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;
}



.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 #142452;
	font-size:10px;
	color:#142452;
} 

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


.linky {
	font: 9px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	font-weight:normal;
	line-height: 20px;
	color:#666;
	padding: 0px;
	text-align:center;
}

.shoutbox a {display:block; padding:20px; background:#142452; font-size:16px; font-weight:bold; line-height:24px; color:#fff;}


/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }