* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    /*line-height: 100%;*/
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #000;
    background: #d2dee3;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
/*h1{
	font-size:14px;
	text-transform:uppercase;
}*/
a img { border: 0; }
a { color: #134a61; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

.shell { margin: 0 auto; width:968px; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }

.logo {
	position:absolute;
	top:-13px;
	left:33px;
	width:298px;
	height:177px;
	z-index:2000;
	background:url(../blue/logo.png) no-repeat top right;
}
/*#logo table{
	position:absolute;
	top:0px;
	left:0px;
	width:298px;
	height:177px;
	z-index:2000;
	color: #000;
}

#logo p {
	display:block;
	background:url(../blue/logo.png);	
	height:177px;
	color: #000;
}

#custom {
	position:absolute;
	top:-13px;
	left:33px;
	width:298px;
	height:177px;
	z-index:2000;
}
#custom table{
	position:absolute;
	top:0px;
	left:0px;
	width:298px;
	height:177px;
	z-index:2000;
	color: #000;
}
#custom p {
	display:block;
	background:url(../blue/logo.png);
	height:177px;
	color:  #000;
}
*/
.name 
{
	color:#134a61;
	font-family:Garamond, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.0em;
} 
#navigation .shell { position:relative; width:950px; z-index:200;} 
#navigation{
	background:#0c6386 url(../blue/navigation.gif) repeat-y center 0;
	/*background-color: #3F687F;*/
	padding:13px 0 11px 0;
}
/*#navigation ul{
	list-style-type:none;
	float:right;
	padding-right:138px;
}
#navigation li{ display:inline; padding-left:35px; }
#navigation li a{
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	line-height:10px;
	
}
#navigation li a:hover { color:#fff; text-decoration: none; }
*/
#content{
	background:url(../blue/content.gif) repeat-y 0 0;
	padding:0 0 0 7px;
	height:100%;
	overflow:hidden;
	position:relative;
}
.main{
	float:left;
	display:inline;
	width:720px;
	
	padding-bottom:33px;
}
.featured{
	min-height:201px;
	position:relative;
	padding-top:141px;

}
.box{
	/*background:url(../brown/box.png) repeat 0 0;*/
	background-color: #0c6386;
	width:240px;
	padding-bottom:15px;
	padding: 0 10px 0 10px;
	margin-left:53px;
	min-height:186px;
	color: #d2dee3;
}
.box h1{
	/*background:url(../brown/box-h1.png) repeat 0 0;*/
	font-size:14px;
	text-transform:uppercase;
	background-color: #134a61;
	color:#fff;
	padding:10px 0 10px 15px;
	width:225px;
	/*line-height:16px;*/
}
.box p{
	padding:8px 10px 8px 15px;
	color:#271803;
	font-size:11px;
	/*line-height:17px;*/
}
.box p span{
	font-style:italic;
}
.box a{
	color:#fff;
	font-weight:bold;
	display:block;
	text-align:right;
	font-size:11px;
	padding-right:11px;
}
.main .whole{
	width:650px;
	padding:29px 0 0 31px;
}


.main .left {
	width:374px;
	padding:29px 0 0 31px;
}
.main .left h1{
	color:#0c6386;
	margin-bottom:6px;
}
.main .left p{
	padding-bottom:19px;
	color:#000;
	/*line-height:14px;*/
}
.main .right{
	width:281px;
	padding:22px 0 0 0 ;
	background:url(../blue/news.jpg) no-repeat 0 0;
	padding-left:4px;
}
p.sb{
	background:url(../blue/border.gif) repeat-y 18px 0;
	padding-left:31px;
	padding-bottom:0;
	margin-bottom:19px;
	/*line-height:17px;*/
}
.right h1{
	font-size:16px;
	text-transform:uppercase;
	color: #ffffff;
	/*color:#D3DFF2;*/
	background:#0c6386;
	padding:17px 0 10px 15px;
}
.news{
	padding:12px 22px 10px 15px;
}
.article{
	background:url(../blue/article.gif) no-repeat 0 bottom;
	padding-bottom:9px;
	margin-bottom:10px;
	color:#110701;
	line-height:14px;
	
}
.article h2{ font-size:11px; }
.article h2 a{ color:#110701; }
.article h2 a:hover{ color:#666; text-decoration: none; }
#footer{
	background:url(../blue/footer.gif) repeat-y 0 0;
	color:#d2dee3;
	padding:0 0 5px 18px;
	line-height:14px;
	position:absolute;
	bottom:0;
	left:0;
	width:702px;
	margin-left:7px;
}
#footer a{
	color:#130801;
}
#footer span{
	padding:0 4px;
}
.sidebar{
	float:right;
	display:inline;
	width:241px;
	padding-top:47px;
}
.hours{
	padding:0 40px;
	color:#fff;
}

.hours p{
	color:#fff;
	padding-bottom:14px;
	padding-left:10px;
}

.hours p span{
	font-weight:bold;
}
.search{
	background:url(../blue/form.gif) repeat-y 0 0;
	padding:27px 23px 21px 26px;
	text-align:right;
	margin-top:26px;
}
.search input,
.search select{
	width:184px;
	border:1px solid #839951;
	background:#ebebeb;
	margin-top:6px;
	text-align:left;
}
.search select{
	width:186px;
}
.search span{
	width:180px;
	display:block;
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	padding-left:5px;
}
.search input.submit{
	background:url(../blue/submit.gif);
	width:30px;
	height:31px;
	font-size:0;
	line-height:0;
	text-indent:-4000px;
	border:0;
	cursor:pointer;
}
.banners{
	padding:41px 37px 10px 47px;
}
.banners img{
	margin-bottom:8px;
}


/*chrome style menu */
.me{
width: 99%;


}

.me:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.me ul{
border: none;
width: 100%;
/*background: url(chromebg.gif) center center repeat-x; THEME CHANGE HERE*/
padding: 4px 0 0 0;
margin: 0;
text-align: right; /*set value to "left", "center", or "right"*/

	
}

.me ul li{
display: inline;
padding: 0;
margin: 0;
text-align: left;
}

.me ul li a{
margin-left: -5px;
text-decoration: none;

padding: 4px 20px 10px 20px;
text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	line-height:10px;
}

.me ul li a:hover, .me ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
/*background: url(chromebg-over.gif) center center repeat-x; THEME CHANGE HERE*/
background-image:url('../black/Selected_Transition.gif'); 
}

/* ######### Style for Drop Down Menu ######### */

.dropdiv{
position:fixed;
margin-left: 0px;
margin-top: -1px;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
text-align: left;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.me img
{
	border: none;
}

.dropdiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropdiv a{ /*IE only hack*/
width: 100%;
}

.dropdiv a:hover{ /*THEME CHANGE HERE*/
background-color: #e2ecf0;
}

h1 {
font-size: 32px;
color: #0c6386;
font-weight: bold;
margin-top: 0px;
margin-bottom: 2px;
}
h2 {
font-size: 28px;
color: #0c6386;
font-weight: bold;
margin-top: 0px;
margin-bottom: 2px;
} 
h3 {
font-size: 24px;
color: #0c6386;
font-weight: bold;
margin-top: 0px;
margin-bottom: 2px;
}
h4 {
font-size: 20px;
color: #0c6386;
font-weight: bold;
margin-top: 2px;
margin-bottom: 2px;
} 
h5 {
font-size: 16px;
color: #0c6386;
font-weight: bold;
margin-top: 0px;
margin-bottom: 2px;
}
h6 {
font-size: 12px;
color: #0c6386;
font-weight: bold;
margin-top: 0px;
margin-bottom: 2px;
} 

