@charset "UTF-8";
/* CSS Document */

/************************************************
*	TABLE OF CONTENTS							*
*	
*	MASTER PAGE LAYOUT 
* 	Breadcrumb
* 	Upper Header Elements  
* 	Horizintal Navbar 
* 	Left Nav (including all the color versions)
* 	Right Side Form Boxes
************************************************/



/************************************************
*	MASTER PAGE LAYOUT   						*
************************************************/

* {
    margin: 0;  /* resets the canvas */
}

body {
	background:url('../../images/bg_drop_shadow.gif') repeat-y center #cfcfcf;
	width: 1000px;
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana;
	margin: 0px auto 0px;  /* auto centers the page */
	padding: 0px;
	height:100%;  /* necessary to scale vertically */
}

#masterContainer {
	position:absolute;
	background:url('../../images/bkgStripe.gif') repeat-x top #c5f5f8;
	min-height:800px;  /* keeps bkg gradient from creeping up on browser resize */
	height:100%;   /* necessary to scale vertically */
	width:1000px;
}
#headerContainer {
	background:url('../../images/testBkg.gif') repeat-x #fff;
	width: 1000px;
	color: #000;
	padding: 0px;
}
#mainContent {  /* houses the left nav column, center content column, right column */
	padding: 0px 30px 0px 0px;
	position:relative;
	margin: 0px;
	clear: both;
}
#leftNav {   /* the left nav column*/
	width:160px;
	position:absolute;
	top: 0;
	padding: 0px;
	left: 40px;
}
#centerColumn {  /* the center content column */
	width:540px;
	position:absolute;
	left: 220px;
}

#rightColumn {  /* right column */
	width:190px;
	position:absolute;
	top: 0;
	left: 780px;
}
#footer {
	margin-top: 30px;
	padding-top:30px;	
	border-top: solid 1px #ccc;
	text-align:center;
	font-size:.9em;
	color:#999;
	clear:both;
}
/************************************************
*	Breadcrumb      							*
************************************************/


#breadcrumb {
	display:block;
	padding: 0px 30px 0px 40px;
	margin-bottom: 10px;  /* distance between breadcrumb and body */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background:url(none);
}
#breadcrumb ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}
#breadcrumb ul li {
	background:url('../../images/breadcrumbArrow.gif') no-repeat right center;
	display:inline;
	padding-right:10px; /* space between word and arrow */
	margin-right:0px;  /* space between breadcrumb entries */
}
#breadcrumb a:link, #breadcrumb a:visited {
	font-size:10px;
	color:#666;
	font-weight:normal;
	padding: 3px;
}
#breadcrumb a:hover {
	font-weight:normal;
	color:#FFF;
	background-color:#9ab9eb;
	text-decoration:none;
}
#breadcrumb .last {
	display:inline;
	color:#000;
	background-image:none;
}
/************************************************
*	Upper Header Elements     					*
************************************************/

#headerIcons {
	width: 1000px;
	height: 133px;
	font-size: 11px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
}
#iconContainer {
	display:inline;
	width:550px;
	float:right;
	padding: 15px 50px 0px 0px;  /* moves icons */
}
/*    WEATHER  */
#weather {
	position:absolute;
	float: right;
	width: 190px;
	height: 90px;
	top: 40px;
	left: 795px;
	padding: 0px;
	vertical-align:top;
}
#date {
font-size:36px;
font-weight:bold;
vertical-align:top;
padding-right:4px;
color:#777;
}

#day {
font-size:11px;
font-weight:normal;
padding-top:6px;
color:#555;
}

#month, #year, #ampm {
font-size:10px;
font-weight:normal;
color:#555;
}

#time {
font-size:10px;
font-weight:normal;
padding-bottom:3px;
color:#555;
}

#temperature {
font-size:24px;
font-weight:bold;
padding-right:6px;
color:#777;
}

#highTemp, #lowTemp {
font-size:11px;
font-weight:normal;
color:#555;
}

