*{margin:0; padding:0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 82%; background: #35495e url(../images/bkgd.gif) top center no-repeat; }
h1 {margin-bottom:.8em; color: #007c85; font-size: 1.45em;}
h2, h3 { color:#333; margin: 1.1em 0 .2em 0;}
h2 {font-size: 1.25em;}
h1, h2, h3 {font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif; }
p {line-height: 1.5em; margin: 0 0 .8em 0;}
a img, img a {border:none;}
a {color: #007C85;}
sup {font-size: .6em; padding: 0; margin: -1em -.18em .7em 0; }

#main ul { margin: .2em 0 1em 2em;}
#main ul li { list-style:square; line-height: 1.5em; margin: 0 0 .5em 0;}
#main ol li { line-height: 1.35em; margin: 0 0 .3em 28px;}
ol.bot-pad {margin:0 0 4em 0;}
#wrapper { width:780px; margin:0 auto 20px; background:#fff url(../images/content-bkgd.gif) repeat-y; position:relative; }
#header { width:780px; height:146px; position:relative; background:#fff; z-index:999;}
#logo { position:absolute; top:16px; left:65px;}
#hdrpics { position:absolute; top:0; left:410px;}
#main { width: 470px; float:right; margin:0 30px -80px 0; position:relative; left:9px;}
#leftcol { width:209px; padding: 0 19px;}
.leftbox {border:solid 2px #007C85; background:#DBE08C; padding:0 0 .7em; }
.leftbox p {font-size:80%; }
.leftbox h1, .leftbox h2, .leftbox h3, .leftbox h4, .leftbox h5, .leftbox h6, .leftbox p {margin:.5em 12px 0 12px;}

.socialmedia {padding:15px 0 15px; font-family: "Trebuchet MS",Trebuchet,Tahoma,Arial,Helvetica,sans-serif; color:#333; font-weight:bold; font-size:16px;}
.socialmedia a {color:#333; text-decoration:none; display:block; line-height:18px;}
a.facebook {background:url('../images/facebook-50.png') no-repeat 20px center; padding:10px 0 10px 75px; border:1px dashed #6D98C3;}
a.twitter {background:url('../images/twitter-50.png') no-repeat 20px center; padding:10px 0 10px 75px; border:1px dashed #6D98C3;}


#footer { color: #444; font-size:80%; padding:14px; background:#cae6d7; width:220px;}
#footer a {color: #444; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#designby, #designby a {color:#89a596;}
#designby a {text-decoration:underline;}
body#groups p strong {color:#007c85; font-size:1.1em;}

.box-right { font-size:78%; float:right; color:#666; margin: 0 12px 1em 24px; width:160px; }
.fright {font-size:.8em; color:#444; padding:10px; float:right; margin-left:10px;}
.flbox-right {font-size:.8em; color:#444; padding:10px; float:right; margin-left:10px; width: 10em;}
.quote { font: 1.3em/1.6em "Times New Roman", Times, serif; font-style:italic; color:#444; padding:0 10px; float:right; margin-left:10px; width: 8em; display:block; }
.anc {line-height:0;}
.address { margin: 0 0 1em 1em; }
.sponsor { text-align:center; line-height:1.5; margin-bottom:2em; }
.sponsor img { margin-top:.5em; border:2px solid #999; }
.margintop {margin-top:2em;}
#main ul.no-bullets { margin:0; padding:0; }
#main ul.no-bullets li { list-style:none; }

form { margin: 1em 0; }
form .form-row { clear: both; margin-bottom: .8em; }
form label { display: block; font-weight: bold; }
form #custom-amount label { float: left; width: 75px; }
form #custom-amount input { width: 100px; }
form .submit { padding-left: 75px; }

#nav { font-size:1em; width: 675px; height:2.8em; background: #007c85 url(../images/nav-bkgd.gif) bottom left no-repeat; padding:.3em 0 .15em 105px; line-height:1em; margin-bottom:1.2em; line-height:1; z-index:999;}
#nav ul { padding:0; margin:0; list-style:none; line-height:1; z-index:999;}
#nav li {float:left; display:inline; list-style:none; background:url(../images/nav-bullet.gif) center left no-repeat; margin:0 0 0 13px;} /*width for Opera?*/
#nav ul li ul { position: absolute; width:10em; left: -999em; }
#nav li a {  color:#fff; display: block; text-decoration: none; padding: .4em .4em .4em 12px; margin: 0; }
#nav li a:hover { color:#AACF54;}
#nav li:hover ul,#nav li.menuHover ul { left: auto;}
#nav li ul li a {width:10em; background:#007C85; padding:.6em; border-top:solid 1px #006b74; }
#nav li ul li a:hover { color:#333; background:#AACF54; text-decoration:none;}
#nav a.current:hover {text-decoration:none;}

body#home #nav a.home, body#about #nav a.about, body#connected #nav a.connected, body#affiliates #nav a.affiliates, body#resources #nav a.resources, body#news #nav a.news, body#contact #nav a.contact {font-weight:bold;font-size:102%;}