
/*------------------------------
TEMPLATE STUFF */

body, td, p, table, div, .inputbox, .button, .inputboxshort, .inputboxshorter, input, button { 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
padding: 0; 
margin: 0; 
color: #444444;
}

body { 
background-image: url(http://www.getrealphilly.org/templates/getrealphilly/images/shadow.gif);
background-repeat: repeat-y;
background-position: center ;
background-color: #91805e;
}

p  {
line-height: 20px;
padding-bottom: 15px;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #ac2d93;
}

a:hover {
color: #f354e0;
}

h4 {
font-size: 13px;
color: #0085ff;
font-weight: bold; 
margin: 10px 0px 5px 0px;
}


#logo {
width: 710px; 
height: 70px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-left: 10px;
}

#container { 
margin-right: auto; 
margin-left: auto; 
background-color: #80c2ff; 
width: 720px !important; 
border-top: solid 10px #91805e; 
border-bottom: solid 0px #80c2ff; 
position: relative;
top: -22px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}

#nav {
width: 740px;
height: 40px !important;
background-image: url(http://www.getrealphilly.org/templates/getrealphilly/images/navbar.gif);
background-repeat: no-repeat;
background-position: center 50%;
position: relative;
text-align: center;
padding-top: 4px;
margin-right: auto;
margin-left: auto;
z-index: 5;
top: -10px;
}

#textarea {
background-color: #ffffff;
min-height: 250px;
width: 700px !important; 
padding: 0px 0px 0px 0px !important;
position: relative;
margin: 0px!important;
overflow: hidden;
left: 10px;
top: -10px
}

form#userForm input#submit {
background-image: url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/submit.gif);
background-repeat: no-repeat;
float: left;
border: 1px solid #80c2ff;
width: 80px !important;
height: 30px;
padding: 0px; 
background-color: #ffffff;
}

/* ------------------------------
FRONT PAGE SPECIFIC */

p.home {
width: 660px;
font-size: 11px;
line-height: 22px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
margin: -40px -60px 0px 20px;
#margin: -40px 0px 0px 20px;
_margin: -40px 0px 0px 20px;
color: #5B59E6;
position: relative;
}

#container-top { 
height: auto; 
margin-right: auto; 
margin-left: auto; 
background-color: #DBEEFF!important; 
width: 720px; 
position: relative;
top: -44px;
line-height: 20px;
overflow: hidden;
border-bottom: 10px solid #91805e
}

#container-top a:link, #container-top a:visited {
text-decoration: none;
color: #ffffff;
font-size: 11px;
line-height: 15px;
font-weight: bold;
}

#container-top a:hover {
background-color: #80c2ff;
}

#nav-home {
width: 740px;
height: 40px;
background-image: url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/navbar_home.gif);
background-repeat: no-repeat;
background-position: center top;
position: relative;
text-align: left;
padding-top: 4px;
margin-right: auto;
margin-left: auto;
z-index: 5;
top: 190px;
}

#nav-social {
width: 740px;
height: 40px;
background-image: url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/navbar_social.gif);
background-repeat: no-repeat;
background-position: center top;
position: relative;
text-align: left;
padding-top: 4px;
margin-right: auto;
margin-left: auto;
z-index: 5;
top: -60px;
}


#container-bottom {
background-color: #b2daff;
width: 719px;
margin: 0px 0px -3px 0px;
height: 250px;
position: relative;
top:-70px ;
margin-right: auto;
margin-left: auto;
border-bottom: solid 1px #ffffff; 
padding-bottom: 0px;
z-index: 2;
}

#container-bottom h3 {
margin-top: 12px;
}

#left {
background-image: url(http://www.getrealphilly.org/templates/getrealphilly/images/callout_280.gif);
background-repeat: no-repeat;
width: 270px; 
height: auto;
background-color: #b2daff;
padding:  0px 5px 0px 5px ;
float: left;
position: relative;
z-index: 3;
left: 10px;
top: 4px;
overflow: hidden;
}

#left div.moduletable {
width: 270px;
height: auto;
}

#right {
background-image: url(http://www.getrealphilly.org/templates/getrealphilly/images/callout_230.gif);
background-repeat: no-repeat;
width: 380px; 
height: auto;
background-color: #b2daff;
padding:  0px 5px 0px 5px ;
float: right;
position: relative; 
z-index: 3;
top: 4px;
right: 10px;
overflow: hidden;
}

