* {
  margin: 0;
  padding: 0;
}
html {
  background: #E8FFE8;
  color: #333;
  font-family: verdana, sans-serif;
}
body {
  text-align: center;
  font-size: 66.7%;
}
img {
  border: 0;
}

.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
  line-height: 1px;
}
.hidden 
{
    display: none;
}

#page_wrapper {
  width: 738px;
  margin: 0 auto;
  text-align: left;
}

#links {
  clear: both;
  float: left;
  width: 100%;
  margin: 2px 0;
  text-align: right;
  font-size: 1.2em;
}
#links ul {
  float: right;
  list-style: none;
}
#links li,
#footer .links li {
  float: left;
  padding-right: 16px;
  background: url(/img/quick_links_sep.gif) no-repeat top right;
}
#links li.last,
#footer .links li.last {
  padding-right: 0;
  background: 0;
}
#links a {
  text-decoration: none;
  color: #333;
}

#header {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  background: url(/img/page_header.jpg) no-repeat top left;
  height: 118px;
}

#site_title {
  position: absolute;
  display: block;
  top: 21px;
  left: 16px;
  width: 280px;
  height: 68px;
}
#site_title img {
}

#navigation {
  clear: both;
  position: absolute;
  bottom: 0;
  right: 0;
}

#footer {
  clear: both;
  padding: 4px;
  background: #000 url(/img/page_footer.gif) no-repeat bottom right;
  color: #CCC;
}

#template_wrapper {
  clear: both;
  background: #FFF;
  border-top: 2px solid #000;
  border-right: 1px solid #C99;
  border-left: 1px solid #C99;
  border-bottom: 4px solid #FFA616;
  zoom: 1;
  padding-bottom: 8px;
  position: relative;
} 
#template {
  padding: 8px;
}


/* homepage layout */

#template h1 
{
  margin-top: .25em;
  margin-right: 11em;
  font-size: 2em;
}

#homepage #content_wrapper {
  float: left;
  width: 100%;
  margin-left: -192px;
  margin-top: 7ex;
}
#homepage #content {
  margin-left: 186px;
  margin-right: 24px;
  padding: 8px;
}
#homepage #news {
  float: right;
  width: 192px;
  margin-top: 9ex;
}

/* misc */
#misc {
  float: left;
  margin: 0 16px 0 16px;
  /*width: 100%;*/
}
#misc #content_wrapper {
  margin-top: 8ex;
}
  
/* sub_nav */
#sub_nav {
  float: left;
  margin: 14px 8px 0 8px;
  
}
#sub_nav #content_wrapper {
  margin-top: 6ex;
}
#sub_nav #menu {
  float: left;
  width: 192px;
}
#sub_nav #content {
  margin-left: 192px;
}

#sub_nav #menu 
{
    float: left;
    width: 25%;    
    font-size: 1.2em; 
}
#sub_nav #menu ul 
{
    list-style: none;
}
#sub_nav #menu li 
{
    margin: 0 0 .5em 0;
}
#sub_nav #menu a 
{
    display:block;
    background: #FFA616 url(/img/orange_button_bkgd.gif) repeat-x top left;
    color: #333;
    padding: .5em;   
    text-decoration: none;
    font-weight: bold;
}
#sub_nav #menu li.current span 
{
    display:block;
    background: #454545 url(/img/black_button_bkgd.gif) repeat-x top left;
    color: #CCC;
    padding: .5em;   
    font-weight: bold;
}


/* content */
#content 
{
    margin-top: 3ex;
  font-size: 1.1em;
}
#content h2 
{
    margin-top: .7em;
    font-size: 1.3em;
}
#content p {
  margin-bottom: 1em;
  line-height: 1.4em;
}
#content ul 
{
    margin: .5em 0;
    margin-left: 1.5em;
    list-style: round;
}
#content ul li 
{
    margin: .125em 0;
}


/* site search */