#icon {
padding-right:8px;
}

#yahoo {
font-size:10px;
font-weight:normal;
text-align:right;
color:#777;
}
/*    END WEATHER  */
#upperNav {   /* contains upper nav links, search bar, go button */
	display:inline;
	width:500px;
	text-align: right;
	float:right;
	padding: 10px 20px 0px 0px;
}
#upperNavLinks {
	display:inline;
}
#upperNavLinks a, #upperNavLinks a:link, #upperNavLinks a:visited {
	padding: 3px 5px 3px 5px;
	font-size:.9em;
	color:#666;
	border-left: solid #999 1px;
}

/* THE FIRST CLASS BELOW IS FOR THE FIRST LINK IN THE UPPER HEADER ELEMENTS, MOST LIKELY THE HOME LINK.  IT SIMPLY REMOVES THE LINE */
#upperNavLinks a.first, #upperNavLinks a.first:link, #upperNavLinks a.first:visited {
	padding: 3px 5px 3px 5px;
	font-size:.9em;
	color:#666;
	border-left:none;
}

#upperNavLinks a:hover, #upperNavLinks a.first:hover {
	color:#FFF;
	background-color:#1c396e;
	text-decoration:none;
}


/************************************************
*	Top Navbar      							*
************************************************/

#navbar {  /* Contains left and right nav sections, left for nav, right for search bar */
	width: 1000px;
	height: 26px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #fff;
	margin: 7px 0px 10px 0px;
	padding: 0px;
	font-weight:bold;
}
#navbar a, #navbar a:visited {
	color: #fff;
	font-size: 12px;   /* text size up nav bar text  */
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 3px;
}
#navbar a:hover {
	text-decoration: underline;
}
#topNavbarRight {  /* made for search box, but that was moved to the top.  Currently not used */
	width: 220px;
	font-size: 12px;
	float: right;
	margin: 0px;
	padding: 3px 0px;
}

#topNavbarLeft {  /* left section of the nav, contains rollover buttons */
	width: 720px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 40px;
	list-style: none;
}
#topNavbarLeft ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#topNavbarLeft a, #topNavbarLeft a:visited {
	color: #fff;
	display: block;
	margin: 0px;
	padding: 7px 20px 6px 20px;
	text-decoration: none;
}
#topNavbarLeft a:hover, #topNavbarLeft a.selected {
	background: #09f;
	color: #fff;
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 7px 20px 6px 20px;
}
/* SETS HOVER AND SELECTED COLORS FOR ALL THE DIFFERENT SECTIONS */
#topNavbarLeft #One a:hover, #topNavbarLeft #One a.selected {
	background: #804f80;
	color: #fff;
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 7px 20px 6px 20px;
}
#topNavbarLeft #Two a:hover, #topNavbarLeft #Two a.selected {
	background: #a0a91e;
	color: #fff;
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 7px 20px 6px 20px;
}
#topNavbarLeft #Three a:hover, #topNavbarLeft #Three a.selected {
	background: #e06f1e;
	color: #fff;
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 7px 20px 6px 20px;
}
#topNavbarLeft #Four a:hover, #topNavbarLeft #Four a.selected {
	background: #008c99;
	color: #fff;
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 7px 20px 6px 20px;
}
#topNavbarLeft #Five a:hover, #topNavbarLeft #Five a.selected {
	background: #c41230;
	color: #fff;
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 7px 20px 6px 20px;
}
/* END COLOR SET */

#topNavbarLeft li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#topNavbarLeft li ul {
	position: absolute;
	width: 10em;
}
#topNavbarLeft li:hover ul {
	left: auto;
	display: block;
}
/************************************************
*	LEFT NAV      							*
************************************************/

