/*
Background Gradient -> #505064 to #FFFFFF
Navigation Gradient -> #000000 to #768B8E
Pink -> #d5446e
Blue -> #0061a3
*/

/* Basics */
html{background: url(../img/bg_gradient.gif) repeat-x;}
html, body{margin: 0; padding: 0;}
body{font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 13px; text-align: center;}
h1, h2, h3, form{font-weight: normal; font-size: 1em; margin: 0; padding: 0;}
h4, h5, h6{font-weight: bold; font-size: 1em; margin: 0; padding: 0;}

a{text-decoration: none; color: inherit;}
img{border: none;}
a img{border: none;}
a span{cursor: inherit;}

/* Custom */
body {text-align: center;}
#inner_container{width: 902px; margin: 0 auto; text-align: left;}
#header{border: 1px solid #555; border-top: none; border-bottom: none; background: url(../img/header.gif); height: 80px; position: relative; color: #BBBBBB; }
#header .logo{}
#header .logo a{position: absolute; top: 0; left: 0px; display: block; width: 300px; height: 80px;}
#header .logo a span{display: none;}

#header .quick_info{position: absolute; top: 0; left: 280px; display: block; width: 280px; height: 80px;}
#header .quick_info div{line-height: 60px; margin: 10px 0; padding: 0 0 0 90px; border-right: 1px solid #BBBBBB;}
#header .quick_info a, #header strong{color: #FFF; font-weight: bold;}

#header .online_banking{position: absolute; top: 0; left: 580px; display: block; width: 320px; height: 80px;}
#header .online_banking a{color: #FFF;}
#header .online_banking .headline{color: #FFF;}
#header .online_banking a{color: #BBBBBB;}
#header .online_banking ul{padding: 0; margin: 0; list-style: none;}
#header .online_banking ul li{display: inline;}
#header .online_banking ul li a{display: inline-block;}
#header .online_banking .login_button{position: absolute; top: 26px; right: 20px; display: block; height: 26px; width: 74px; background: url(../img/login_button.gif) no-repeat;}
#header .online_banking .login_button span{line-height: 26px; padding: 0 0 0 30px; color: #FFF; font-size: 13px;}
#header .online_banking div{position: absolute; top: 24px; right: 110px; display: block;}

#topmenu{border: 1px solid #555; border-top: none; background: #000 url(../img/menu_gradient.gif) repeat-x; height: 34px; position: relative;  z-index: 6000;}
#topmenu ul{display: block; margin: 0; padding: 1px 0 0 0; text-align: center;  list-style: none; }
#topmenu ul li{display: inline; margin: 0; padding: 0; position: relative;  z-index: 6000;}
#topmenu ul li a{display: inline-block; height: 33px; line-height: 32px; margin: 0; padding: 0 10px; }
#topmenu ul li.hover a{background: #cf446e; }
#topmenu ul li a{ }
#topmenu ul li span{color: #DDD;}
#topmenu ul li.hover a span{color: #FFF;}

#topmenu ul li ul{display: none; position: absolute; background: #cf446e; top: 24px; left: 0px; text-align: left; padding: 5px 0; width: 220px;}
#topmenu ul li ul li{font-size: 12px; display: inline; margin: 0; padding: 0; height: auto; line-height: auto; }
#topmenu ul li ul li.headline{display: none;}
#topmenu ul li ul li a{padding: 0; height: auto;display: block;}
#topmenu ul li ul li span{display: block; background: #cf446e; height: auto; line-height: 1em; padding: 6px 13px; border: #cf446e 1px solid;}
#topmenu ul li ul li:hover span{background: #b62752; border-bottom: #eb5f89 1px solid; border-top: #8b2e4a 1px solid;}

#content{width: 900px; margin: 10px 0 0 0; background: #586768 url(../img/content_bg.gif) repeat-y; overflow: auto; height: 100%; border-left: 1px solid #CCC; border-right: 1px solid #555;}



