@import url("/stylesheets/forms.css");
/* =============================================================================
 STYLES APPLIED TO THE BODY  
 =============================================================================*/
body {
 margin: 0; 
 padding: 0; 
 text-align: center; 
 background: #425777 url(/images/backgrounds/body_bg.gif);
 color: #000;
 }

/************************************************************/
/**             Global                                                                                           */
/************************************************************/
input, textarea, select, option {
font-family: verdana,arial, sans-serif; 
font-size: inherit;
} 

h1, h2, h3, h4, h5, h6, h7 {
font-family: arial, verdana, sans-serif;
color: #3b4f6c;
margin-top: 0px;
}

h1, h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
h7 {font-size: .9em;}

/*==============================================================================
 PAGE LAYOUT 
===============================================================================*/   
/****** outer layout (borders) ***** */
#frame {
  width: 967px; 
  margin: 5px auto; 
  text-align: left;
  color: #000;
  font: 72% verdana,arial, sans-serif; 
  }
   
html>body #shadow_top {
 background: url(/images/backgrounds/body_top.png) no-repeat left top;
 height: 10px;
}
#main_shadow {
 background: url(/images/backgrounds/body_no_shadow_ie.gif) repeat-y 0 0;
}

#bottom_shadow {
 height: 10px;
 background: url(/images/backgrounds/bottom_no_shadow_ie.gif) no-repeat left bottom;
}

html>body #main_shadow {
background: url(/images/backgrounds/body_shadow_1.png) repeat-y 0 0;
}

html>body #bottom_shadow {
 background: url(/images/backgrounds/body_shadow_2.png) no-repeat left bottom;
}

#main_wrapper {
 clear: both;
 width: 947px;
 margin: 0 10px;
 background: #fff;
 border: 10px solid #bbb2a7;
 text-align: left;
 line-height: 150%;
}

#main_wrapper {width:927px;  voice-family: "\"}\""; voice-family:inherit; width: 927px;}
html>body #main_wrapper{width: 927px; }

#top_pannel {
 padding: 9px;
 float: left;
 background: #fff;
 display: block;
 width: 907px;
}

#top_pannel  {width:907px;  voice-family: "\"}\""; voice-family:inherit; width: 909px;}
html>body #top_pannel  {width: 909px; }

#two_cols_home, #two_cols {
/*border-top: 10px solid #bbb2a7;*/
float: left;
width: 100%;
}

#two_cols_home #secondary_content_wrapper, #two_cols #secondary_content_wrapper {
/* border-top: 10px solid #bbb2a7; */
width: 265px;
float: left;
/* padding: 15px 15px 10px 15px; */
padding: 0px;
margin: 0px;
}

#two_cols_home  #primary_content_wrapper, #two_cols #primary_content_wrapper {
 border-top: 10px solid #bbb2a7;
 float: right;
 border-left: 10px solid #bbb2a7;
 padding: 0 0 10px 15px;
}

#two_cols #primary_content_wrapper {
 padding: 15px 15px 10px 15px;
}

#two_cols #primary_content_wrapper {width: 642px;  voice-family: "\"}\""; voice-family:inherit; width: 622px;}
html>body #two_cols #primary_content_wrapper {width: 622px;}

#two_cols_home #primary_content_wrapper {width: 662px;  voice-family: "\"}\""; voice-family:inherit; width: 637px;}
html>body #two_cols_home  #primary_content_wrapper {width: 637px;}

#two_cols #content {
 }

/************************************************************/
/**              Header                                                                                       */
/************************************************************/

 #header {
 background: #253144 url(/images/backgrounds/header_bg.jpg) repeat-x 0 0;
 /*border-bottom: 7px solid #fff;*/
 border-bottom: 7px solid #fff;
 width: 100%;/* do not remove this; for IE 6 */
  }

#header #logo {
 width: 218px;
 float: left;
 margin-left: 30px;
}

#header #utilities {
 float: right;
 width: 620px;
 padding: 0;
 font: 12px arial, verdana, sans-serif;
 color: #ffcc33;
 margin-right: 5px;
 }
 
#header #utilities  {width:600px;  voice-family: "\"}\""; voice-family:inherit; width: 620px;}
html>body #header #utilities  {width: 620px; } 

