/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/

body, html {
color: #000; 
font-family: Arial, Helvetica, Tahoma, sans-serif;
background-color: #EAE9E0; 
}
body {
font-size: 14px;
font-family: Arial, Helvetica, Tahoma, sans-serif;
min-width: 800px;
background-color: #EAE9E0;
}
p {
	padding: 7px 0 7px 0;
  font-size: 12px;
  line-height: 1.3em;
  color: #4C4C4C;
}

a {
color: #839EBC;

}


h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}

h1 {
color: #54647B;
font-size: 160%;
font-weight: normal;
margin-bottom: 10px;
}

/*
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
*/
h1 a, #header h2{
color: #54647B;
font-size: 160%;
font-weight: normal;
margin-bottom: 10px;
}
.clear { clear: both; }
#mainContainer {
min-height: 300px;
background: #EAE9E0;
width: 974px;
margin: 0px auto;
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
background: #000099;

}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
border-left: 1px solid #EAE9E0; /*** This is the width and the color for our left column ***/
border-right: 1px solid #EAE9E0; /*** This is the width and the color for our right column ***/
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
}
* html .inner {
/*** No need for hacking IE on this layout ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 927px width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
.float-wrap {

margin-left: -1px; /*** Same length as .outer border-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
background: #fff;
padding: 0px;
width: 974px !important;
margin: 0px;  /*** Same length as .outer border-left but with negative value ***/
}
* html #content {
position: relative;
}
.contentWrap{
padding: 0px;  /*  no padding for margins */
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 0px;
}
.contentWrap li {
padding-bottom: 2px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 150px;
min-height: 250px;
padding: 1px;
}
* html #left {
position: relative;  /*** IE needs this  ***/
height: 250px;
}
/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width: 120px;
padding: 5px;
min-height: 250px;
margin-right: -1px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
}
* html #right {
height: 250px;
position: relative;  /*** IE needs this  ***/
}
/**************************
FOOTER
**************************/


    div#footer { clear:both; width:auto; padding:8px 15px; color:#6d6d6d; border-top:1px solid #eae9e0; font-size:10px; }
			div#footer p {text-align: left; font-size: 0.9em; margin: 1em 2em 1em 2em;}
      div#footer a:link, div#footer a:visited { color:#6d6d6d; text-decoration:none; }
      div#footer a:focus, div#footer a:hover, div#footer a:active { text-decoration:underline; }
      div#footer ul { display:inline; padding:0 0 0 15px; margin:0; }
        div#footer ul li { display:inline; list-style-type:none; margin:0 5px 0 0; padding:0 7px 0 0; border-right:1px dotted #bcbbb9 !important; border-right:1px solid #bcbbb9; }
        div#footer ul li.last { margin-right:0; padding-right:0; border-right:none !important; }


/****************************************
NSS CODE BELOW
*****************************************/
div#branding { 
	height:121px; position:relative; top:0; left:0;
  margin-left: 27px;
  margin-top: 2px;
  }
a.donate-button{
  left: 771px;
  position: relative;
  top: -30px;
  }
*+html a.donate-button{
  left: 771px;
  position: relative;
  top: -40px;
  }
  
img
{
border-width: 0px;
}

* html div#branding {  } /* ie6 */
*+html div#branding {  } /* ie7 */
div#branding div.aboutlinks { font-size:11px; line-height:11px; position:absolute;  top:-15px; right:0px; width: 927px; text-align:right; z-index:3;  display: inline;}
*+html div#branding div.aboutlinks { font-size:11px; line-height:11px; position:relative;  top:-60px; right: 0px; width: 927px; text-align:right; z-index:3;  float: right; display: run-in;}
div#branding a:link, div#branding a:visited { color:#717070; text-decoration:none; }