.sidebar{float: right; width: 220px; overflow: hidden;}
.sidebar .headline{background: #000 url(../img/menu_gradient.gif) repeat-x; padding: 10px 12px; font-size: 1em; color: #FFF;}
.sidebar .headline a{color: #FFF;}
.sidebar .headline em{font-size: .9em; font-style: normal; color: #FFD200;}

/* SIDEBAR NICHES */
.sidebar ul.niches{margin: 0; padding: 0; list-style: none;}
.sidebar ul.niches li {display: block; height: 30px; overflow: hidden; position: relative; margin: 0;}
.sidebar ul.niches li div{list-style: none; margin: 0; padding: 0; list-style: none;  width: 220px; height: 130px; }
.sidebar ul.niches li .closed a{display: block; width: 220px; height: 130px; z-index: 400;}
.sidebar ul.niches li .open a{left: 0; top: 0; position: absolute; z-index: 200; width: 220px; height: 130px; }
.sidebar ul.niches li .link a{left: 0; top: 30px; position: absolute; z-index: 1200; display: block; width: 220px; height: 100px; }
.sidebar ul.niches li.college .closed a{background: url(../img/niche/college_up.gif) no-repeat;}
.sidebar ul.niches li.college .open a{background: url(../img/niche/college_down.gif) no-repeat;}
.sidebar ul.niches li.perfect .closed a{background: url(../img/niche/perfect_up.gif) no-repeat;}
.sidebar ul.niches li.perfect .open a{background: url(../img/niche/perfect_down.gif) no-repeat;}
.sidebar ul.niches li.family .closed a{background: url(../img/niche/family_up.gif) no-repeat;}
.sidebar ul.niches li.family .open a{background: url(../img/niche/family_down.gif) no-repeat;}
.sidebar ul.niches li.cruise .closed a{background: url(../img/niche/cruise_up.gif) no-repeat;}
.sidebar ul.niches li.cruise .open a{background: url(../img/niche/cruise_down.gif) no-repeat;}
.sidebar ul.niches li.biz .closed a{background: url(../img/niche/biz_up.gif) no-repeat;}
.sidebar ul.niches li.biz .open a{background: url(../img/niche/biz_down.gif) no-repeat;}

/* SIDEBAR ZIP CODE */
#sidebarzip{position: relative; margin-top: .4em; width: 195px;}
#sidebarziptxt{font-size: .9em; color: #BBB;}
#sidebarzipbox{border:1px solid; background-color:#000; width:80px; height:16px; color:#AAA; }
#sidebarzipbutton{position: absolute; bottom: 0em; right: 0px; top: 0px;}

#search_bar{color: #BBB; padding: 0 15px; border: 1px solid #555; border-top: none; background: #000 url(../img/menu_gradient.gif) repeat-x; height: 38px; line-height: 36px;}
#search_bar .headline{color: #FFF; margin: 0; line-height: 1em; display: block; float: left;}
#search_bar form{display: block; margin: 0;}
#search_bar form span{display: block; margin: 0; float: left;}
#search_bar form .input{display: block; float: left; margin-top: 4px;}
#search_bar form .input input{margin: 0 10px; background: #000; color: #FFF; border: #555 1px solid; padding: 4px; width: 400px;}
#search_bar form .submit{display: block; margin: 0 10px; background: url(../img/empty_button.gif) no-repeat; color: #FFF; position: relative; width: 74px; height: 26px;  float: left; padding: 0; margin-top: 4px;}
#search_bar form .submit input{display: block; height: 26px; line-height: 26px; color: #FFF; text-align: center; width: 74px; background: none; border: none; font-size: 13px; }
#search_bar .hint{display: block; width: 180px; font-size: .9em; line-height: .9em; font-style: oblique; margin: 0 0 0 12px; float:left; margin-top: 7px;}


/* Footer Menu */
#footer_menu{margin: 0; overflow: auto; height: 100%;}
#footer_menu .headline, #footer_menu li:first-child{margin: 1em 0 0 0;}
#footer_menu .headline, #footer_menu .headline a{color: #B62C5B; font-size: 16px;}
#footer_menu a, #footer_menu li{color: #333;}
#footer_menu div{display: block; margin: 0; padding: 0;float: left; width: 225px;}
#footer_menu ul{display: block; margin: 0; padding: 0; list-style: none;}
#footer_menu ul li{display: block; margin: 0; padding: 0;}

/* SubFooter Menu */
#subfooter{margin: 1em 0 0 0; border-top: 1px solid #BBB; padding: 1em 0 0 0; text-align: right;}
#subfooter .cu_badges{float: left; position: relative;}
#subfooter .cu_badges img{margin: 0 10px 0 0;}
#subfooter .idiz_tag{font-size: .8em;}
#subfooter .idiz_tag a{color: #555;}
#subfooter a{color: #333;}

/* Offsite Link Stuff */
#offsite_box{text-align: left; background: #000 url(../img/menu_gradient.gif) repeat-x; width: 290px;  height: 120px; position: fixed; margin-left: -145px; margin-top: -75px; left: 50%; top: 35%; z-index: 8002; border: 1px solid #000; border-top: none; display: none;}
#offsite_box .content{padding: 20px;}
#offsite_box .choices{text-align: right; margin-top: 1em;}
#offsite_box .choices a{display: inline-block; text-align: center; }
#offsite_box .choices a span{display: block; padding: 0px 10px; font-size: 1em; line-height: 26px;}
#offsite_cancelbutton{color: #BBB;}
#offsite_continuebutton{background: url(../img/empty_button.gif) no-repeat; width: 74px; height: 26px;  color: #FFF;}
#offsite_box .headline{font-size: 1.4em; color: #FFF; line-height: 1em; margin: 0em 0 .35em 0;}
#offsite_screen{ position: absolute; left: 0; top: 0; background: #a32348; z-index: 4000;}

#copy, #nomenu{float: left;}

.left_bar{float: left; width: 119px; padding: 20px 15px; min-height: 250px; background: url(../img/sidebar_gradient.gif) no-repeat;}
#nomenu #site_map ul, .left_bar ul{list-style: none; margin: 0; padding: 0;}
#nomenu #site_map li, .left_bar li{display: inline; margin: 0; padding: 0;}
#nomenu #site_map li span, .left_bar li span{display: block; margin: 0 0 .5em 0;}
#nomenu #site_map li.headline, .left_bar li.headline{font-size: 16px; color: #0061a3;}
.left_bar hr{border: none; border-top: 1px solid #EEE; margin: 1em 0;}
#nomenu #site_map li.headline a, .left_bar li.headline a{color: #0061a3}
#nomenu #site_map li a, .left_bar li a{color: #666}
#nomenu #site_map li a:hover, .left_bar li a:hover{color: #000}
#nomenu #site_map ul{float: left; width: 295px; padding-right: 20px; }
#nomenu #site_map li.headline span{margin-top: 2em;}
#nomenu #site_map{height; 100%; overflow: auto; line-height: 1em}
#nomenu #site_map li{background: none;}

/* WebiDiz Copy Styling */
#nomenu_x, #copy_x, #copy, #nomenu{padding: 25px;}
#copy_x, #copy{background: #FFF; width: 480px; text-align: left; overflow: auto; line-height: 1.4em;} #copy{background: none;}
#nomenu_x, #nomenu{background: #FFF; width: 630px; text-align: left; overflow: auto; margin: 0 auto; line-height: 1.4em;}
#nomenu_nosidebar_x, #nomenu_nosidebar{background: #FFF; width: 900px; text-align: left; overflow: auto; margin: 0 auto; line-height: 1.4em;}
#nomenu_nosidebar a, #nomenu_nosidebar_x a, #nomenu_x a, #copy_x a, #copy a, #nomenu a{color: #d5446e;} #nomenu{background: none;}
#nomenu_nosidebar h1, #nomenu_nosidebar_x h1, #nomenu_x h1, #copy_x h1, #copy h1,#nomenu h1 {font-size: 20px;margin:0 0 .5em 0;color: #d5446e; line-height:1em;}
#nomenu_nosidebar h1 .copyright, #nomenu_nosidebar_x h1 .copyright, #nomenu_x h1 .copyright, #copy_x h1 .copyright, #copy h1 .copyright, ,#nomenu h1 .copyright{font-size: 10px;position:relative; top:-8px;}
#nomenu_nosidebar h2, #nomenu_nosidebar_x h2, #nomenu_x h2, #copy_x h2, #copy h2, #nomenu h2, .single_ratesheet h4 {font-size: 20px;margin:0 0 .5em 0;color: #0061a3;}
#nomenu_nosidebar h3, #nomenu_nosidebar_x h3, #nomenu_x h3, #copy_x h3, #copy h3, #nomenu h3 {color: #d5446e; font-weight:bold; margin-bottom: .5em;}
#nomenu_nosidebar h4, #nomenu_nosidebar_x h4, #nomenu_x h4, #copy_x h4, #copy h4, #nomenu h4 {color: #0061a3; margin-bottom: .5em;}
#nomenu_nosidebar h5, #nomenu_nosidebar_x h5, #nomenu_x h5, #copy_x h5, #copy h5, #nomenu h5 {color: #d5446e;}
#nomenu_nosidebar hr, #nomenu_nosidebar_x hr, #nomenu_x hr, #copy_x hr, #copy hr, #nomenu hr {border: 0px; border-bottom: 1px solid #CCC; background: #FFF; height: 1px;}
#nomenu_nosidebar p, #nomenu_nosidebar_x p, #nomenu_x p, #copy_x p, #copy p, #nomenu p{margin: 0 0 1em 0;}
#nomenu_nosidebar ul, #nomenu_nosidebar_x ul, #nomenu_x ul, #copy_x ul, #copy ul, #nomenu ul{padding: 0; margin: 0; list-style: none;}
#nomenu_nosidebar ul li, #nomenu_nosidebar_x ul li, #nomenu_x ul li, #copy_x ul li, #copy ul li, #nomenu ul li{padding: 0 0 0 12px; margin: 0 0 .5em 0; list-style: none; background: url(../img/dot.gif) 0 6px no-repeat; line-height: 1.1em;}

#nomenu_nosidebar .callout, #nomenu_nosidebar_x .callout,#nomenu_x .callout, #copy_x .callout, #copy .callout, #nomenu .callout {float:right; font-size: 11px; font-weight:bold;}
#nomenu_nosidebar .footnote, #nomenu_nosidebar_x .footnote,.single_ratesheet h4 em, #nomenu_x .footnote, #copy_x .footnote, #copy .footnote, #nomenu .footnote {color: #999; font-size: 11px; line-height: 12px;}
#nomenu_nosidebar .highlight, #nomenu_nosidebar_x .highlight,#nomenu_x .highlight, #copy_x .highlight, #copy .highlight, #nomenu .highlight {font-style:italic; font-weight:bold}
#nomenu_nosidebar .copyright, #nomenu_nosidebar_x .copyright,#nomenu_x .copyright, #copy_x .copyright, #copy .copyright, #nomenu .copyright{font-size:9px; position: relative; top:-3px; right: -1px}

#nomenu_x .image_small, #copy_x .image_small, #copy .image_small, #nomenu  .image_small{float: right; margin: 0 0 10px 10px;}

.single_ratesheet{margin: 2em 0 0 0;}
.single_ratesheet table,tr,td{padding: 0; margin: 0; border: none; border-collapse: collapse;}
.single_ratesheet table{overflow: auto; width: 100%;  border-bottom: 1px solid #666}
.single_ratesheet tr{border-left: 1px solid #666; border-right: 1px solid #666;}
.single_ratesheet .alt2 {background: #F6F6F6;}
.single_ratesheet td, th{padding: 5px 10px;}
.single_ratesheet th{background: #000 url(../img/menu_gradient.gif); color: #FFF;}
.single_ratesheet td.cell_highlight{background: #d5446e; color: #FFF;}
.single_ratesheet .alt2 td.cell_highlight{background: #c8325e; color: #FFF;}

#homepage_slideshow_container{position: relative; width:630px; height: 200px; overflow: hidden; z-index: 10;}
#homepage_slideshow_container .nav{position: absolute; bottom: 0; left: 0; z-index: 20; display: none;}
#homepage_slideshow{overflow: hidden; width:630px; height: 200px; background: #CCC; position: relative;  z-index: 10;}
#homepage_slideshow img{top: 0; left: 0; width: 630px; height: 200px; z-index: 10;}
#homepage_slideshow p{margin: 0;}

#copy .column3 a{color: #000;}
#nomenu .column3 a{color: #000;}

/* WIO Content */
#homepage_slideshow .wio_promotion img{width: auto; height: auto;}
#homepage_slideshow .wio_promotion ul{margin: 0; padding: 5px 0;}
#homepage_slideshow .wio_promotion ul li{margin: 0; padding: 0; background: none;}
#homepage_slideshow .wio_promotion ul li a{margin: 0; color: #FFF;}