/* CSS Document */
/* PlanetFish Design | www.planetfishdesign.com */
/* Author | Felicia Lo */

/* =Header
 ----------------------------------------------- */
 
 
/* =Structure
 ----------------------------------------------- */
body,td,th {
	color: #333333;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
}
body {
	background-color: #FFFFFF;
	margin: 10px;
	text-align: center;
}
#container {
	width: 780px;
	border: 1px solid #B2B2B2;
	text-align: left;
	margin: 0 auto;
}
#container_bar {
	background: #D9D9D9;
	height: 5px;
	font-size: 1px;
	line-height: 1px;
}
#footer {
	font-size: 10px;
	line-height: 17px;
	color: #999999;
	text-align: left;
	width: 780px;
	margin: 20px auto;
}
#maincontent {
	padding: 10px 20px;
}
#colLeft {
	width: 550px;
	float: left;
}
#colRight {
	float: left;
	width: 170px;
	margin-left: 20px;
}


/* =Nav
 ----------------------------------------------- */
#aux_nav {
 width: 780px;
 height: 135px;
 background: url(/images/interface/header_bkgd_f01.jpg);
 margin: 0; padding: 0;
 position: relative;
}
#aux_nav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; }

#aux_nav a { display: block; }

#hometab {left: 0; width: 320px; height: 135px; top: 0px;}
#tabA {left: 534px; width: 42px; height: 30px; top: 0px;}
#tabB {left: 576px; width: 46px; height: 30px; top: 0px;}
#tabC {left: 622px; width: 34px; height: 30px; top: 0px;}
#tabD {left: 656px; width: 65px; height: 30px; top: 0px;}
#tabE {left: 721px; width: 59px; height: 30px; top: 0px;}

#tabA a, #tabB a, #tabC a, #tabD a, #tabE a { height: 30px;}
#hometab a { height: 135px;}

#tabA a:hover {background: transparent url(/images/interface/header_bkgd_f01.jpg) -534px -135px no-repeat;}
#tabB a:hover {background: transparent url(/images/interface/header_bkgd_f01.jpg) -576px -135px no-repeat;}
#tabC a:hover {background: transparent url(/images/interface/header_bkgd_f01.jpg) -622px -135px no-repeat;}
#tabD a:hover {background: transparent url(/images/interface/header_bkgd_f01.jpg) -656px -135px no-repeat;}
#tabE a:hover {background: transparent url(/images/interface/header_bkgd_f01.jpg) -721px -135px no-repeat;}

#aux_nav a span {
	display: none;
}
#header {
 width: 780px;
 height: 40px;
 background: url(/images/interface/headernav.gif);
 margin: 0; padding: 0;
 position: relative;
}
#header li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; }

#header a { display: block; }

#tab1 {left: 0; width: 52px; height: 40px; top: 0px;}
#tab2 {left: 52px; width: 56px; height: 40px; top: 0px;}
#tab3 {left: 108px; width: 66px; height: 40px; top: 0px;}
#tab4 {left: 174px; width: 87px; height: 40px; top: 0px;}
#tab5 {left: 261px; width: 105px; height: 40px; top: 0px;}
#tab6 {left: 366px; width: 78px; height: 40px; top: 0px;}
#tab7 {left: 444px; width: 93px; height: 40px; top: 0px;}
#tab8 {left: 537px; width: 127px; height: 40px; top: 0px;}
#tab9 {left: 664px; width: 116px; height: 40px; top: 0px;}

#tab1 a, #tab2 a, #tab3 a, #tab4 a, #tab5 a, #tab6 a, #tab7 a, #tab8 a, #tab9 a { height: 40px;}

#tab1 a:hover, #tab1 a.current_tab {background: transparent url(/images/interface/headernav.gif) 0 -40px no-repeat;}
#tab2 a:hover, #tab2 a.current_tab {background: transparent url(/images/interface/headernav.gif) -52px -40px no-repeat;}
#tab3 a:hover, #tab3 a.current_tab {background: transparent url(/images/interface/headernav.gif) -108px -40px no-repeat;}
#tab4 a:hover, #tab4 a.current_tab {background: transparent url(/images/interface/headernav.gif) -174px -40px no-repeat;}
#tab5 a:hover, #tab5 a.current_tab {background: transparent url(/images/interface/headernav.gif) -261px -40px no-repeat;}
#tab6 a:hover, #tab6 a.current_tab {background: transparent url(/images/interface/headernav.gif) -366px -40px no-repeat;}
#tab7 a:hover, #tab7 a.current_tab {background: transparent url(/images/interface/headernav.gif) -444px -40px no-repeat;}
#tab8 a:hover, #tab8 a.current_tab {background: transparent url(/images/interface/headernav.gif) -537px -40px no-repeat;}
#tab9 a:hover, #tab9 a.current_tab {background: transparent url(/images/interface/headernav.gif) -664px -40px no-repeat;}

