/* Common Styles
   =================================*/

body {
	font-family: verdana, arial, sans-serif;
	color: #000;
	letter-spacing: 1px; 
	text-align: left;
	line-height: 1.2em;}
	

img {border: 0px none;}

a:link {color: #397979; text-decoration: underline;}

a:visited {color: #397979; text-decoration: underline;}

a:hover {color: #990000; text-decoration: underline;}


/* Layout
   =================================*/


#wrapper {margin: 0 auto 0 auto;
   	      width: 740px;
   	      text-align: left;}

#topbar {height: 95px;
         width: 740px;
         top: 0px;
         background-color: #FFF;
         border-bottom: 5px solid #397979;}

#logo {width: 740px;
   	   height: 95px;
   	   background: url(images/benefit_header_2.jpg);}


#textsize {margin-top: 10px;
      margin-left: 350px;
      height: 18px;
      width: 170px;}

#main {float: right;
       width: 520px;
       margin-right: 20px;
       margin-bottom: 30px;}

#footer {clear: both;
        height: 30px;
        width: 740px;
        background-color: #F3FE7E;
        border-top: 5px solid #397979;}


/* Navigation
   =================================*/

#menu {float: left;
	   line-height: 2.5em;
       width: 100px;
       margin-left: -30px;}

#menu li.line_menu {line-height: .1em; padding: 0 0 10px 0;}
ul.nav {list-style: none; margin-top: 85px;}


/* Images
   =================================*/

.pic {width: 218px; float: right; margin: 0; padding: 0 0 0 10px;}
.pic_left {width: 140px; float: left; margin: 0; padding: 5px 15px 3px 0;}


/* Donations
   =================================*/

.payheader {font-size: .75em; color: #333; font-weight: bold; line-height: .1em; padding: 0 0 0 10px;}
.paytext {line-height: 1.8em; padding: 0 0 10px 100px;}



/* Main Formatting - Content Styling
   =================================*/

p {clear: both; font-size: .75em; list-style: disc;}
#main ul {list-style: none; margin: 0;}
	
.bold  {font-size: .75em; font-weight: bold;}

.space {font-size: 12px; line-height: 1em;}
	
h1 {clear: both;
    color: #397979;
	font-size: 1.3em; 
	font-weight: bold;
    font-style: italic;
    line-height: 1.5em;}

h2	{clear: right;
    font-size: .8em; 
	font-weight: bold;}

h3	{color: #000;
	font-size: .9em; 
	font-weight: bold;
	margin: 0 0 -5px 0;}
	
h4	{color: #000;
	font-size: 1em; 
	font-weight: bold;
	font-style: italic;}

h5  {color: #000;
	font-size: .85em; 
	font-weight: bold; 
	text-align: center;}
		
	
/* Story Box - www.vertexwerks.com
   =================================*/
	
	/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 28em; /* ems so it will grow */
	background: url(images/story/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/story/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(images/story/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 20px 0px 5px 30px;
	color: white;
	font-family: Times, serif; 
	font-weight: bold; 
	font-size: 1.1em; 
	line-height: 1.1em;
}
.boxbody {
	background: url(images/story/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 1px 30px 16px 31px;
}
	
.boxbody p {font-family: Times, serif; font-size: .9em; line-height: 1.2em; font-style: italic; margin: 10px 0 15px 0;}



/* Footer
   =================================*/
.foot {width: 740px;}

.address {       
	  float: right;
      font-family: georgia, verdana, arial, sans-serif;
      font-size: .75em; 
      text-align: right;
      color: #000;
      padding-right: 18px;
      padding-top: 5px;}

.regchar  {
       float: left;
	   font-family: georgia, verdana, arial, sans-serif;
       font-size: .75em;
	   letter-spacing: 0px; 
       color: #000;
       text-align: left;
	   padding-left: 18px;
	   padding-top: 5px;}
	
.copyright {clear: both;
       font-size: .6em;
	   font-style: italic;
       color: #000000;
	   letter-spacing: 0px; 
       text-align: right;
	   padding-right: 18px;
	   margin: 0;}
	
/* Fundraising on benefits page
   =================================*/

.charity_centered {color: #397979;
	font-size: .75em; 
    line-height: 1.5em;
	text-align: center;}

.charity_bi {color: #397979;
	font-size: .75em; 
    font-style: italic;
	font-weight: bold; 
    line-height: 1.5em;
	padding: 10px 0 0 0;}

.event	{font-size: .95em; 
	font-weight: bold;}