/* SECTION ONE STYLES - PURPLE */
#sectionOne .nav1 .topCap {
	display:block;
	width:160px;
	height:15px;
	background:url('../../images/navCapTop_one.gif');
}
#sectionOne .nav1 .bottomCap {
	display:block;
	width:160px;
	height:15px;
	background:url('../../images/navCapBottom_one.gif');
}
#sectionOne .nav1 a:link, #sectionOne .nav1 a:visited, #sectionOne .nav1 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 25px;
	color: #fff;
	text-decoration: none;
	background:url('../../images/nav1.gif') no-repeat left top #804f80;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionOne .nav1 a:hover, #sectionOne .nav1 a.selected {   /* add "selected" class to the <a> to indicate current location */
	position:relative;
	background:url('../../images/nav1.gif') no-repeat left top #4e2e4e;
	overflow:visible;
    top: 0px;
    left: 0px;
}
#sectionOne .nav2 a:link, #sectionOne .nav2 a:visited, #sectionOne .nav2 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 35px;
	color: #fff;
	background:url('../../images/nav2.gif') no-repeat left top  #714671;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionOne .nav2 a:hover, #sectionOne .nav2 a.selected {
	position:relative;
	background:url('../../images/nav2.gif') no-repeat left top  #4e2e4e;
	overflow:visible;
}

 
#sectionOne .nav1 a.selectednoChild, #sectionOne .nav2 a.selectednoChild {   /* combines styles for when nav is selected AND has no children (removes arrow) */
	background:#4e2e4e;
}


#sectionOne .nav3 a:link, #sectionOne .nav3 a:visited, #sectionOne .nav3 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 45px;
	color: #fff;
	background: #654065;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionOne .nav3 a:hover, #sectionOne .nav3 a.selected, #sectionOne .nav3 a.selectednoChild {
	position:relative;
	background: #4e2e4e;
	overflow:visible;
}

/* SECTION TWO STYLES - LIME GREEN */
#sectionTwo .nav1 .topCap {
	display:block;
	width:160px;
	height:15px;
	background:url('../../images/navCapTop_two.gif');
}
#sectionTwo .nav1 .bottomCap {
	display:block;
	width:160px;
	height:15px;
	background:url('../../images/navCapBottom_two.gif');
}
#sectionTwo .nav1 a:link, #sectionTwo .nav1 a:visited, #sectionTwo .nav1 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 25px;
	color: #fff;
	text-decoration: none;
	background:url('../../images/nav1.gif') no-repeat left top #a0a91e;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionTwo .nav1 a:hover, #sectionTwo .nav1 a.selected {   /* add "selected" class to the <a> to indicate current location */
	position:relative;
	background:url('../../images/nav1.gif') no-repeat left top #71780b;
	overflow:visible;
}
#sectionTwo .nav2 a:link, #sectionTwo .nav2 a:visited, #sectionTwo .nav2 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 35px;
	color: #fff;
	background:#939b1c;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionTwo .nav2 a:hover, #sectionTwo .nav2 a.selected, #sectionTwo .nav3 a.selectednoChild {
	position:relative;
	background:url('../../images/nav2.gif') no-repeat left top  #71780b;
	overflow:visible;
}

#sectionTwo .nav1 a.selectednoChild, #sectionTwo .nav2 a.selectednoChild {   /* combines styles for when nav is selected AND has no children (removes arrow) */
	background:#71780b;
}

#sectionTwo .nav3 a:link, #sectionTwo .nav3 a:visited, #sectionTwo .nav3 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 45px;
	color: #fff;
	background: #868d1a;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionTwo .nav3 a:hover, #sectionTwo .nav3 a.selected {
	position:relative;
	background: #71780b;
	overflow:visible;
}
/* SECTION THREE STYLES - ORANGE */
#sectionThree .nav1 .topCap {
	display:block;
	width:160px;
	height:15px;
	background:url('../../images/navCapTop_three.gif');
}
#sectionThree .nav1 .bottomCap {
	display:block;
	width:160px;
	height:15px;
	background:url('../../images/navCapBottom_three.gif');
}
#sectionThree .nav1 a:link, #sectionThree .nav1 a:visited, #sectionThree .nav1 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 25px;
	color: #fff;
	text-decoration: none;
	background:url('../../images/nav1.gif') no-repeat left top #e06f1e;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionThree .nav1 a:hover, #sectionThree .nav1 a.selected {   /* add "selected" class to the <a> to indicate current location */
	position:relative;
	background:url('../../images/nav1.gif') no-repeat left top #aa4e0c;
	overflow:visible;
}
#sectionThree .nav2 a:link, #sectionThree .nav2 a:visited, #sectionThree .nav2 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 35px;
	color: #fff;
	background:url('../../images/nav2.gif') no-repeat left top #d36617;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionThree .nav2 a:hover, #sectionThree .nav2 a.selected {
	position:relative;
	background:url('../../images/nav2.gif') no-repeat left top #aa4e0c;
	overflow:visible;
}