#right div.moduletable {
width: 390px;
height: auto;
}

#right ul, #left ul {
height: auto;
padding: 0px 20px 0px 30px;
overflow: hidden;
list-style-image:url(http://www.getrealphilly.org/templates/getrealphilly/images/dash.gif);
margin: 0px;
}

#right li, #left li {
line-height: 13px;
margin-bottom: 13px;
}

#right a, #left a {
font-weight: normal;
}

#right a:link, #right a:visited, #left a:link, #left a:visited {
color: #5B59E6;
}

#right a:hover, #left a:hover {
color: #ac2d93;
}

#container-bottom #left .moduletable h3 {
font-size: 13px;
line-height: ;
font-weight: bold; 
color:#F354E0;
padding-left: 10px;
}

#container-bottom #right .moduletable h3 {
font-size: 13px;
line-height: 12px;
font-weight: bold; 
color:#FFBD00;
padding-left: 10px;
}

#container-bottom p {
padding: 0px 10px 0px 20px;
font-size: 10px;
}

img.partners {
margin-left: 10px;
margin-top:-5px;
}

/* ------------------------------
BECKY K'S NEW NAV*/

#nav-home li {
float: left;
list-style: none;
display: block;
}

#nav-home li.item1 {
display: none;
}

#nav-home span {
display:none;
}

#nav-home a:hover, #nav a:hover {
background-color: #ffffff;
}

#nav-home li.item5 a {
display: block;
width: 60px;
height: 17px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/about.gif);
margin: -2px 0px 0px -25px;
#margin: 10px 0px 0px -20px;
_margin: 10px 0px 0px -20px;
}

#nav-home li.item3 a{
display: block;
width: 80px;
height: 17px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/stories.gif);
margin: -2px 0px 0px 25px;
#margin: 10px 0px 0px 25px;
_margin: 10px 0px 0px 25px;
}

#nav-home li.item2 a {
display: block;
width: 149px;
height: 17px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/outreach.gif);
margin: -2px 0px 0px 30px;
#margin: 10px 0px 0px 30px;
_margin: 10px 0px 0px 30px;
}

#nav-home li.item12 a{
display: block;
width:198px;
height: 17px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/health.gif);
margin: -17px 0px 0px 350px;
#margin: -17px 0px 0px 355px;
_margin: -17px 0px 0px 355px;
}

#nav-home li.item4 a{
display: block;
width:104px;
height: 17px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/resources.gif);
margin: -17px 0px 0px 580px;
#margin: -17px 0px 0px 580px;
_margin: -17px 0px 0px 580px;
}

/* ------------------------------
NAV INSIDE*/

#nav li {
float: left;
list-style: none;
display: block;
}

#nav span {
display:none;
}

#nav a:hover {
background-color: #ffffff !important;
}


#nav li.item1 a{
display: block;
width: 50px;
height: 17px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/home.gif);
margin: -1px 0px 0px -30px;
#margin: 11px 0px 0px -30px;
_margin: 11px 0px 0px -30px;
}

#nav li.item5 a {
display: block;
width: 60px;
height: 17px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/about.gif);
margin: -1px 0px 0px 18px;
#margin: 11px 0px 0px 18px;
_margin: 11px 0px 0px 18px;
}

#nav li.item3 a{
display: block;
width: 80px;
height: 17px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/stories.gif);
margin: -1px 0px 0px 10px;
#margin: 11px 0px 0px 10px;
_margin: 11px 0px 0px 10px;
}

#nav li.item2 a {
display: block;
width: 149px;
height: 17px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/outreach.gif);
margin: -1px 0px 0px 18px;
#margin: 11px 0px 0px 18px;
_margin: 11px 0px 0px 18px;
}

#nav li.item12 a{
display: block;
width:198px;
height: 17px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/health.gif);
margin: -17px 0px 0px 373px;
#margin: -18px 0px 0px 373px;
_margin: -18px 0px 0px 373px;
}

#nav li.item4 a{
display: block;
width:104px;
height: 17px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/resources.gif);
margin: -1px 0px 0px 230px;
#margin: 10px 0px 0px 230px;
_margin: 10px 0px 0px 230px;
}


/* ------------------------------
SOCIAL NETWORKING NAV*/

#nav-social li {
float: left;
list-style: none;
display: block;
}


#nav-social span {
display: none;
}

#nav-social a:hover, #nav a:hover {
background-color: #5a5ae6;
}