/* search form */
.search_form {
  position: absolute;
  float: right;
  top: 0;
  right: 0;
  background: url(/img/search_bg.gif) no-repeat bottom left;
  padding: 8px 0 8px 8px;
  font-size: .9em;
  font-weight: bold;
}
.search_form fieldset {
  border: 0;
  float: left;
}
.search_form p 
{
    clear: both;
}
.search_form legend {
  display: none;
}
.search_form div {
  float: left;
  margin-right: 8px;
}
.search_form label {
  display: block; 
  font-size: 1.3em;
  padding-bottom: 2px;
}
.button {
  border-top: 2px solid #FFBE55;
  border-right: 4px solid #A66C0E;
  border-bottom: 2px solid #A56B0E;
  border-left: 4px solid #FFBE55;
  background: #FFA616;
  color: #333;
  font-weight: bold;
  padding: 1px 4px;
  cursor: pointer;
}
.search_form .button 
{
    margin-top: 2.5ex;
   
}
.button:hover {
  color: #FFF;
}


/* site nav */

#site_nav {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.2em;
}

#site_nav ul {
  list-style: none;
}

#site_nav li {
	float: left;
	margin-right: 5px; /* spacing between tabs */
	background: url(/img/site_nav_tab_r.gif) no-repeat top right;
  margin-bottom: 4px;

}

#site_nav li a,
#site_nav li span {
	display: block;
	background: url(/img/site_nav_tab_l.gif) no-repeat top left;
	padding: 3px 0 3px 7px;
	margin-right: 7px;
	color: #333;
	text-decoration: none;
}

#site_nav li.current {
  background: url(/img/site_nav_tab_current_r.gif) no-repeat top right;
  padding-bottom: 4px;
  margin-bottom: 0;
}

#site_nav li.current span {
  display: block;
	background: url(/img/site_nav_tab_current_l.gif) no-repeat top left;
  font-weight: bold;
	color: #FFF;
  margin-bottom: -4px;
  padding-bottom: 8px;
}

#site_nav li a:hover {
  color: #FFF;
}


/* homepage news panel */
#news {
  background: url(/img/news_panel_bg.gif) repeat-y top left;
}
#news h2 {
  background: url(/img/news_panel_header.gif) no-repeat top left;
  padding: 8px;
  color: #630;
  font-size: 2.2em;
}
#news .item {
    clear: both;
}
#news img {
    float: left;
    vertical-align: top;
    padding: 0 4px 4px 0;
}
#news h3 a {
  font-size: .8em;
  color: #E40916;
}
#news .item .teaser {
    font-size: 1.1em;
    color: #333;
}
#news .item .source 
{
    color: #C00;   
}
#news .footer {
  background: url(/img/news_panel_footer.gif) no-repeat bottom left;
  height: 20px;
}
#news .item {
    clear: both;
    margin: 8px;
}

/* news index */
#news_items .item {
    clear: both;
    margin-bottom: .25em;
    border-bottom: 1px dashed #CCC;
    padding-bottom: .25em;
}
#news_items .item h3 {
    margin: 0;
    font-size: 1em;
}
#news_items .item a 
{
    color: #C00;
}
#news_items .item .date {
    margin-bottom: .25em;
    font-weight: bold;   
    font-size: .8em;
}
#news_items .item .more {
    font-size: .8em;
}


#breadcrumb 
{
    clear: both;
    background: #454545 url(/img/breadcrumbs_bkgd.gif) repeat-x top left;
    color: #CCC;
    padding: 4px 4px 4px 14px;   
}
#breadcrumb a 
{
    color: #CCC;
}

#footer {
  clear: both;
  padding: 7px;
  background: #000 url(/img/page_footer.gif) no-repeat bottom right;
  color: #FFF;
  font-size: 1.1em;
  font-family: verdana, sans-serif;

}
#footer .links {
  float: left;
  list-style: none;
}
#footer .links li {
  float: left;
}
#footer a {
  color: #FFF;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .copyright {
  text-align: right;
}