#sectionThree .nav1 a.selectednoChild, #sectionThree .nav2 a.selectednoChild {   /* combines styles for when nav is selected AND has no children (removes arrow) */
	background:#aa4e0c;
}

#sectionThree .nav3 a:link, #sectionThree .nav3 a:visited, #sectionThree .nav3 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 45px;
	color: #fff;
	background: #c45e15;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionThree .nav3 a:hover, #sectionThree .nav3 a.selected, #sectionThree .nav3 a.selectednoChild {
	position:relative;
	background: #aa4e0c;
	overflow:visible;
}
/* SECTION FOUR STYLES - AQUA */
#sectionFour .nav1 .topCap {
	display:block;
	width:160px;
	height:15px;
	background:url('../../images/navCapTop_four.gif');
}
#sectionFour .nav1 .bottomCap {
	display:block;
	width:160px;
	height:15px;
	background:url('../../images/navCapBottom_four.gif');
}
#sectionFour .nav1 a:link, #sectionFour .nav1 a:visited, #sectionFour .nav1 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 25px;
	color: #fff;
	text-decoration: none;
	background:url('../../images/nav1.gif') no-repeat left top #008c99;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionFour .nav1 a:hover, #sectionFour .nav1 a.selected {   /* add "selected" class to the <a> to indicate current location */
	position:relative;
	background:url('../../images/nav1.gif') no-repeat left top #005b64;
	overflow:visible;
}
#sectionFour .nav2 a:link, #sectionFour .nav2 a:visited, #sectionFour .nav2 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 35px;
	color: #fff;
	background:url('../../images/nav2.gif') no-repeat left top #007d89;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionFour .nav2 a:hover, #sectionFour .nav2 a.selected {
	position:relative;
	background:url('../../images/nav2.gif') no-repeat left top #005b64;
	overflow:visible;
}
#sectionFour .nav1 a.selectednoChild, #sectionFour .nav2 a.selectednoChild {   /* combines styles for when nav is selected AND has no children (removes arrow) */
	background:#005b64;
}

#sectionFour .nav3 a:link, #sectionFour .nav3 a:visited, #sectionFour .nav3 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 45px;
	color: #fff;
	background: #006f7a;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionFour .nav3 a:hover, #sectionFour .nav3 a.selected, #sectionFour .nav3 a.selectednoChild {
	position:relative;
	background: #005b64;
	overflow:visible;
}
/* SECTION FIVE STYLES - RED */
#sectionFive .nav1 .topCap {
	display:block;
	width:160px;
	height:15px;
	background:url('../../images/navCapTop_five.gif');
}
#sectionFive .nav1 .bottomCap {
	display:block;
	width:160px;
	height:15px;
	background:url('../../images/navCapBottom_five.gif');
}
#sectionFive .nav1 a:link, #sectionFive .nav1 a:visited, #sectionFive .nav1 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 25px;
	color: #fff;
	text-decoration: none;
	background:url('../../images/nav1.gif') no-repeat left top #c41230;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionFive .nav1 a:hover, #sectionFive .nav1 a.selected {   /* add "selected" class to the <a> to indicate current location */
	position:relative;
	background:url('../../images/nav1.gif') no-repeat left top #7c061a;
	overflow:visible;
}
#sectionFive .nav2 a:link, #sectionFive .nav2 a:visited, #sectionFive .nav2 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 35px;
	color: #fff;
	background:url('../../images/nav2.gif') no-repeat left top #ac0824;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionFive .nav2 a:hover, #sectionFive .nav2 a.selected {
	position:relative;
	background:url('../../images/nav2.gif') no-repeat left top #7c061a;
	overflow:visible;
}
#sectionFive .nav1 a.selectednoChild, #sectionFive .nav2 a.selectednoChild {   /* combines styles for when nav is selected AND has no children (removes arrow) */
	background:#7c061a;
}