#nav-social li.item36 a {
display: block;
width: 82px;
height: 18px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/facebook.gif);
background-repeat: no-repeat;
padding: 0px 0px 3px 0px;
margin: -7px 0px 0px 40px;
#margin: 4px 0px 0px 40px;
_margin: -7px 0px 0px -240px;
}

#nav-social li.item37 a {
display: block;
width: 106px;
height: 18px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/myspace.gif);
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin: -3px 0px 0px 60px;
#margin: 6px 0px 0px 60px;
_margin: 0px 0px 0px -90px;
}


#nav-social li.item38 a {
display: block;
width: 89px;
height: 22px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/blogger.gif);
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin: -6px 0px 0px 70px;
#margin: 4px 0px 0px 70px;
_margin: 0px 0px 0px 70px;
}


#nav-social li.item39 a {
display: block;
width: 107px;
height: 25px;
background-image:url(http://www.dev.getrealphilly.org/templates/getrealphilly/images/nav/twitter.gif);
margin: -10px 0px 0px 70px;
#margin: 0px 0px 0px 70px;
_margin: 0px 0px 0px 70px;
}




/* ------------------------------
FOOTER  */

#footer {
position: relative;
margin-right: auto;
margin-left: auto;
width: 720px;
clear: both;
padding-bottom: 10px;
top: -22px;
vertical-align: top;
border-top: 1px solid #ffffff;
background-color: #91805f;
border-bottom: 1px solid #968665;
}


#footer_home {
position: relative;
margin-right: auto;
margin-left: auto;
width: 719px;
clear: both;
padding-bottom: 10px;
top: -67px !important;
background-color: #91805f;
border-bottom: 1px solid #968665;
}


#footer a, #footer_home a {
color: #CFBD9B;
font-weight: normal;
}

#footer a:hover, #footer_home a:hover {
color: #ffffff;
}

#disclaimer {
clear: both;
font-size: 9px;
line-height: 12px;
padding: 10px 10px 0px 10px ;
text-align: left;
color: #BFAF8F;
}

#contactus a {
text-transform: uppercase;
font-size: 10px;
padding: 2px 4px;
position: relative;
top: 8px;
margin-left: 10px;
font-weight: bold;
}

#contactus a:link, #contactus a:visited {
background-color: #ffffff;
color: #0085ff;
}

#contactus a:hover {
background-color: #e3ff05;
}

#newsletter a {
text-transform: uppercase;
font-size: 10px;
padding: 2px 4px;
position: relative;
top: 8px;
margin-left: 10px;
font-weight: bold;
}

#newsletter a:link, #newsletter a:visited {
background-color: #ffffff;
color: #1ec8ac;
}

#newsletter a:hover {
background-color: #e3ff05;
}

#partners a {
text-transform: uppercase;
font-size: 10px;
padding: 2px 4px;
position: relative;
top: 8px;
margin-left: 10px;
font-weight: bold;
}

#partners a:link, #partners a:visited {
background-color: #ffffff;
color: #f354e0;
}

#partners a:hover {
background-color: #e3ff05;
}

#login a {
text-transform: uppercase;
font-size: 10px;
font-weight: normal;
padding: 2px 0px;
position: relative;
top: 12px;
margin-left: 10px;
}

#login a:link, #login a:visited {
color: #BFAF8F;
}

#login a:hover {


color: #1ec8ac;
}

ul#mainleveluser {
list-style: none;
float: left;
padding: 0px;
margin-top: 20px;
margin-left: 280px;
font-size: 10px;
text-transform: uppercase;
}

ul#mainleveluser li {
float: left;
padding-right: 10px;
display: block;
}

#footermods {
float: right;
width: 415px;
position: relative;
top: -49px;
#top: -35px;
_top: -35px;
}

#footermods li {
margin-top: -35px;
#margin-top: -38px;
_margin-top: -38px;
margin-left: -110px !important;
}


/* ------------------------------
SEARCH */

.searchsearch {
float: right;
margin: 0px;
position: relative; 
top: 2px;
right: 1px;
#right: 0px;
_right: 0px;
z-index: 20;
}

.inputboxsearch {
height: 15px;
padding: 6px 3px 3px 10px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-transform: uppercase;
background-color: #80c2ff;
border-right: solid 1px #ffffff; 
border-left: solid 1px #ffffff; 
border-bottom: solid 1px #ffffff; 
border-top: solid 1px #ffffff; 
color: #ffffff;
float: left;
margin: 10px 0px 0px 0px;
#margin: -3px 0px 0px 0px;
_margin: -3px 0px 0px 0px;
position: relative;
right: -3px;
}