#header a span {
	display: none;
}

/* =Sidenav
 ----------------------------------------------- */
.sidebar_block {
	margin-bottom: 15px;
	background: #D2EAF8;
} 
.sidebar_block_header {
	height: 40px;
	background: #67BAE9;
	padding-left: 10px;
}

.sidebar_block-green {
	margin-bottom: 15px;
	background: #DFEDC2;
} 
.sidebar_block_header-green {
	height: 40px;
	background: #A4CC53;
	padding-left: 10px;
}

.sidebar_block-grey {
	margin-bottom: 15px;
	background: #E6E6E6;
} 
.sidebar_block_header-grey {
	height: 40px;
	background: #B8B8B8;
	padding-left: 10px;
}

.sidebar_block-orange {
	margin-bottom: 15px;
	background: #F3D6A5;
} 
.sidebar_block_header-orange {
	height: 40px;
	background: #F8AB2E;
	padding-left: 10px;
}

.sidebar_block_text {
	padding: 10px;
	font-size: 10px;
}

/* =Headings
 ----------------------------------------------- */
h1 {
	margin: 30px 0 0 0;
	font: normal 24px/normal Helvetica, Verdana, Arial, sans-serif;
	color: #008BDA;
}
.sidebar_block_header h1 {
	color: #FFFFFF;
	vertical-align: bottom;
}
h2 {
	margin: 30px 0 0 0;
	font: 18px Helvetica, Verdana, Arial, sans-serif;
	color: #7CB609;
}
h3 {
	color: #3A5604;
}


/* =Lists
 ----------------------------------------------- */
ul#custom-gen {
	margin: 0; padding: 0;
}
ul#custom-gen li {
	list-style: none;
	margin-bottom: 4px;
	}
ul#custom-gen li:before {
	content: "\00BB \0020";
	}

/* =Forms
 ----------------------------------------------- */
#quicksearch select, #quicksearch input, select, input, textarea {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.entryFieldTiny {
 	width: 40px;
}
.entryField50px {
 	width: 50px;
}
.entryFieldShort {
 	width: 100px;
}
.entryField {
 	width: 200px;
}
.entryFieldLong {
	width: 300px;
}
.entryFieldFull {
	width: 350px;
}
textarea.entryFieldFull {
	margin: 0 0 20px 0;
}
.requiredField {
	color: #CA810C}


/* =Links
 ----------------------------------------------- */
a:link {
	color: #008BDA;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #008BDA;
}
a:hover {
	text-decoration: underline;
	color: #7CB609;
}
a:active {
	text-decoration: none;
	color: #7CB609;
}

#footer a:link, #footer a:visited {
	color: #999999;
	text-decoration: underline;
}
#footer a:hover, #footer a:active {
	color: #008BDA;
	text-decoration: underline;
}

.sidebar_block_text a:link, .sidebar_block_text a:visited {
	color: #7E8C95;
	text-decoration: none;
	font-weight: bold;
}
.sidebar_block-green .sidebar_block_text a:link, .sidebar_block-green .sidebar_block_text a:visited {
	color: #868E74;
	text-decoration: none;
	font-weight: bold;
}
.sidebar_block-grey .sidebar_block_text a:link, .sidebar_block-grey .sidebar_block_text-grey a:visited {
	color: #8A8A8A;
	text-decoration: none;
	font-weight: bold;
}
.sidebar_block-orange .sidebar_block_text a:link, .sidebar_block-orange .sidebar_block_text-orange a:visited {
	color: #8A8A8A;
	text-decoration: none;
	font-weight: bold;
}
.sidebar_block-green .sidebar_block_text a:hover, .sidebar_block-green .sidebar_block_text a:active, .sidebar_block-orange .sidebar_block_text a:hover, .sidebar_block-orange .sidebar_block_text a:active, .sidebar_block-grey .sidebar_block_text a:hover, .sidebar_block-grey .sidebar_block_text a:active, .sidebar_block_text a:hover, .sidebar_block_text a:active {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}



/* =Tables
 ----------------------------------------------- */
