/************Basic Tag Styles *****************/

body {
	background: #152B43 url(../img/main/bkgd_body.jpg) fixed center top;
	margin: 0;
	padding: 0;
	font: normal 62.5%/140% Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

a:link{color: #AB0313; 	text-decoration: underline;}
a:visited{color: #AB0313; 	text-decoration: underline;}
a:active{color: #AB0313; text-decoration: underline;}
a:hover{color: #657383;	text-decoration: underline;}
	
h1 { font-size: 1.3em; color: #AB0313;padding-bottom: 5px; }
h2{ font-size: 1.3em; color: #AB0313;padding-bottom: 5px; }
h3{ font-size: 1.2em; color: #152B43; padding-bottom: 5px; }
h4{ font-size: 1.2em; color: #AB0313; padding-bottom: 5px; }
h5 { font-size: 1.1em; color: #152B43; padding-bottom: 5px; }
h6 { font-size: 1.1em; color: #AB0313; padding-bottom: 5px; }

.accent-red {color: #AB0313;}
.accent-blue {color: #152B43;}
.subhead-red {color: #AB0313; font-size: 1.1em; font-weight: bold;}
.subhead-blue {color: #152B43; font-size: 1.1em; font-weight: bold;}
.subtitle {color: #AB0313; font-size: 1em; font-weight: bold; line-height:normal;} 

.cutline {
 font-size: 10px;
 padding-top: 3px;
 font-style:italic;
 line-height: normal;
 text-align:left;
 color: #333333;}

blockquote {margin: 0 15px;}

/******** Hacks Styles *********/

.clear {
	clear:both; }

#topbkgd, #wtopbkgd, #top, #wtop, #bottom, #wbottom, #middle, #wmiddle, #burgee { behavior: url(/iepngfix.htc); }


* {padding: 0; margin: 0;}


/************Transparent Styles *****************/

#topbkgd {
	height:91px;
	background: url(../img/main/bkgdinside_top2.png) no-repeat;
	padding: 20px 20px 0px 20px;}

#burgee {
	background: url(../img/dsc_burgee.png) no-repeat;
	position:absolute;
	width: 189px;
	height:136px;
	left: -40px;
	top: -21px;
	z-index: 10000;}

/************ Major Container Styles *****************/

#container {
	width: 900px;
	margin: 40px auto;
	padding-bottom: 10px;
	position:relative;}

#top {
	background:url(../img/main/bkgdinside_top.png) no-repeat;
	width:860px;
	height:91px;}

#middle {
	background-image:url(../img/main/bkgd_middle.png);
	width: 900px;
	float:left;
	margin:0;
	padding: 0;}
	* html #middle {
	background-image:url(../img/main/bkgd_middlelong.png);}

#middle .inside{
	/*background-color: #FFFFFF!important;*/
	background-image:url(../img/main/bkgd_middleinside.png);
	width: 860px;
	float:left;
	margin: 0 20px;}
* html #middle .inside  { float: none; }

body#home #main {background-image: url(../img/main/bkgd_.vlinepng.png);}

#main {float: left; width:820px; padding: 0px 20px; background-image: url(../img/main/bkgd_.vlinepngflip.png);}

	
#bottom {
	background:url(../img/main/bkgd_bottom.png) no-repeat;
	width: 900px;
	height: 48px;}

/************ Top: Logo *****************/

#top h1 {display: none;}

#top .logo {
	width: 208px;
	height: 66px;
	margin-left: 70px;
	background:url(../img/logo_dsc.png);
	float:left;}
* html #top .logo  { margin-left: 35px; padding-left: 0px; }

/************ Top: Top Navigation *****************/

#top .topnav {
	float:left;
	text-align: right;
	font-weight: bold;
	padding-top: 10px;
	width: 430px;
	margin-right: 8px;}

#top .topnav li {
	display: inline;
	padding-right: 4px;
	line-height: 20px;
	vertical-align:top;}
	
#top .topnav .bullet {
	width: 13px;
	height: 12px;
	margin: 0px;
	display: inline;
	padding: 0px 4px 0px 0px;}

#top .topnav a, #top .topnav a:link, #top .topnav a:active, #top .topnav a:visited {
	color: #AB0313;
	text-decoration: none;
	text-transform: lowercase;}
	
#top .topnav a:hover {
	color: #333333;
	text-transform: lowercase;}
	
#top .search a, #top .search a:link, #top .search a:active, #top .search a:visited { text-transform:uppercase; font-weight: bold; text-decoration: underline!important;}

#top .search input {
	width: 85px;
	height: 12px;
	margin: 12px 0 0 5px;
	font-size: 1em;}

.searchBox { margin-left: 12px;}
.search input#plc_lt_zoneSearch_SearchBox_btnSearch {text-transform:uppercase;background:none;cursor:hand!important; font-size:11px;text-decoration:underline!important;border:none;color: #AB0313; width:24px!important;padding:0;font-weight:bold!important;margin:0; }

#plc_lt_zoneSearch_SearchBox_btnSearch {text-transform:uppercase;background:none;cursor:hand!important; font-size:11px;text-decoration:underline!important;border:none;color: #AB0313; width:24px!important;padding:0;font-weight:bold!important;margin:0!important; }

#plc_lt_zoneSearch_SearchBox_btnSearch:hover{cursor:hand!important; color: #657383!important;}
 .search a.searchBox #plc_lt_zoneSearch_SearchBox_btnSearch, .search a:link.searchBox #plc_lt_zoneSearch_SearchBox_btnSearch, .search a:active.searchBox #plc_lt_zoneSearch_SearchBox_btnSearch, .search a:visited.searchBox #plc_lt_zoneSearch_SearchBox_btnSearch { 
  float: left; 
  color: #AB0313;
  padding: 0px;
  width: 24px; 
  font-weight:bold!important;
  text-decoration: underline!important;
  margin-top:0;
cursor:hand!important;
  }
  
 .search a:hover.searchBox{ color: #657383; font-weight:bold;text-decoration:underline; cursor:hand!important;}


/************ Top: Major Navigation *****************/

.majornav {
	width:820px;
	height:21px;
	margin: 4px 20px 0px;
	margin-bottom: 0px;
	z-index: 40000!important;
	top: 86px;
	left: 20px;
	position: absolute;
	background:url(../img/nav/nav_bkgd2.jpg) no-repeat; }

/************ Middle: Billboard Image *****************/

#middle #billboard {
	padding: 0 20px;}

#middle #billboard img{
	height: 285px;
	width: 820px;}