#homepage .links 
{
    float: left; 
}
#homepage .link 
{
    float: left;
    position: relative;
    width: 224px;
    height: 142px;
    margin: 8px;
}
#homepage .link h2 
{
    margin: 4px 4px 2px 4px;
    color: #630;
}
#homepage .link p 
{
    margin: 2px 4px;   
    color: #C30;
}
#homepage .link.life_events
{
    background: url(/img/homepage_life_events.jpg) no-repeat top left;
}
#homepage .link.sfb
{
    background: url(/img/homepage_sfb.jpg) no-repeat top left;
}
#homepage .link.tell_us
{
    background: url(/img/homepage_tell_us.jpg) no-repeat top left;
}
#homepage .link.events
{
    background: url(/img/homepage_events.jpg) no-repeat top left;
}


#homepage .link .click 
{
    position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 224px;
    height: 142px;
}

.partner_panel 
{
    margin-top: 8px;
    float: left;
    width: 217px;
    margin-right: 8px;
    margin-bottom: 16px;
    background: url(/img/partner_panel_footer.gif) no-repeat bottom left;    
}
#content .partner_panel h2 {
    margin: 0;
    background: url(/img/partner_panel_header.gif) no-repeat top left;    
    padding: 9px 11px 6px 11px;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    color: #630;
}
#content .partner_panel div.body {
    margin: 4px 11px;
}
#content .partner_panel p 
{
    margin: 8px 0;
}
#content .partner_panel ul 
{
    font-size: 1em;
    list-style: none;
}
#content .partner_panel li 
{
    margin: 4px 0;
}
#content .partner_panel a 
{
    background: url(/img/partner_link.gif) no-repeat 0 50%;
    padding-left: 16px;
    color: #E40916;
}

.partner_login {
    width: 386px;
}
.partner_login h2 
{
    margin: 10px;
    
}
.partner_login fieldset {
    background: url(/img/login_header.gif) no-repeat top left;
    border: 0;
    padding: 8px;
}
.partner_login fieldset.footer {
    background: url(/img/login_footer.gif) no-repeat bottom left;
    padding: 0 16px 16px 16px;
}
.partner_login legend {
  font-size: 1.5em;
  color: #630;
  padding: 0;
  margin: 0;
}
.partner_login .field {
    margin: 8px;
}
.partner_login label {
    display: block;
    font-size: 1em;
}
.input 
{
    border-top: 1px solid #6F6F6F;
    border-right: 1px solid #343434;
    border-bottom: 1px solid #343434;
    border-left: 1px solid #6F6F6F;
    background: #FFF url(/img/form_input_bg.gif) no-repeat top left;
    padding: 3px;
}
select.input {
  padding: 2px;
}
option {
  padding-right: .5em;
}


#document_store 
{
    float: left;
    width: 100%;
    font-size: 1em;
}

#document_store .breadcrumb 
{
    margin: 1em 0;
}
#document_store .folders
{
    float: left;
    width: 30%;    
}
#document_store .files 
{
    float: right;
    width: 69%;   
}
#document_store ul 
{
    list-style: square;
    margin-left: 2em;
}
#document_store li 
{
    padding: .2em 0;
}
#document_store .uploader 
{
    clear: both;
    width: 49%;  
}


.form 
{
    background: #F5F5F5;   
    font-size: 1em;
    padding: .5em;
}
.form td 
{
    padding-bottom: .5em;   
}

.error 
{
    padding: .125em;
    background: #FCC;
    color: #900;
    font-size: small;
    font-weight: bold;   
}
#sub_nav.tell_us 
{
    background: url(/img/tell_us_large.gif) no-repeat bottom right;   
}

#content.partners 
{
    background: url(/img/partners_large.gif) no-repeat bottom right;   
}

#current_question 
{
    clear: both;   
}
#current_question .question 
{
    width: 325px;
    float: left;
}
#current_question .question a 
{
    display: block;
    text-decoration: none;
}
#current_question .question img 
{
    float: left;
    margin: 8px;
}
#current_question .question span 
{
    display: block;
    padding: 16px 8px 16px 70px;
}

#current_question .question.clear 
{
    /* overflow: auto; */
    height: auto;
    line-height: 1.1em;
}