#header #utilities ul {
  color: #ffcc33;
 margin: 22px 0px 20px 0;
 text-align: left;
 padding-left: 5px;
 margin-left: 15px;
  /*list-style: none;*/
 float: right;
}

#header  #utilities ul li { 
 display: inline;
 color: #ffcc33;
}

#header  #utilities ul li a {
 text-decoration: none; 
  background: url(/images/navs/utilities_divider.gif) no-repeat 100% 50%;
  padding: 0 14px 0 9px; 
  font-weight: normal;
  color: #ffcc33;
}

#header  #utilities ul li a:hover, #header  #utilities ul li.current a  {
 color: #99ccff;
}

#header #utilities ul li.current a {
font-weight: bold;
}

#header #utilities ul li.last a {
 background: none;
}

#header #utilities  input {
 margin: 0 5px 0 0;
 font-size: .9em !important;
 vertical-align: middle;
}
#header #utilities form {
 display: inline;
 margin: 0;
}

#header #utilities .text_box {margin-left: 5px;}

#header #utilities .go {
 padding: 0px 0 0px 0px;
 vertical-align: middle;
}

#results_form ul li {padding-bottom: 10px;}
#results_form .query {font-weight: bold; font-style: oblique; color: #990000;}
#results_form .pipe {color: #ccc;}

/*#flash {
 border-top: none;
 border-bottom: 1px solid #fff;
 display: block;
}*/

#banner {
 border-top: none;
 border-bottom: 1px solid #fff;
 display: block;
}

#banner {width: 909px; height: 321px; overflow: hidden; position: relative;}

#banner a img {border: 0;}

.img1 {width: 130px; height: 170px; position: absolute; top: 0; left: 0; background: #dce8a2;}
.img2 {width: 129px; height: 170px; position: absolute; top: 0; left: 131px; background: #ffe293;}
.img3 {width: 130px; height: 170px; position: absolute; top: 0; left: 261px; background: #e3fe8c;}
.img4 {width: 192px; height: 321px; position: absolute; top: 0; left: 392px; background: #c6d480;}
.img5 {width: 193px; height: 321px; position: absolute; top: 0; left: 585px; background: #cad6de;}
.img6 {width: 130px; height: 83px; position: absolute; top: 0; left: 779px; background: #d9e2a6;}
.img7 {width: 130px; height: 237px; position: absolute; top: 84px; left: 779px; background: #ffe08d;}
.img8 {width: 391px; height: 150px; position: absolute; top: 171px; left: 0; background: #fff;}

.ie_fix {display: block; display: block; border-bottom: 1px solid #fff;}

/******************************************************************************
*                           GLOBAL  NAVIGATION                                                                       
******************************************************************************/
#main_nav {
 font: 13px arial, verdana,sans-serif;
 margin: 0px;
 padding: 0px;
 background: #263144;
 float: left; 
 color: #fff;
 width: 100%; 
 clear: both;
 }
 
#main_nav ul {
 margin: 0;
 padding: 0px;
 list-style:none;
 background-color: #263144;
}

#main_nav ul a {
 display: block; 
 color: #fff;
 margin: 0;
 background: #263143;
 text-align: center; 
 }
 
/* do not remove the following, it is filter for IE on mac; otherwise the global nav will not diaply well */
/*\*//*/
#main_nav ul a {
 float: left;
}
/**/

#main_nav ul li {
 /*display: inline;*/
 color: #fff;
 float: left; /* otherwise there are gaps between each nav item */
 padding: 0px;
 margin: 0px auto;
 padding-right: 0px; /* so that the divider can be displayed */
 /* background: url(/images/navs/global_navs_divider.gif) no-repeat 100% 50%; */
 }

#main_nav ul li a{
  /* display: inline;  remove this otherwide the dropdown menus will be shifted to the right of the nav on IE*/
  margin: 0px 0 0 0;
  text-decoration: none;
  text-align: center !important;
  line-height: 100%;
  background: url(/images/navs/global_navs_divider.gif) no-repeat 100% 100%;
}
/*
#main_nav ul li a {padding: 7px 25px 6px 25px; voice-family: "\"}\""; voice-family:inherit;  padding: 7px 25px;}

html>body #main_nav ul li a {width: auto; padding: 7px 25px; height: 26px;}
*/
#main_nav ul li a:hover {
 background: url(/images/navs/global_navs_divider_hover.gif) no-repeat 100% 100%;
 color: #263144;
}

#main_nav ul li.current a, #main_nav ul li.current a:hover {
 background: url(/images/navs/global_navs_divider_on.gif) no-repeat 100% 100%;
 color: #263144;
}

#main_nav ul li.nav_1 a{
 width: 163px;
 padding: 13px 0px 15px 0px;
}

#main_nav ul li.nav_2 a{
 width: 88px;
 padding: 13px 0px 15px 0px;
}