/************ Middle: Index Left Styles Column *****************/

body#home #leftcol {width: 571px; margin: 0;}

body#home #leftcol P {padding: 8px 0px 0px;}
	
body#home #leftcol .message {
	width: 541px;
	padding: 0px;
	float:left;
	margin: 15px 15px 25px;}
* html body#home #leftcol .message  { margin: 15px 8px; }

body#home #leftcol #promos {background-image: url(../img/main/bkgd_promocol2.png); float:left; width: 561px;}	

body#home #leftcol #promos .promocol {
	width:187px;
	float:left;
	margin: 0px;
	background-image: url(../img/main/bkgd_promocol2.png); }
	
body#home #leftcol #promos .promocol .promotab {
	background-image: url(../img/main/bkgd_promotab.png);
	width:187px;
	height:21px;}
	
body#home .promotab H3 {
	color:#FFFFFF;
	font-weight: bold;
	font-size: 1.1em;
	text-align:center;
	padding-top:3px;}
	
body#home #leftcol #promos .promocol .content {
	padding: 10px 15px;}

body#home #leftcol #promos .promocol .content img {
	padding: 0px 0px 5px; width:157px; height:75px; text-align:center;}

body#home #leftcol .promobottom {
	background-image: url(../img/main/bkgd_promobottom2.png);
	width:561px;
	height:15px;
	float:left;}
	
#main H2  {
	font-weight: bold;
	font-size: 1.2em;
	color: #AB0313;
padding:0 0 15px 0;}
	
/************ Middle: Left Column *****************/	
	
#leftcol {
	width: 185px;
	float:left;
	margin: 20px 15px 0px;}
	
* html #leftcol {margin: 20px 10px 0px;}

#leftcol ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px;}

#leftcol li {
	font-size:1.1em;
	line-height: 1.4em;
	text-transform: none;
	margin-left: 5px;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 8px;
	background: url(../img/bullet-arrow.png) no-repeat 0.8em 0.2em;
	color: #475464;
}