.buttonsearch {
background-color: #0085ff;
border: 0px;
height: 26px;
color: transparent !important;
margin: 10px -1px 0px 0px;
#margin: -3px 0px 0px 0px;
_margin: -3px 0x 0px 0px;
padding: 0px;
width: 30px;
background-image: url(http://www.getrealphilly.org/templates/getrealphilly/images/searcharrow.gif);
background-repeat: no-repeat;
background-position: center center;
}

.buttonsearch p{
display: none;
}

.contentpaneopensearch td {
padding: 0px 0px 10px 0px;
}

.searchintrosearch  {
border-top: 1px solid #80c2ff;
padding: 10px 30px;
width: 700px;
margin-top: 10px;
}

.searchintrosearch td {
text-align: right;
}

.searchintrosearch b{
color: #f354e0;
}

.contentpaneopensearch fieldset{
border: 0px solid #ffffff;
padding-bottom: 20px;
width: 660px;
}

.smallsearch {
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
color: #80c2ff;
}
fieldset a:link, fieldset a:visited {

background-color: #ac2d93;
padding: 1px 5px;
color: #ffffff;
position: relative; 
left: -3px;
top: -2px;
}

fieldset a:hover {
background-color: #f354e0
}

li.item44 {
display: none;
}

/* ------------------------------
MISC JOOMLA STUFF AND SHARED STYLES */


p.outreach {
height: 113px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #80c2ff;
line-height: 18px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

p.outreach img {
padding-right: 20px;
}

.contentheadingstories, .contentheadingoutreach, .contentheading, .contentheadingabout, .componentheading, .componentheadingsearch, .contentheadingstoryform, .contentheadingcontactform, .componentheadingcontact {
font-size: 17px;
font-weight: bold;
color: #01c2a0;
font-family: Arial, Helvetica, sans-serif; 
}


.contentheadingoutreach, .componentheadingsearch, .componentheading, .contentheadingstoryform, .contentheadingcontactform, .componentheadingcontact, .contentheading  {
padding-bottom: 20px;
padding-top: 20px;
}

.componentheading, .componentheadingsearch, .componentheadingcontact {
margin-left: 30px;
}

.contentpaneopenresources h1, .contentpaneopenabout h1, h1.resources, span.about h1, h1.about {
font-size: 17px;
font-weight: bold;
color: #01c2a0;
margin-left:0px;
font-family: Arial, Helvetica, sans-serif; 
}

.contentpaneopenoutreach, .contentpaneopenabout, .contentpaneopen,  .contentpaneopensearch, .contentpaneopenstoryform, .contentpaneopencontactform, .contentpane, .contentpanepass {
width: 640px;
margin-left: auto;
margin-right: auto;
}

hr#stretcher {
display: block;
clear: both;
border: 1px solid #e5f3ff;
margin: 0px;
color:#e5f3ff;
}

hr#stretcher2 {
display: block;
clear: both;
border: 1px solid #ffffff;
margin: 0px;
color:#ffffff;
}

.button , #contactform input.button {
border: 1px solid #80c2ff;

width: 85px;
padding: 2px; 
background-color: #ffffff;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
color: #80c2ff;
outline: #ffffff !important;
margin-left: 5px;
}

.inputbox, input, .message {
padding: 3px;
border: 1px solid #ac2d93;
}

label {
font-size: 13px;
color: #80c2ff;
}

.pagenav {
margin: 0px!important;
color: #5B59E6;
font-size: 11px;
margin: 0px;
}

.pagenav_next {
padding-left: 550px;
}

#content_navigation {
padding: 0px 10px;
position: relative;
top: 40px;
height: 20px!important;


z-index: 10;
margin: 0px;
}





#previous {
float: left;
}

#next {
float: right;
}



/* ------------------------------
ABOUT */

img.about {
margin-top: -10px;
#margin-top: -7px;
_margin-top: -7px;
margin-left: -10px;
margin-bottom: 0px;
#margin-bottom: 10px;
_margin-bottom: 10px;
}

h1.about {
font-size: 17px !important;
margin-top: -70px;
#margin-top: -70px;
_margin-top: -70px;
float: left;
position: relative;
}

p.about {
width: 450px;
}