#main_nav ul li.nav_3 a{
 padding: 7px 15px 8px 15px;
}

#main_nav ul li.nav_3 a { width: 120px; voice-family: "\"}\""; voice-family:inherit;  width: 90px;}
html>body #main_nav ul li.nav_3 a {width: 90px;}

#main_nav ul li.nav_4 a{
 padding: 7px 15px 8px 15px;
}

#main_nav ul li.nav_4 a { width: 120px; voice-family: "\"}\""; voice-family:inherit;  width: 90px;}
html>body #main_nav ul li.nav_4 a {width: 90px;}

#main_nav ul li.nav_5 a{
 width: 113px;
 padding: 7px 15px 8px 15px;
}

#main_nav ul li.nav_5 a { width: 143px; voice-family: "\"}\""; voice-family:inherit;  width: 113px;}
html>body #main_nav ul li.nav_5 a {width: 113px;}

#main_nav ul li.nav_6 a{
 width: 115px;
 padding: 7px 15px 8px 15px;
}

#main_nav ul li.nav_6 a { width: 145px; voice-family: "\"}\""; voice-family:inherit;  width: 115px;}
html>body #main_nav ul li.nav_6 a {width: 115px;}

#main_nav ul li.last {
 background: url(/images/navs/global_last_off.gif) no-repeat 0 100%;
 margin-left: -1px;
 padding-bottom: 0px;
 }

#main_nav ul li.last a {
background: url(/images/navs/global_last_off.gif) no-repeat 0 100%;
/*padding: 5px 32px;*/
}

#main_nav ul li.last a {padding: 13px 0px 15px 0px; width: 131px; voice-family: "\"}\""; voice-family:inherit;  padding: 13px 0px 15px 0px;}
html>body #main_nav ul li.last a {padding: 13px 0px 15px 0px;}

#main_nav ul li.last a:hover {
background: url(/images/navs/global_last_on.gif) no-repeat 0 100%;
color: #f6eac7;
}

/*
#main_nav ul li.last a {padding: 0px 35px 0 33px; voice-family: "\"}\""; voice-family:inherit;  padding: 7px 21px 7px 21px;}
*/
#main_nav ul li.last a:hover, #main_nav ul li.last_current a {
background: url(/images/navs/global_last_on.gif) no-repeat 0 100%;
color: #f6eac7;
/*padding: 5px 32px;*/
}

span.no_text {visibility: hidden; voice-family: "\"}\""; voice-family:inherit;  visibility: hidden;}

html>body span.no_text {visibility: hidden; display: none;}

/******************************************************************************
*                            SUB/LOCAL NAVIGATION                                                                       
******************************************************************************/
#sub {
 font: 11px arial, verdana,sans-serif;
 margin: 0px;
 /* background:*/
 float: left;
 text-align: left;
 color: #fff;
 line-height: 100%;
 background: #b2d281;
 width: 100%;
}

#sub ul {
 margin: 0;
 list-style:none;
 padding: 0px;
 color: #000;
 margin-left: 3px;
 float: left;
}

#sub ul a {
 display: block;
 color: #fff;
 margin: 0;
 background: url(/images/navs/tab_off_right.gif) no-repeat 100% 0;
 }

#sub ul li {
  /*display: inline;*/
  color: #fff;
   float: left; /* otherwise there are gaps between each nav item */
   padding: 0px ;
   margin: 0px;
   padding-right: 0px; /* so that the divider can be displayed */
  }

#sub ul li a{
 /*display: inline;  remove this otherwide the dropdown menus will be shifted to the right of the nav on IE*/
  margin: 0px;
  color: #000;
  text-decoration: none;
   /*padding: 5px 5px 5px 5px;*/
  font-weight: bold;
  text-align: center;
 }
  