#leftcol li ul li {
	font-size:1em;
	line-height: 1.2em;
	text-transform: none;
	margin: 0px;
	padding-left: 25px;
	padding-top: 8px;
	padding-bottom: 0px;
	background: url(../img/bullet-arrow.png) no-repeat 0.8em 0.8em;
	color: #333333;
}

#leftcol li a:link, 
#leftcol li a:active, 
#leftcol li a:focus, 
#leftcol li a:visited {color:#475464;text-decoration: none; }
#leftcol li a:hover {color: #AB0313; text-decoration: none;}

#leftcol li ul li a:link, 
#leftcol li ul li a:active, 
#leftcol li ul li a:focus, 
#leftcol li ul li a:visited {color:#000000;text-decoration: none; }
#leftcol li ul li a:hover { color: #AB0313; text-decoration: none;}


/************ Middle: Middle Column *****************/
	
#middlecol {
	background-image: url(../img/main/middlecol_dottedline.png);
	width:10px;
	height:25px;
	padding: 0;
	margin:0;
	float:left;}
	
body#home #middlecol {
	background-image: url(../img/main/middlecol_dottedline.png);}



/************ Middle: Index Right Column *****************/


body#home #rightcol {
	width: 209px;
	margin: 20px 15px 0px;}

* html body#home #rightcol  { 
	margin-left: 15px; margin-right: 0px; }
	
body#home #rightcol .events {float: left; }

body#home #rightcol H3 {
	font-weight: bold;
	font-size: 1.2em;
	display:block;
	border-bottom: 1px solid #333333;
	color: #152B43;
	margin-bottom: 15px;}
body#home #rightcol .events .icon {float: left; width:40px; height:63px;}
body#home #rightcol .events .icon img {padding: 0; margin: 0; }
body#home #rightcol .events .content {float: left; width: 159px; padding-left: 10px; line-height:normal;}
body#home #rightcol img { padding-top: 20px; margin-top: 0;}

/************ Middle: Right Column *****************/
#rightcol {
	width: 571px; 
	float:left;}

#rightcol p  {
	padding: 8px 0 0;}

#rightcol #content {
font-size: 1.1em;
line-height: 1.6em;	
width: 541px;
	padding: 0px;
	float:left;
	margin: 15px 15px 25px;}

* html #rightcol #content  {
	margin: 15px 8px;}

#rightcol ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px;}

#rightcol li {
	line-height: 1.4em;
	text-transform: none;
	margin-left: -5px;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 8px;
	background: url(../img/bullet-square.png) no-repeat 0.8em 0.3em;
	color: #475464;
}

#content ol li {
	background: none;
	margin-left: 35px;
	padding: 5px;
}


/************ Middle: Fleet Styles *****************/
#fleet {}
.fleetlogo {width: 85px; float:left; padding: 10px 0px;}
.fleetinfo, .eventinfo {padding: 0 0 20px; color: #AB0313; }
#fleet .text {float: left; width: 456px; padding: 0 0 10px;}
.break {height: 5px; width: 456px; float:right; background: url(../img/dottedline_h.jpg) repeat-x; padding: 10px 0 0;}
.fleetlinks{width: 240px; float:right; padding: 10px 0px 0;}
.fleetphotos {width: 216px; float:right;}
.fleetphotos img {width: 188px; float:left; padding: 6px; background-color: #DADEE4;}

#events .duty {width: 48%; height:100%; float: left;}
#events .text {float: none; padding: 0 0 10px;}
#events .break {width: 100%; float:none;}


/************ Tabular Data Styles *****************/

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/

#content table {width: 98%; margin-top: 10px;}
#content table, #content table td, #content table th {
	border: 1px solid #999;
	border-collapse: collapse;
}

#content table th {
	text-align: left; 
	font-weight: bold; 
	font-size: 1.1em; 
	background-color: #475464; 
	color:#FFFFFF;
}

#content table th {padding: 1px 3px;}
#content table td{
	text-decoration: none; 
 	color: #475464;
	font-size: 1em;
	padding: 3px;
}
#content table th a:link, #content table th a:visited, #content table th a:hover, #content table th a:active  {
  	text-decoration: none; 
 	color: #FFFFFF;
}