ul.about {
margin-left: 0px!important;
}

h2.about {
margin-left: 0px!important;
}

/* ------------------------------

ABOUT NAV */

ul.menu_about {
float: right;
margin-bottom: -40px;
}

ul.menu_about li {
font-size: 10px;
line-height: 13px;
position: relative;
left: 0px;
list-style: none;
top: -10px;
padding: 10px 0px 0px 20px;
margin-right: -13px;
width: 160px;
border-left: 5px solid  #E5F3FF;
}


/* ------------------------------
OUT REACH WORKERS */

.contentpaneopenoutreach p {
height: 113px; 
margin: 10px 0px 15px 0px;
border-bottom: 1px solid #80c2ff;
line-height: 18px;
padding: 0px;
}

.contentpaneopenoutreach img {
margin-right: 20px;
}


/* ------------------------------
RESOURCES */

p.req {
float: right;
padding-left: 10px;
font-size: 9px;
color: #0085ff;
border-left: 15px solid #e9ff8f!important;
width: 100px;
height: 0px!important;
margin: -20px 18px 0px 0px;
}

.contentpaneopenresources {
width: 660px;
padding: 0px 0px 0px 0px;
height: 200px !important;
margin-left: 30px;
margin-bottom: 0px;
}

.contentpaneopenresources h1  {
padding-bottom: 20px;
padding-top: 10px;
}

.contenttoc th{
visibility: hidden;
height: 0px;
width: 0px;
margin: 0px;
padding: 0px;
}

table.contenttoc {
float: right;
position: relative;
top: 0px;
padding: 10px ;
width: 160px;
border-left: 5px solid  #E5F3FF;
margin: 0px -20px 0px 0px;
}

.contenttoc a {
font-size: 10px;
line-height: 13px;
position: relative;
left: 15px;
}

.contenttoc td {
padding: 0px 10px 10px 0px;
}

.pagenavcounter, .pagenavbar {
display: none;
}


table.resources {
margin-left: 10px;
width: 445px;
}

#userForm table {
margin-left: 10px;
width: 445px;
}

table.resources td {
border-bottom: 1px solid #e3ff05;
border-top: 10px solid #ffffff;
height: 40px;
}

table.resources a {
font-weight: normal;
}

table.resources a:hover {
color: #0085ff;
}

form#userForm td {
text-align: right;
color: #80c2ff;
padding: 10px 0px 0px 0px;
}

form#userForm input{
border: 1px solid #ac2d93;
width: 300px !important; 
/*position: relative;
left: 5px;*/
margin-left: 10px;
}

form#userForm textarea {
border: 1px solid #ac2d93;
width: 306px !important; 
/*position: relative;
left: 5px;*/
margin-left: 10px;
}

select#category {
border: 1px solid #ac2d93;
width: 308px !important; 
/*position: relative;
left: 5px;*/
margin-left: 10px;
}

form#userForm input#org, form#userForm textarea#explain, form#userForm select#category {
background-color: #E9FF8F;
}

form#userForm select#category, form#userForm textarea#explain, form#userForm textarea#summary {
font-size: 11px;
font-family: Verdana, Tahoma, Arial, sans-serif;
color: #444444;
}

#userForm .componentheading {
display: none;
}

#userForm #mailing0 {
float: left;
width: 10px !important;
#width: 20px !important;
_width: 20px !important;
margin: 0px 0px 0px 10px;
}

#userForm label {
float: left;
margin: 0px 0px 0px 15px;
font-size: 11px;
color: #ac2d93;
}



table.contenttoc {
float: right;
position: relative;
top: 0px;
padding: 10px ;
width: 160px;
border-left: 5px solid  #E5F3FF;
margin: 0px -20px 0px 0px;
}


/* ------------------------------

HEALTH */

#textright {
width: 200px; 
float: right;
}

span.health {
width: 210px; 
float: right;
clear: both;
padding: 0px;
background-color: #E5F3FF;
position: relative;
top: 10px;
right: -20px;
margin-bottom: 20px;
border-left: 1px solid #AFDBFF;
border-bottom: 1px solid #AFDBFF;
border-top: 1px solid #CFE9FF;
border-right: 1px #CFE9FF;
padding-top: 10px;
padding-left: 10px;
}

span.health p {
width: 220px;
padding: 0px;
line-height:13px;
font-weight: bold;
margin-bottom: 4px;
color: #91805E;
}