div#branding a:focus, div#branding a:hover, div#branding a:active { text-decoration:underline; }
div.aboutlinks ul { display:inline; padding:0; margin:0; text-align:right; }
div.aboutlinks ul li { display:inline; padding:0 10px 0 0; margin:0 10px 0 0; border-right:1px dotted #c3b7aa !important; border-right:1px solid #c3b7aa; text-align:right; }
div.aboutlinks ul li.nb { border-style:none !important; }
div.aboutlinks ul li.last { padding-right:0; margin-right:0; }
div.aboutlinks input { font-size:11px; line-height:11px; }
.btn, .submit_buttons input { height:18px; font-size:12px; line-height:1; background-image:url(/include/swell/img/bg-btn.gif); background-repeat:repeat-x; background-position:0 50%; border:1px solid #c3b7aa; font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; font-size-adjust: none; font-stretch: ; -x-system-font: none; color: #000000; padding-top: 0em; padding-right: 0em; padding-bottom: 0em; padding-left: 0em;}
.btn:hover {background-color: #cccccc; background-image: none; border: 1px solid #003366;}
div#branding div.brand { position:relative; width:169px; z-index:2; }
input,textarea,option,select { font-family:Arial,Helvetica,sans-serif; font-size:1em; }
input.txt { border:1px solid #c3b7aa; padding-left:5px; }

    div#docbody { }
    
    div#docbody div#topleftbar{
			color: #4C4C4C;
			font-family: Arial, Helvetica, Tahoma, sans-serif;
			font-size: 14px !important;
			font-weight: bold !important;
			height: 25px;
			left: 5px;
			position: relative;
			top: -25px;
			z-index: 400;		
    }
    
/* ie 6 c*** */
* html div#topleftbar{
	    position:absolute;
      left: 0px;
	    }
* html div#topbar{
      position:absolute;
      left: 0px;
      }



    div#topbar div#actnow {
      position:relative;
      top:3px;
      width:475px;
      font-size:0.9em;
      color:#6c6b6a;
    }

    div#topbar div#actnow a { color:#6c6b6a; }


    div#docbody div#topbar {
      position:absolute;
      top:120px;
      width: 927px;
      text-align: right;
      height:25px;
    }
    * html div#docbody div#topbar {
      top:120px;
    }

    div#topbar div#biomed {
      font-size:0.9em;
      color:#fff;
      posiion: relative;
      width: 520px;
      float: right;
      z-index: 500;
    }

    div#topbar div#biomed a {
      color:#fff;
      text-decoration:none;
      display:block;
      text-align:center;
      background-repeat:no-repeat;
      height:24px;
      font-size: 9pt;
      font-weight: bolder;
      list-style-type: none;
      line-height: 24px;
      margin-top: 0px !important;
    }



    *+html div#topbar div#biomed {
      font-size:0.9em;
      color:#fff;
      /*width: 471px;*/
      z-index: 500;
      position: relative; right: 185px; width: 927px; text-align:right; z-index:3;  float: right;
    }

    *+html div#topbar div#biomed a {
      color:#fff;
      text-decoration:none;
      display:block;
      text-align:center;
      height:24px;
      font-size: 9pt;
      font-weight: bolder;
      list-style-type: none;
      line-height: 24px;
      margin-top: 0px !important;
      
    }

    div#topbar div#biomed a span { 
      padding-left:5px; 
    }

    div#topbar div#biomed a.on, div#topbar div#biomed a:hover span { 
      color:#ffffff; 
    }

    div#topbar div#biomed ul {
      padding:0;
      margin:0;
      position:relative;
      width: 520px;
      height: 25px;
      z-index: 500;
    }
    
    div#topbar div#biomed ul li {
      list-style-type:none;
      position:absolute;
      top:0;
    }
    
    div#topbar div#biomed ul li#giveblood {
      left:48px;
      width:190px;
      margin-top: 5px;
      height: 130px;
    }
    
    div#topbar div#biomed ul li#giveblood a {
      padding-left: 40px;
      font-size: 12px;
      font-weight: bold;
    }
    
    div#topbar div#biomed ul li#givemoney a {
      font-size: 12px;
      font-weight: bold;
    }
    div#topbar div#biomed ul li#givetime a {
      font-size: 12px;
      font-weight: bold;
    }
    
    div#topbar div#biomed ul li#giveblood a span{
      font-size: 12px;
      font-weight: bold;
      padding-left: 7px;
      top: -1px;
      position: relative;
    }
    
    div#topbar div#biomed ul li#givemoney a span {
      font-size: 12px;
      font-weight: bold;
      padding-left: 7px;
      top: -1px;
      position: relative;
    }
    div#topbar div#biomed ul li#givetime a span {
      font-size: 12px;
      font-weight: bold;
      padding-left: 7px;
      top: -1px;
      position: relative;
    }
    
    div#topbar div#biomed ul li#giveblood a:HOVER { 
      background-image:url(/include/swell/img/bg-topbar-giveblood.gif);
      height: 130px;
    }

    div#topbar div#biomed ul li#givemoney {
      left:238px;
      width:136px;
      margin-top: 5px;
    }
    
    
    
 div#topbar div#biomed ul li#givemoney a:HOVER {
      background-image:url(/include/swell/img/bg-topbar-givemoney.gif);
      height: 130px; 
    }


    div#topbar div#biomed ul li#givetime {
      left:374px;
      width:193px;
      margin-top: 5px;
    }
    
    div#topbar div#biomed ul li#givetime a:HOVER { 
      background-image:url(/include/swell/img/bg-topbar-givetime.gif);
      height: 130px;      
    }

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
  }
  .clearfix
    {display: inline-table;}
  /* Hides from IE-mac \*/
  * html .clearfix {
    height:1%;
  }
  *+html .clearfix {
    height:1%;
  }
  .clearfix {
    display:block;
  }
  
  
      div#leftrail { width:200px; float:left; display:inline; margin-left:2px; margin-right:4px; padding-top:2px; border-right: 1px solid #EAE9E0; }
      div#leftrail div.supplement { width:150px; margin:0 auto; }
      
  /* From navigation.css    
        div#leftrail div.navigation { padding:35px 0 2em; }
    /* level one */
    div#leftrail div.navigation ul { padding:0; margin:0; }
    div#leftrail div.navigation ul li { height:1%; padding:0; margin:0; list-style:none; line-height:1.2em; }
    div#leftrail div.navigation ul li a:link,
    div#leftrail div.navigation ul li a:visited
      { height:1%; font-weight:bold; display:block; padding:0.5em 0.3em 0.5em 15px; text-decoration:none; color:#453329; font-size:12px; }
    div#leftrail div.navigation ul li a:focus,
    div#leftrail div.navigation ul li a:hover,
    div#leftrail div.navigation ul li a:active,
    div#leftrail div.navigation ul li a.on
      { color:#000; background-color:#F6F1EB; background-image:url(/include/swell/img/bullet-leftnav.gif); background-repeat:no-repeat; background-position:3px 0.9em; }
    div#leftrail div.navigation ul li a.on-child
      { color:#000; }
    /* level two */
    div#leftrail div.navigation ul li ul { margin-left:0; border-top:1px solid #DEDEDC; }
    div#leftrail div.navigation ul li ul li { border-bottom:1px solid #DEDEDC; }
      div#leftrail div.navigation ul li ul li.last { border-bottom-style:none; }
    div#leftrail div.navigation ul li ul li a:link,
    div#leftrail div.navigation ul li ul li a:visited
      { font-weight:normal; color:#856654; font-size:11px; }
    div#leftrail div.navigation ul li ul li a:focus,
    div#leftrail div.navigation ul li ul li a:hover,
    div#leftrail div.navigation ul li ul li a:active,
    div#leftrail div.navigation ul li ul li a.on
      { background-position:3px 0.9em; color:#000; }
    div#leftrail div.navigation ul li ul li a.on-child
      { color:#000; }
    /* level three */
    div#leftrail div.navigation ul li ul li ul { margin-left:0; }
    div#leftrail div.navigation ul li ul li ul li { }
    div#leftrail div.navigation ul li ul li ul li a:link,
    div#leftrail div.navigation ul li ul li ul li a:visited
      { padding-left:30px; color:#777; font-size:10px; }
    div#leftrail div.navigation ul li ul li ul li a:focus,
    div#leftrail div.navigation ul li ul li ul li a:hover,
    div#leftrail div.navigation ul li ul li ul li a:active,
    div#leftrail div.navigation ul li ul li ul li a.on
      { background-position:20px 0.9em; color:#000; }
      
/* make drupal menu appear to be the same as navigation */ 
div#leftrail h2 { display: none; }
div#leftrail ul.menu li.expanded, div#leftrail ul.menu li.leaf, div#leftrail ul.menu li.collapsed{
  list-style-type: none; 
  list-style-image: none;
}
div#leftrail .active { font-weight: bold; }
div#leftrail .content
{
  margin: 0;
  padding: 0;
}
h2 a { color: #cc3333; }
.branding { position: absolute; top: 0px; width: 974px; height: 154px;
  background-image: url("/include/swell/img/bg-expanded.gif"); background-repeat: repeat-x; margin: 0; display: block} 

.logo { position: relative; top: 125px; width: 974px; height: 30px;
  background-image: url("/include/swell/img/bg-topbar.gif");
  background-position:  right 0px;
  background-repeat: no-repeat; margin: 0; display: block;
  } 

div#homemain, div#homeain #subsections, div#hommain #subsections .sscol,
div#hommain #subsections .sscol ul, div#hommain #subsections .sscol ul li
{
  z-index: 40; /* needs to be infront of sectionnav */
}
/****************************************
NSS CODE ABOVE
*****************************************/
#client_links {
 font-size: 0.9em;
 width: 727px !important;
}