/* altRowEven & altRowOdd are used to style alternating table rows. */
#content .altRowEven {
	background-color: #FFFFFF;
}
#content .altRowOdd{
	background-color: #EBEDF1;
}

/************ Table No-Border Styles *****************/
#noborder table,  #noborder table td, #noborder table tbody {border: none;}
#noborder table th {background-color: #fff; border: none;}


/************ Search Table Styles *****************/
#search table,  #search table td {border: 0px solid #999;}
#search table th {background-color: #fff; border: 0;}
.searchlist {
	background-image: url(../img/bullet-square.png);
	background-repeat: no-repeat;
	background-position: right center;}
	
/************ Calendar Table Styles *****************/
#calendar table,  #calendar table td {border: 0px solid #999;}


.footer {width: 900px; margin: 0 auto; color:#FFF; padding: 10px 0 0 25px;}
.footer a:link{color: #FFF; 	text-decoration: underline;}
.footer a:visited{color: #FFF; 	text-decoration: underline;}
.footer a:active{color: #FFF; text-decoration: underline;}
.footer a:hover{color: #EBEDF1;	text-decoration: underline;}

/************ Weather: Index Page Only *****************/


#wtopbkgd {
	height:20px;
	background: url(../img/main/bkgdinside_top2.png) no-repeat;
	padding: 20px 20px 0px 20px;
	margin-top: 25px;}

#wtop {
	background:url(../img/main/bkgdinside_top.png) no-repeat;
	width:860px;
	height:20px;}
	
#wmiddle {
	background-image:url(../img/main/bkgd_middle.png);
	width: 900px;
	float:left;
	margin:0;
	padding: 0;}

#wmiddle .inside{
	background-color: #FFFFFF!important;
	width: 820px;
	float:left;
	margin: 0 20px;
	padding: 0 20px;}
* html #wmiddle .inside  { float: none; }

#wmiddle .inside H2 {Display: none;}
#wmiddle .inside H4 {font-weight: normal; text-align:right; padding-bottom: 10px; font-size: 1em;}

#wbottom {
	background:url(../img/main/bkgd_bottom.png) no-repeat;
	width: 900px;
	height: 48px;}
	
/* Gallery */
		#gallery a img, 
		#gallery a:link img, 
		#gallery a:active img, 
		#gallery a:visited img { width: 11em;padding: 4px; border: 1px solid #cccccc; margin: 4px;}
		#gallery a:hover img {padding: 4px; border: 1px solid #333333; margin: 4px; }
		#gallery .row { float: left; clear: both; }
		#gallery .photo { float: left; width: 152px; height: 100px;}
		#gallery p { line-height: 1.2em; padding-left: 4px; }
#gallery-list { margin-bottom: 20px; padding-bottom: 20px;}

#gallery-list .row { border-bottom: 1px solid #E3CB94; padding-bottom: 10px; }
		#gallery-list a img, 
		#gallery-list a:link img, 
		#gallery-list a:active img, 
		#gallery-list a:visited img { width: 120px;  height: 90px; padding: 4px; border: 1px solid #E3CB94; margin: 0px;}
		#gallery-list a:hover img {padding: 4px; border: 1px solid #333333; }
		#gallery-list .row { width: 100%; float: left; clear: both; }
		#gallery-list .photo { float: left; width: 52px; margin: 20px 60px 0 0; text-align: center;}
			* html #gallery-list .photo { margin-right: 58px;}
			
			#gallery-list .photo-last { float: left;margin: 20px 0px 0 0;}
			* html #gallery-list .photo-last { margin-right: 0px;}

		#gallery-list p { line-height: 1.2em; padding-left: 4px; }

/* */

/*** Calendar ***/

/* **************************************************************** */
/* Calendar Format - srsCMSCalendar_detail.cfm */
.day {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	background-color: #FFFFFF;
}

.day-active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	background-color: #E8E1C1;
}