span.health h3 {
font-size: 14px;
font-weight: bold;
color: #01c2a0;
font-family: Arial,Helvetica,sans-serif;
margin-top: 0px;
}

span.health a:link, 
span.health a:visited {
font-size: 10px;
font-weight: normal;
color: #9F8B99
}

span.health a:hover {
color: #ac20d3;
}


.mod_contentitemhealthlinks .contentpaneopen a:hover {
color: #ac2d93;
}

.mod_contentitemhealthlinks .contentheading {
font-size: 14px;
padding: 0px 0px 8px 0px;
}

#textright .contentpaneopen {
width: 230px;
}


.bloghealth, .contentpaneopenhealthpage {
width: 410px;
padding: 0px;
margin: 0px 0px 0px 30px;
}

/*make sure this still works in ie 6!!!!!*/
.bloghealth {
width: 440px;
padding: 0px;
margin: 0px 0px 0px 30px;
}

td.contentheadinghealthpage, td.contentheadinghealth {
width: 430px;
padding-top: 20px;
padding-bottom: 5px;
font-size: 12px;
line-height: 20px;

font-weight: bold ;
color: #20AF95;
}


.contentpaneopenhealth .small, .contentpaneopenhealth .small {
font-size: 10px;
padding: 2px 4px;
color: #91805e;
}

.createdate {
padding-top: 4px;
font-size: 9px;
color: #80c2ff;
padding-left: 5px;
}

.contentpaneopenhealth h4, .contentpaneopenhealthpage h4 {
font-size: 11px;
font-weight: normal;
text-align: right;
}

.contentpaneopenhealth h4 a, .contentpaneopenhealthpage h4 a {
font-weight: normal;
}

.contentpaneopenhealth p, .contentpaneopenhealthpage p {
padding-left: 5px;
}

/*#healthheader {
width: 740px;
height: 55px;
position: relative;
text-align: center;
background-color: #0085ff;
margin-right: auto;
margin-left: auto;
z-index: 6;
top: 0px;
overflow: hidden;
left: -20px;
}*/

#healthheader {
width: 740px;
height: 55px;
position: relative;
text-align: center;

background-color: #0085ff;
margin-right: auto;
margin-left: auto;
z-index: 6;

top: -10px;
overflow: hidden;
}

#healthheader img {
padding: 9px 0px 0px 0px;
}

.componentheadinghealth, .componentheadinghealthpage{
font-size: 17px;
font-weight: bold;
color: #5B59E6;
padding-top: 30px;
padding-left: 30px;
font-family: Arial, Helvetica, sans-serif; 
}

.bloghealth ul{
width: 400px;
margin-left: -25px;
#margin-left: 0px;
_margin-left: 0px;
padding-bottom: 20px;
}




/* ------------------------------
CONTACT */

/*.contentpanecontact {
width: 640px;
margin-left: auto;
margin-right: auto;
padding-bottom: 30px;
}

#contactinfo {
width: 260px;
float: left;
}

.componentheadingcontact {
font-size: 17px;
font-weight: bold;
color: #01c2a0;
padding-bottom: 20px;
padding-top: 24px;
margin-left: 32px;
}

#name-title {
height: 40px;
}

#name {
font-size: 14px;
color: #0085ff;
}

#position {
font-style: italic;
color: #80c2ff
}

.marker {
width: 20px;
float: left;
text-align: right;
padding-right: 10px;
}

#address, #telephone, #misc {
width: 160px;
margin-left: 35px;
margin-bottom: 20px;
}

#formcontainer {
width: 370px;
float: right;
}

.contentpanecontact .inputbox {
width: 360px;
margin-bottom: 5px;
}


#form_description {
font-size: 14px;
color: #0085ff;
font-weight: bold; 
margin: 0px 0px 5px 0px;
}


.contentpanecontact label {
font-size: 11px;
line-height: 20px;
}*/

.moduletableCform .name, .moduletableCform .email, .moduletableCform .message {
width: 500px!important;
}

.moduletableCform .age {
width: 35px!important;
}

.moduletableCform .gender {
width: 145px!important;
}

.moduletableCform .race {

width: 181px!important;
}

.moduletableCform .zip {
width: 75px!important;
}

.moduletableCform .phone {
width: 300px!important;
}

#ff_lbl49 {
color: #ac2d93;
font-size: 11px;
}

#ff_elem49, #ff_elem33 {
border: 0px solid #ffffff;
}

