body {font: 62.5%/1.3 arial,verdana,geneva,lucida,sans-serif; background: #fff; color: #000; margin: 0; padding: 0;}
body {font-family: arial,verdana,geneva,lucida,sans-serif !important;}
p, li, ol, ul, table, tr, th, td, .Explicit, .smaller {font-family: arial,verdana,geneva,lucida,sans-serif; !important;}
/*p, h1, h2, h3, h4, h5, h6, fieldset,*/ #header form, #header label, #header input, #header textarea, #header select, /*legend,*/ dl, dt, dd, table, caption, th, td, blockquote, cite {margin: 0; padding: 0; font-size: 1em;}
ul, ol, li, ul *, ol *  {font-size: 1em;}

input, textarea, select {font-family: arial,verdana,geneva,lucida,sans-serif; font-size: inherit;}
/*textarea {overflow: auto;}
fieldset {border: solid 0 transparent;}*/
/*table {border-collapse: collapse;}*/
img {border: 0;}
acronym, abbr {border-bottom: 1px dotted; cursor: help;}
cite {font-style: normal;}
#globalNav :focus, .logo :focus {outline: 0;}

.nav, .nav ul, #newsTicker .cycle {margin: 0; padding: 0; list-style: none;}
.clear {clear: both;}
.clear-l {clear: left;}
.clear-r {clear: right;}
.left {float: left; display: inline;}
.right {float: right; display: inline;}
.center {text-align: center;}
.block {display: block;}

/*------------------------------------------------------------------
B. TYPOGRAPHY  
-------------------------------------------------------------------*/
strong, a, #footer .current a, #searchbox .form-submit, #utility {font-weight: bold;}
#searchbox, #footer {font-size: 1.1em;}
a {color: #0054a6; text-decoration: none;}
#globalNav a:hover {text-decoration: none;}
a:hover, a:focus {text-decoration: underline;}
/*h1 {font-size: 1.7em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1.0em;}*/
#globalNav a, #mainContent, #utility {font-size: 1.2em;}
.dropdown a, #footer a {font-weight: normal;}
#globalNav a, h2, #utility, #utility a, #searchbox .form-submit {color: #fff;}
#utility .current a, #utility a:hover,  #utility a:focus {color: #cbe2ff;}
#copy {color: #333;}
#footNav, #footNav a, .sidebar h3 {color: #314263;}

/*------------------------------------------------------------------
C. LAYOUT 
-------------------------------------------------------------------*/

/* 1. Body */
body {background: #1e293f url(http://aclumich.org/sites/all/themes/aclu/images/body_bg.gif); padding-top: 10px;}
#shadow-top {margin: 0 auto; width: 938px; height: 17px; background: url(http://aclumich.org/sites/all/themes/aclu/images/shadow_top.png) no-repeat top;}
#shadow-bottom {margin: 0 auto 10px; width: 938px; height: 20px; background: url(http://aclumich.org/sites/all/themes/aclu/images/shadow_bottom.png) no-repeat top;}

   /* 1.1. Skip to content / a#skip */
   #skip {position: absolute; top: -1000px;}

/* 2. Layout wrapper / div#wrapper */
#wrapper {margin: 0 auto; width: 902px; padding: 0 18px; background: url(http://aclumich.org/sites/all/themes/aclu/images/wrapper_bg.png) repeat-y}

   /* 2.1. Header / div#header */
   #header {height: 104px; position: relative; margin-bottom: 3px; background: #638dc0 url(http://aclumich.org/sites/all/themes/aclu/images/header_bg.jpg) no-repeat;}

      /* 2.1.1. Logo / h1.logo */
      h1 {width: 177px; height: 82px; background: url(http://aclumich.org/sites/all/themes/aclu/images/logo.gif) no-repeat; text-indent: -9000px; z-index:3; position: absolute; top: 10px; left: 13px;}
      h1 a {display: block; width: 177px; height: 82px; background: url(http://aclumich.org/sites/all/themes/aclu/images/logo.gif) no-repeat;}
      
      /* 2.1.2. Utility navigation / ul#utility */
      #utility {float: right; display: inline; margin: 26px 15px 0;}
      #utility li {float: left; display: inline; border-right: 1px solid #fc0;}
      #utility a {display: block; padding: 0 25px;}
      #utility li:last-child {border: 0;}
      #utility li:last-child a {padding-right: 0;}

      /* 2.1.3. Search box / form#searchbox */
      .container-inline div, .container-inline label {display:inline;}
      .form-item {margin-bottom:1em; margin-top:1em;}
      #searchbox {position: absolute; top: 60px; right: 15px; height: 20px; line-height: 20px;}
      * html #searchbox div#search {padding-top: 8px;}
      #searchbox input {border: 1px solid #000; vertical-align: baseline;}
      #searchbox .form-text {width: 167px; background: #e7e7e7; margin: 0 5px; padding: 1px;}
      #searchbox .form-submit {background: #4f78ad url(http://aclumich.org/sites/all/themes/aclu/images/search_bg.gif) repeat-x top; cursor: pointer; *position: relative; *top: 1px;}
      #searchbox label {display: none;}

   /* 2.2. Global navigation / #globalNav */
   #globalNav {z-index: 99; position: relative; float: left;}

   /*** BEGIN SUPERFISH ESSENTIAL STYLES ***/
   #globalNav ul ul {position: absolute; top: -999em; width: 15em; /* left offset of submenus need to match (see below) */}
   #globalNav ul ul li {width: 100%;}
   #globalNav ul li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
   #globalNav ul li {float: left; position: relative;}
   #globalNav ul a {display: block; position: relative;}
   #globalNav ul li:hover ul,
   #globalNav ul li.sfhover ul {left: 0; top: 3em; /* match top ul list item height */ z-index: 99;}
   #globalNav ul li:hover li ul,
   #globalNav ul li.sfhover li ul {top: -999em;}
   #globalNav ul li li:hover ul,
   #globalNav ul li li.sfhover ul {left: 15em; /* match ul width */ top: 0;}
   #globalNav ul li li:hover li ul,
   #globalNav ul li li.sfhover li ul {top: -999em;}
   #globalNav ul li li li:hover ul,
   #globalNav ul li li li.sfhover ul {left: 15em; /* match ul width */ top: 0;}
   /*** END SUPERFISH ESSENTIAL STYLES ***/

   #globalNav {float: left; width: 902px; margin: 3px 0 5px;}
   #globalNav ul {float: left; width: 902px; background: #c63 url(http://aclumich.org/sites/all/themes/aclu/images/globalNav_bg.gif) repeat-x bottom; z-index: 99;}
   #globalNav ul a {}
   #globalNav ul a, #globalNav ul a:visited  {/*visited pseudo selector so IE6 applies text colour*/ color: #fff;}
   #globalNav ul li {background: url(http://aclumich.org/sites/all/themes/aclu/images/nav_divider.png) no-repeat left; height: 30px; line-height: 30px; text-align: center; width: 127px; padding-left: 2px;}
   * html #globalNav ul li {background: none; padding: 0; border-left: 2px dotted #eeaf0d;}
   #globalNav ul li.first {background: none; border: 0; width: 128px; padding: 0;}
   #globalNav ul li ul {filter: alpha(opacity=95); opacity: .95; -moz-opacity: .95;}
   #globalNav ul li li {background: #5f515e; height: auto; line-height: 1.5; text-align: left; border-top: 2px dotted #fff; border-left: 0; padding: 0;}
   #globalNav ul li li a {padding: 0.5em 1em;}
   #globalNav ul li li li, #globalNav .current ul a {background: #5f515e;}
   #globalNav ul li:hover, #globalNav ul li.sfhover,
   #globalNav ul a:focus, #globalNav ul a:hover, #globalNav ul a:active, #globalNav .current a, #globalNav .current ul .current a {background-color: #8f6e8d;}

   /*** arrows **/
   #globalNav ul a.sf-with-ul {padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}
   .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
   a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/}

   /* apply hovers to modern browsers */
   a:focus > .sf-sub-indicator,
   a:hover > .sf-sub-indicator,
   a:active > .sf-sub-indicator,
   li:hover > a > .sf-sub-indicator,
   li.sfhover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers */}
   /* point right for anchors in subs */
   #globalNav ul ul .sf-sub-indicator {background-position: -10px 0;}
   #globalNav ul ul a > .sf-sub-indicator {background-position:  0 0;}
   /* apply hovers to modern browsers */
   #globalNav ul ul a:focus > .sf-sub-indicator,
   #globalNav ul ul a:hover > .sf-sub-indicator,
   #globalNav ul ul a:active > .sf-sub-indicator,
   #globalNav ul ul li:hover > a > .sf-sub-indicator,
   #globalNav ul ul li.sfhover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers */}

   /*** shadows for all but IE6 ***/
   #globalNav .sf-shadow ul {background: url('http://aclumich.org/sites/all/themes/aclu/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
   #globalNav .sf-shadow ul.sf-shadow-off {background: transparent;}
   
   /* 2.3. Middle section / div#middle */     
   #middle {margin: 5px 0 10px; width: 100%; clear: both;}

      /* 2.3.1. Primary column / div#primeCol */
      #primeCol {width: 100%;}
      h2 {background: #314263; height: 2em; line-height: 2em; padding-left: 12px;}

         /* 2.3.1.1. Main content / div#mainContent */
         #mainContent {margin: 0 18px 22px;}
         
   /* 2.4. Footer / div#footer */
   #footer {width: 902px; background: #fff; overflow: hidden; margin-top: 6px; height: 6em; line-height: 6em; border-top: 5px solid #7b9cc6;}

      /* 2.4.1. Copyright information / p#copy */
      #copy {float: left; display: inline; text-align: center; width: 247px;}

      /* 2.4.2. Footer navigation / ul#footNav */
      #footNav {text-align: center;}
      #footNav li {display: inline; border-right: 1px solid #314263;}
      #footNav li a {margin-right: 15px; padding-left: 15px;}
      #footNav li:last-child {border: 0;}