#sub ul a:hover {
 background: url(/images/navs/tab_on_right.gif) no-repeat 100% 0;
}

#sub  span {
 display: block; 
 background: url(/images/navs/tab_off_left.gif) no-repeat 0 0;
 }

#sub  span  {padding: 16px 13px 12px 13px;  voice-family: "\"}\""; voice-family:inherit; padding: 16px 15px 12px 15px; }
html>body #sub  span   {padding: 16px 15px 12px 15px; } 

#sub ul a:hover span {background: url(/images/navs/tab_on_left.gif) no-repeat 0 0;}

#sub ul li.current a span {background: url(/images/navs/tab_on_left.gif) no-repeat 0 0;}

#sub ul li.current a {
 background: url(/images/navs/tab_on_right.gif) no-repeat 100% 0;
}

#sub ul li.current a:hover {
 background: url(/images/navs/tab_on_right.gif) repeat-x 100% 0;
}

#sub ul li.last_current a span {background: url(/images/navs/last_tab_on_left.gif) no-repeat 0 0;}

#sub ul li.last_current a {
 background: url(/images/navs/last_tab_on_right.gif) no-repeat 100% 0;
}

#sub ul li.last_current a:hover {
 background: url(/images/navs/last_tab_on_right.gif) repeat-x 100% 0;
}

/*****************************************************************************/
/*****             NAVS Last child  (global nav/ utilities / footer )    *****/
/*****************************************************************************/

div.menus ul li:last-child, div.menus ul li.last-child {
background: none !important;
background-image: none !important;
}

/******************************************************************************
*                            FOOTER                                                                   
******************************************************************************/

#footer {
 padding: 10px;
 font-size: .92em;
 margin: 0 0 15px 0px;
}

#footer #copyright {
 color: #f9f8f7;
 float: left; 
 width: 230px;
}

#footer ul {
 float: right;
 width: 540px;
 margin: 0px;
 padding: 0px;
}

#footer ul {width:557px;  voice-family: "\"}\""; voice-family:inherit; width: 557px;}
html>body #footer ul{width: 540px;}


#footer ul li {
 display: inline;
 color: #3366CC;
 margin: 0px;
 background: url(/images/navs/footer_navs_divider.gif) no-repeat 100% 50%;
}
#footer ul li a {
  margin: 0;
  color: #bbb2a7;
  list-style-image:none;
  padding: 0 12px 0 7px;
  text-decoration: none;
  font-weight: normal;
}
#footer ul li a:hover {
  color:#99ccff;
}
#footer ul li.current a {
 font-weight: bold;
 color:#99ccff;
}

/******************************************************************************
*                            CONTENT FORMATTING                                                                      
******************************************************************************/

.clear {clear: both; font-size: .01em;}
.clear_fix {clear: both;}

/*   videos */
.videos {
 margin: auto;
 width: 100%;
 text-align: center;
}

.videos span {
/* float: left; */
width: 130px;
font-size: .9em;
line-height: 110%;
float: left;
}

.videos ul{
 margin: 15px 0 0 0px;
 padding: 0;
 list-style: none;
 float: left; 
}

.videos ul  li {
 list-style: none;
 float: left;
 padding: 10px 30px;
 width: 130px;
 height: 150px;
 }
 
/* title */
h1#title {
color: #336666;
font-size: 1.6em;
border-bottom: 1px solid #336699;
padding: 0 0 7px 5px;
margin: 0!important;
}

.jobDetails {margin: 0; padding: 0; list-style: none;}
.jobDetails li {float: left; width: 100%; margin-bottom: 1em;}
.jobDetails em {display: block; float: left; width: 14em; text-align: right;}
.jobDetails div {display: block; float: right; width: 37em; }

/******************************************************************************
*                           BREADCRUMBS                                                                  
******************************************************************************/
#breadcrumbs {
color: #cc6600;
font-style: oblique;
margin: 0 5px 20px 5px;
font-size: .9em;
}

#breadcrumbs  a {
 color: #cc6600;
}

#breadcrumbs a:hover {
 color: #258125;
}