#sectionFive .nav3 a:link, #sectionFive .nav3 a:visited, #sectionFive .nav3 a:active {
	position:relative;
	display: block;
	margin-top: -1px;
	padding: 7px 15px 7px 45px;
	color: #fff;
	background: #96061f;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}
#sectionFive .nav3 a:hover, #sectionFive .nav3 a.selected, #sectionFive .nav3 a.selectednoChild {
	position:relative;
	background: #7c061a;
	overflow:visible;
}


#leftNav .nav1 a.noChild, #leftNav .nav2 a.noChild {  /* Turns OFF the arrow on NAV1 items for when there are no children.  WORKS FOR ALL COLORS!  Sweet */
background-image:none;
}

/************************************************
*	SIDE BOXES      							*
************************************************/
#tripPlanner {
	display:block;
	background:url('../../images/tripPlannerBKG.gif') repeat-x top #82c1e6;
	min-height:200px;
	margin: 0px;
	padding: 0px 10px;
	font-size:.9em;
	color:#fff;
	border-left: 1px solid #06193b;
	border-right: 1px solid #06193b;
	line-height:2em;
}

a#disclaimer:link, a#disclaimer:visited {
color:#05183a;
padding:3px;
}

a#disclaimer:hover {
color:#fff;
background-color:#05183a;
text-decoration:none;
}

#cotaClicks {
	display:block;
	background-color:#b20027;
	margin: 0px;
	padding: 0px 10px 0px 45px;
	font-size:.9em;
	color:#fff;
	border-left: 1px solid #2e396c;
	border-right: 1px solid #2e396c;

}

#cotaClicks a {
color:#fff;
text-decoration:underline;
padding:3px 0px;

}

#cotaClicks a:hover {
color:#fff;
background-color:#05183a;
text-decoration:none;
}

.formBox {   /* used to provide space between form elements */
margin-bottom: 5px;
}

.adNav {
padding-top: 20px;
}

.accordionHeader
{
	color: white;
	background-color: #111111;
	background: transparent url('../../images/dropBarFull2.gif') no-repeat;
	font-size: 12px;
	font-weight: bold; 
	padding-left:20px;
	padding-top:5px;
	height: 20px; 
	width:460px;
	margin-top: 5px;
	cursor: pointer;
	overflow: auto;
}

.accordionContent
{  
    margin-left: 5px;
    margin-right:5px;
    /*padding-top: 10px; 
    */
}

.accordionLink
{

}

/*collapsePanel*/
.collapsePanel {
	height:0px;
	overflow:hidden;
}

/*Modal Popup*/
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=75);
    opacity:0.7;
}

.modalPopup 
{
    max-width:540px;
    background: transparent;
    padding:0px;
}

.modalPopupInnerPanel
{
    padding:15px;
    color:Black;
    background-color:White;    
    border-left: solid 1px #9ddbdf;
    border-right: solid 1px #9ddbdf;
    width:508px;
    max-height:570px;
    overflow:auto;
}

.modalPopupBottom 
{
    display:block;
    background:url('../../images/contentBottom.gif');
    width:540px;
    height:9px;
}

.modalPopup .required, .modalPopup .custom, .modalPopup .email, .modalPopup .validationSummary
{
    color: Red;
}

.modalPopup .validationSummary
{
    margin-left: 25px;
}