table#contact td {
vertical-align: top;
width: 200px;
padding: 10px 5px 0px 5px;
}

table#contact p {
font-size: 10px;
line-height: 13px;
margin: 0px;
padding: 0px 0px 8px 0px;
}


td.Cheader, td.Cheader_long {
background-color: #01c2a0;
padding: 2px 0px 0px 10px!important;
height: 20px!important;
}

td.Cheader p, td.Cheader_long p {
color: #ffffff;
padding: 0px!important;
}

td.Cheader_long {
width: 620px!important;
}

table#contact b {
color: #01c2a0;
font-size: 11px;
}

table#contact a {
font-weight: normal;
font-size: 11px;
}

.rsform_contact form#userForm td table {
width: 50px;
}

.rsform_contact form#userForm input#name,

.rsform_contact form#userForm input#email,
.rsform_contact form#userForm input#age,
.rsform_contact form#userForm input#gender,
.rsform_contact form#userForm input#race,
.rsform_contact form#userForm input#zip,
.rsform_contact form#userForm textarea#message {
background-color: #e9ff8f;
float: left;
}

.rsform_contact form#userForm input#name,
.rsform_contact form#userForm input#email,
.rsform_contact form#userForm input#phone {
float: left;
width: 320px !important;
}

.rsform_contact form#userForm textarea#message {
float: left;
width: 326px !important;
}

.rsform_contact form#userForm input#age,
.rsform_contact form#userForm input#gender,
.rsform_contact form#userForm input#race,
.rsform_contact form#userForm input#zip {
float: left;
width: 130px !important;
}

.rsform_contact #submit{
width: 220px !important;
}

p.req_contact {
float: right;
padding-left: 10px;
font-size: 9px;
color: #0085ff;
border-left: 15px solid #e9ff8f!important;
width: 100px;
height: 0px!important;
margin: 5px 0px 0px 0px;
}

/* ------------------------------
SUBMIT FORM */

.rsform_submit form#userForm {
margin-left: -20px;
}

.rsform_submit input#submit {
margin-bottom: 40px;
}

.rsform_submit form#userForm input#name,
.rsform_submit form#userForm input#email,
.rsform_submit form#userForm input#phone {
float: left;
width: 320px !important;
}

.rsform_submit form#userForm textarea#summary{
float: left;
width: 326px !important;
}

.rsform_submit form#userForm input#age {
float: left;
width: 100px !important;
}

.rsform_submit form#userForm input#name,
.rsform_submit form#userForm input#email,
.rsform_submit form#userForm input#age,
.rsform_submit form#userForm textarea#summary {
background-color: #e9ff8f;
}

td.contentheadingstories {
padding: 30px 0px 0px 30px;
}

p.req_submit {
float: right;
margin-right: 260px;
font-size: 9px;
color: #0085ff;
border-left: 15px solid #e9ff8f!important;
height: 0px!important;
padding-left: 10px;
}

.rsform_submit {
margin-left: 30px;
}

td.contentheading_submit {
font-size: 17px;
font-weight: bold;
color: #01c2a0;
font-family: Arial, Helvetica, sans-serif;
padding: 20px 0px 0px 20px;
}

/* ------------------------------
login */

#loginform {
width: 170px;
float: right;
background-color: #E5F3FF;
position: relative;
right: -32px;
top: -56px;
padding: 10px 20px;
border-left: 1px solid #AFDBFF;
border-bottom: 1px solid #AFDBFF;
border-top: 1px solid #CFE9FF;
border-right: 1px #CFE9FF;
}

#loginform label {
font-size: 9px;
line-height: 18px;
text-transform: uppercase;
}

#loginform input {
width: 160px;
font-size: 9px;
margin-bottom: 10px;
}

input#mod_login_remember {
width: 12px;
height: 12px;
position: relative;
top: 10px;
}

#loginform input.button {
width: 170px!important;
margin: 10px 0px;
}

#loginform a {
font-size: 9px;
font-weight: normal;


float: right;

width: 200px;
margin-right: 110px;
}

.contentpanepass td {
padding-bottom: 10px;
line-height: 20px;
}

.contentpanepass .button {
width: 260px;
margin-left: 167px;
}

#form-login .input {
border: 0px !important;
}

#form-login-username, #form-login-password {
height: 30px;
}

#form-login-remember {
margin-left: 20px;
height: 10px;
}

#form-login-remember .inputbox {
width: 20px;
margin-left: -108px;
}