#linedTable td, #linedTable th, .linedTable td, .linedTable th {
	border-top: 1px solid #DDDDDD;
	padding: 4px 10px 4px 6px;
	vertical-align: top;
	font: 10px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#linedTable th, .linedTable th {
	background-color: #EFEFEF;
	text-align: left;
	font-weight: bold;
}
#linedTable tr.lastline td, .linedTable tr.lastline td, .linedTable tr.lastline th, .entryFormTable tr.lastline td {
	border-bottom: 1px solid #DDDDDD;
}
#linedTable tr.noline td, .linedTable tr.noline td {
	border-top: none;
}
#linedTable tr.highlight td, .linedTable tr.highlight td, #linedTable th.highlight, .linedTable th.highlight {
	font-weight: bold;
	background: #D2EAF8;
	font-size: 11px;
	color: #338DC0;
}


/* =IFR
 ----------------------------------------------- */
/* Hides content that will eventually be 
 * replaced to avoid blink/flicker */
html.hasFlash #colLeft h1	{ visibility: hidden; }
html.hasFlash #colLeft h2	{ visibility: hidden; }

/* Need to make sure that the new content takes up
 * the same amount of space as the old or there will
 * be a perceptable shift of all content
 */
#colLeft div.replaced-h1 { height: 18px; margin: 10px 0 -2px 0; }
#colLeft div.replaced-h2 { margin: 20px 0 -5px 0; }
#destination div.replaced-h1 { height: 18px; margin: 10px 0 -2px 0; }
#destination div.replaced-h2 { margin: 20px 0 -5px 0; }
.sidebar_block_header div.replaced-h1 { height: 40px; margin: 0; padding: 0; }
.sidebar_block_header-green div.replaced-h1 { height: 40px; margin: 0; padding: 0; }
.sidebar_block_header-grey div.replaced-h1 { height: 40px; margin: 0; padding: 0; }

/* =Images
 ----------------------------------------------- */
.shadowRight {
	float: right;
}

.shadowLeft {
	float: left;
}

.alpha-shadow {
  background: url(/images/interface/dropshadow/shadow.gif) no-repeat bottom right;
}

.shadowRight div.alpha-shadow {
  margin: 12px 0 0 10px !important;
  margin: 20px 0 0 5px;
}
.shadowLeft div.alpha-shadow {
  margin: 12px 10px 0 0 !important;
  margin: 20px 5px 0 0;
}

.alpha-shadow div {
  background: url(/images/interface/dropshadow/shadow2.png)  no-repeat left top !important;
  background: url(/images/interface/dropshadow/shadow2.gif)  no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 5px;
}
.thumbnailPhoto {
	float: left;
	margin: 5px 8px 5px 0;
	padding: 5px;
	background: #EFEFEF;
	border: 1px solid #CCC;
	height: 75px;
	width: 75px;
	vertical-align: middle;
	text-align: center;
}
.LayerImage {
	margin: 0 5px 0 0; 
	float: left; 
}

/* =Index Main Page
 ----------------------------------------------- */
.vacation {
	float:left;
	width: 102px;
	margin-right: 10px;
}
.staffpicks {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #8FBD3F;
}
.vacation a:link, .vacation a:visited {
	color: #006AB3;
}
.sidebar_block-green .staffpicks h2 a:link, .sidebar_block-green .staffpicks h2 a:visited {
	color: #648D23;
}
.vacation h2 a:hover, .vacation h2 a:active, .sidebar_block-green .staffpicks h2 a:hover, .sidebar_block-green .staffpicks h2 a:active {
	color: #000;
}
div.vacation h2, div.staffpicks h2 {
	margin: 0;
	font-size: 12px;
	line-height: 1.25em;
}
div.vacation p, div.staffpicks p {
	line-height: 1.25em;
}
#quicksearch table.linedTable td, #quicksearch table.linedTable th {
	background-color: #D2EAF8;
	border-top: none;
}

/* =Misc
 ----------------------------------------------- */
.clear {
	clear: both;
	height: 0;
}
.tableBelow {
	margin-bottom: 15px;
}
.ErrorLayer {
	background: #F0F0F0;
	margin: 10px 0px;
	padding: 10px;
	border: 1px solid #ACACAC;
	color: #990000;
	clear: both;
}
.MessageLayer {
	background: #FFF9E2;
	margin: 10px 0px;
	padding: 10px;
	border: 1px solid #C7C7C7;
	clear: both;
}