/******************************************************************************
*                           SIDEBAR FORMATTING                                                                    
******************************************************************************/
#secondary_content_wrapper .default {
 border-top: 10px solid #bbb2a7;
}

/* Local Happenings & neighborhood happenings */
#secondary_content_wrapper .local_events, #secondary_content_wrapper .neighborhood_events {
border-top: 10px solid #bbb2a7;
}

#secondary_content_wrapper .default .inner, #secondary_content_wrapper .local_events  .inner, #secondary_content_wrapper .neighborhood_events  .inner{
font-size: .95em;
padding: 15px;
}

#secondary_content_wrapper .default h2.subtitle, #secondary_content_wrapper .local_events h2.subtitle, #secondary_content_wrapper .neighborhood_events h2.subtitle {
color: #9e4a2e;
margin: 0 0 10px 0;
padding: 0;
font-size: 1.4em;
}

#secondary_content_wrapper .default ul, #secondary_content_wrapper .local_events ul, #secondary_content_wrapper .neighborhood_events ul  {
 margin: 15px 0 0 0px;
 padding: 0;
 list-style: none;
}

#secondary_content_wrapper .default ul  li, #secondary_content_wrapper .local_events ul  li, #secondary_content_wrapper .neighborhood_events ul  li {
 list-style: none;
 background: url(/images/misc/red_up_arrow.gif) no-repeat 0 4px;
 padding-left: 15px;
 padding-bottom: 10px;
 margin-left: 0px;
 text-decoration: none;
 line-height: 130%;
}

.neighborhood_events li {margin-bottom: 1em;}

/* Available Parking */
#two_cols_home .available_parking {
 font-size: .9em;
 background: #f7cf81;
 border-left: 10px solid #bbb2a7;
 border-bottom: 10px solid #bbb2a7;
 float: right;
 width: 180px;
 padding: 15px;
 margin: 0 0 15px 0px;
 color: #333333;
 line-height: 120%;
}

#two_cols_home .available_parking h2.subtitle {
 background: url(/images/misc/parking_sign.gif) no-repeat 0 0px;
 margin: 0 0 5px 0;
 padding: 7px 0 7px 35px;
 color: #003366;
 font-size: 1.3em !important;
}

.parking_spots {
  color: #990000;
  font-weight: bold;
}

#two_cols .available_parking {
 border-top: 10px solid #bbb2a7;
 line-height: 120%;
 font-size: .9em;
}

#two_cols .available_parking .inner {
 padding: 15px;
}

#two_cols .available_parking h2.subtitle {
 background: url(/images/misc/parking_sign.gif) no-repeat 0 0px;
 margin: 0 0 5px 0;
 padding: 7px 0 7px 35px;
 color: #003366;
 font-size: 1.3em !important;
}

/* Featured Neighborhood Business */
.features {
 width: 400px;
 border-bottom: 1px dotted #3b4f6c;
 padding: 15px 0;
 margin-bottom: 10px;
}

.features h2.subtitle {
 font-size: 1.4em;
}

.features img {
 float: left;
 padding: 0 25px 30px 15px;
}

.about_ssaa {
/* width: 600px; */
 padding: 0 25px 0 0;
}
.about_ssaa h2.subtitle {
font-size: 1.4em;
}

.about_ssaa img {
 float: left;
 padding: 0 15px 10px 0px;
}

/* link */
a {
 color: #0054a6;
 text-decoration: none;
 font-weight: bold;
 }

 a:hover {
 color: #359535;
}

.more a {
 background: url(/images/misc/blue_arrow.gif) no-repeat 0 4px;
 padding-left: 10px;
 margin-left: 6px;
}

/* print */
.header_print {
 display: none;
 }
 
 /******************************************************************************
*                           FORMS                                                                  
******************************************************************************/
label {display: block; float: left;}
.form-field label, label {width: 130px;}
 fieldset {border: 3px double #b1bebe; margin-top: 15px;}
legend {color: #194343; font-size: 1.1em; font-weight: bold; letter-spacing: 1px; border: 1px solid #a3b3b3;}
.submit_btn {font-weight: bold; background: #1d4747; color: #fff; border: 1px solid #b1bebe; padding: 3px 5px; margin-bottom: 15px;}

#account input {width: 200px;}
#account input.submit_btn {width: auto;}
#account div {margin-bottom: 5px;}