a.day-active:link { color: #000000; text-decoration: none }
a.day-active:active { color: #000000; text-decoration: none }
a.day-active:visited { color: #000000; text-decoration: none }
a.day-active:hover { color: #000000; text-decoration: none }

.day-current {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color:#FFFFFF;
	background-color: #31659C;
}

.day-empty {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	background-color: #FFFFFF;
}

.month {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#31659C;	
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color:#FFFFFF;
}

a.month:link { color: #FFFFFF; text-decoration: none }
a.month:active { color: #FFFFFF; text-decoration: none }
a.month:visited { color: #FFFFFF; text-decoration: none }
a.month:hover { color: #FFFFFF; text-decoration: none }

/* End of Calendar Format */
/* **************************************************************** */

/* **************************************************************** */
/* Upcoming Events */
.event-date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;

}
.event-name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	background-color: #FFFFFF;
}

.upcoming-events {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#B5C2B4;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}

.upcoming-events-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	background-color:#31659C;
	color:#FFFFFF;
}

/* End of Upcoming Events */
/* **************************************************************** */

/* **************************************************************** */
/* Advaced Search Variables */

.prev-current-next {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #996600;
}

a.prev_current_next:link { color: #996600; text-decoration: none }
a.prev_current_next:active { color: #996600; text-decoration: none }
a.prev_current_next:visited { color: #996600; text-decoration: none }
a.prev_current_next:hover { color: #996600; text-decoration: none }

.search-items {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}

.search-name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#B5C2B4;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
}

/*#Events#*/

.EventCalendar
{
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #999!important;
}

.EventCalendar *
{
	padding: 0px;
}
.EventCalendar .Title
{
	background:#475464;
color: #ffffff!important;
	padding: 5px;
	border: 0px solid #fff!important;
	height: 30px;
	font-weight: bold;
	vertical-align: middle;
}

.EventCalendar .Navigation
{
	font-weight: bold;
	width: 50px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

.EventCalendar .DayHeader
{
	height: 25px;
	background-color:#ADB6C4!important;
	color: #475464!important;
	font-weight: bold;
	text-align: center!important;
	border: 0;
	vertical-align: middle;
	font-size: 11px;
}

.EventCalendar .Day, .EventCalendar .OtherMonth, .EventCalendar .Weekend, .EventCalendar .Today
{
	height: 50px;
	padding: 3px;
	background-color: #ccc;
	font-size: 11px;
}

.EventCalendar .Today
{
	background-color: #AB0313;
	color: White!important;
	font-weight: bold;
}

.EventCalendar .Today a
{
	color: White;
	font-weight: bold;
	font-size: 11px;
}

.EventCalendar .ContentEvent a
{margin-top: 3px;
	color: #000040;
	font-weight: bold!important;
}
.EventCalendar .ContentEvent a:link
{margin-top: 3px;
	color: #000040;
	font-weight: bold!important;
}
.EventCalendar .ContentEvent a:active
{margin-top: 3px;
	color: #000040;
	font-weight: bold!important;
} 
.EventCalendar .ContentEvent a:visited
{margin-top: 3px;
	color: #000040;
	font-weight: bold!important;
}

.EventCalendar .ContentEvent a:hover { color: #666666!important; text-decoration:underline; font-weight: bold;}

.EventCalendar .OtherMonth
{
	color: Gray;
	background-color: White;
}

.EventManagerRegTitle
{
	display: block;
	color: #002756;
	font-weight: bold;
	margin-bottom: 5px;
}
.EventManagerOutlookLink
{
	display: block;
	margin-top: 5px;
}

.EventManagerRegLabel
{
	font-weight: bold;
}

.EventCalendar table, .EventCalendar table td, .EventCalendar table th { border: 0px solid #fff;}

.PagerControl { width: 100%; display: block; clear: both; font-weight: bold; text-align: right;}

.photo { 
	width: 248px;
	display: block; 
	text-align: left; 
	float: left; 
	margin-bottom: 20px; 
	min-height: 60px; 
	padding: 4px; }
.photo strong { color: #AB0313; }
.photo img { float: left; width: 55px; margin-right: 10px; border: 1px solid #ccc; }
.row { float: left; clear: both; }
#gallery { margin-top: 20px; }
#gallery .photo { text-align: center;}
#gallery p { font-weight: bold; padding-bottom: 10px; margin-top: 0px; padding-top: 0px;}
#gallery .photo img { float: none; width: 150px;}

/***** News *****/
.NewsPreviewTitle { font-weight: bold; }
.NewsPreviewDate { font-weight: bold; }