/* @group General Styles
   (used on all pages)
*/

* {
  margin:0;
  padding:0;
  outline:0;
  font-size:100%;
  vertical-align:top;
}
body {
  font-family:arial, sans-serif; line-height:1; text-align:center;
  background:#e5e4e4;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content:'';
  content:none;
}

/* TABLES TABLES TABLES
******************************************************/
table {
  font-size:13px;
  margin-bottom:12px;
  line-height:20px;
 /* text-indent:10px;*/
}

#membership_level {
    border-spacing:10px;
}

#membership_level caption {
    font-weight:bold;
    font-size:15px;
    margin-top:15px;
}

/*      END OF TABLES
*************************************************************/

.header {
	font-size:25px;
	margin-bottom:15px;
}
.clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height:1%;
}
a:active {
  position: relative; top: 1px;
}
.clear {
  clear:both;
}
.label {
  font-weight:bold;
}
/* @end General Styles */


/* @group Container
   (used on all pages)
*/
div#container {
  width:926px;
  margin:0 auto;
  text-align:left; font-size:62.5%;
  background:#fff;
}
div#sub_container {
  overflow: hidden;
}
/* @end Container */


/* @group Header
   (used on all pages)
*/
div#header {
  position: relative;
 /* margin-bottom: 30px; */
  z-index:300;

}
div#header p {
  padding:30px 30px 0 0;
  color:#243f8e; text-align:right;
}
div#header p.fund {
float:right;
font-size:9pt;
padding:11px 27px 0 0;
width:436px;
}
div#header p span.locations {
  display: block;
  font-size: 1.4em;
  font-weight: bold;
}
div#header p span.phone_number {
  float: right;
  margin-left: 45px;
  padding-top: 5px;
  font-size: 1.1em;
}
div#header p span.address {
float:right;
font-size:1.1em;
margin-right:-28px;
padding-top:5px;
}
div#header address {
  padding-top:5px;
  font-style:normal; font-size:1.1em; color:#243f8e; text-align:right;
}
div#header ul {
    margin-top: 27px;
    z-index: 300;

}
div#header ul li {
  display: inline;
}
div#header ul li a {
  overflow: hidden;
  float: left;
  display: block;
  width: 114px;
  margin-right:2px; border-top:4px solid #3cafd6; padding:6px 0 5px 0;
  color: #fff; font-size:1.1em; text-align:center; text-decoration:none;
  background: #666;
  /*filter: alpha(opacity = 100); */
}
div#header ul li a#home_link {
  clear: both;
  float: none;
  position: absolute; top:5px; left:25px;
  width:95px; height:88px;
  margin:0; border:0; padding:0;
  text-align:left; text-indent:-999em;
  background:transparent url(/public/images/logo.gif) no-repeat;
}
div#header ul{
background:url("/public/images/homepage/navBG.gif") repeat-x scroll 0 0 #666666;
float:left;
width:100%;

}
div#header ul li a{
background:none repeat scroll 0 0 transparent;
height:16px;
margin-top:2px;
padding:2px 22px 3px;
width:auto;

}
div#header ul li ul#subLinks{
display:none;
}
div#header ul li#par{

}
div#header ul li#par:hover{

}
div#header ul li:hover ul#subLinks{
display:block;
float:left;
margin:0;
padding:0;
position:absolute;
top:132px;
width:165px;
z-index:300;
background:#666666;
}
div#header ul li:hover ul#subLinks li{
}
div#header ul li:hover ul#subLinks li a{
background:none repeat scroll 0 0 transparent;
border:medium none;
height:auto;
margin:0 !important;
padding:4px 0 4px 6px;
text-align:left;
width:159px;
}
div#header ul li#par1:hover ul#subLinks {
left:0px;

}
div#header ul li#par1:hover ul#subLinks li a:hover {
background: #f5821f;
}
div#header ul li#par2:hover ul#subLinks {
left:91px;
}
div#header ul li#par2:hover ul#subLinks li a:hover {
background:#41ad49;
}
div#header ul li#par3:hover ul#subLinks {
left:232px;
}
div#header ul li#par3:hover ul#subLinks li a:hover {
background:#243f8e;
}
div#header ul li#par4:hover ul#subLinks {
left:347px;
}
div#header ul li#par4:hover ul#subLinks li a:hover {
background:#b12d01;
}
div#header ul li#par5:hover ul#subLinks {
left:762px;
}

div#header ul li#par5:hover ul#subLinks li a:hover {
background:#3cafd6;
}

div#header ul li#par5 a#donate_link{
background:#FF0000;
color:#000000;
}
div#header ul li#par6:hover ul#subLinks {
left:477px;
}
div#header ul li#par6:hover ul#subLinks li a:hover {
background:#f4bb0a;
}

div#header ul li a#about_us_link ,
div#header ul li a#support_link ,
div#header ul li a#what_is_lupus_link,
div#header ul li a#hot_news_link,
div#header ul li a#research_link,
div#header ul li a#advocacy_link ,
div#header ul li a#lfa_store_link,
div#header ul li a#donate_link {
  border-top:4px solid #A3A9A5;
}
div#header ul li a#about_us_link:hover{
  border-top:4px solid #f5821f;
}
div#header ul li a#about_us_link:hover, body#about_us_page div#header ul li a#about_us_link {
  background:none;
}
div#header ul li a#support_link:hover{
  border-top:4px solid #41ad49;
}
div#header ul li a#support_link:hover, 
body#support_and_services_page div#header ul li a#support_link {
  background:none;
}
div#header ul li a#what_is_lupus_link:hover{
  border-top:4px solid #243f8e;
}
div#header ul li a#what_is_lupus_link:hover, 
body#what_is_lupus_page div#header ul li a#what_is_lupus_link {
  background:none;
}
div#header ul li a#hot_news_link:hover {
  border-top:4px solid #b12d01;
}
div#header ul li a#hot_news_link:hover,
body#news_page div#header ul li a#hot_news_link {
  background:none;
}
div#header ul li a#research_link:hover{
  border-top:4px solid #f4bb0a;
}
div#header ul li a#research_link:hover, 
body#research_page div#header ul li a#research_link {
  background:none;
}
div#header ul li a#advocacy_link:hover{
  border-top:4px solid #cc6698;
}
div#header ul li a#advocacy_link:hover, 
body#advocacy_page div#header ul li a#advocacy_link {
  background:none;
}
div#header ul li a#lfa_store_link:hover{
  border-top:4px solid #d22229;
}
div#header ul li a#lfa_store_link:hover,
body#store_page div#header ul li a#lfa_store_link {
  background:none;
}
div#header ul li a#donate_link:hover{
  margin-right:0; border-top:4px solid #3cafd6;
}
div#header ul li a#donate_link:hover,
body#donate_page div#header ul li a#donate_link {
  background:none;  
}

/* @end Header */


/* @group Sidebar
   (used on sidebar)
*/
div#sidebar {
  float:left;
  width:169px;
	margin-bottom: -32767px;
  border-left:1px solid #fff;
  padding-bottom: 32767px;
  background: #dfeae6;
  z-index: 0;
  height:100%;
}
div#sidebar ul#sub_navigation {
  list-style-type:none;
}
div#sidebar ul#sub_navigation li a {
  display:block;
  border-bottom:1px solid #b4bdba; padding:6px 12px;
  font-size:1.2em; font-weight:bold; color:#000; text-decoration:none;
}

#sub_side_bar {
    margin-top:30px;

}
#sub_side_bar b {
background-color:#FFFFFF;
display:block;
font-weight:bold;
margin-bottom:10px;
padding-bottom:10px;
padding-left:35px;
padding-right:10px;
padding-top:10px;
font-size:15px;
}

#sub_side_bar ul {
    list-style-type:none;
    margin-left:15px;
}


#sub_side_bar li {
    margin-bottom: 10px;
}

#sub_side_bar a:link {
    color: #000000;
}

#sub_side_bar li a:hover{
    color: #000000;
	background-color:#B4BDBA;
}

#sub_side_bar a:visited{
    color: #000000;
}


/* @end Sidebar */
a.fb{
background:url("http://www.facebook.com/images/connect_favicon.png") no-repeat scroll right center transparent;
clear:right;
color:#243F8E;
display:block;
float:right;
font-size:10pt;
height:14px;
margin:6px 29px 0 0;
text-align:left;
text-decoration:none;
width:113px;
}
/*                 ABOUT US   
*************************************************************/
#staff img {
float:left;
height:150px;
width:150px;
}

#staff br {
    clear:left;
}
#staff {
	float:left;
	margin-bottom: 35px;
	width: 160px;
	text-align: center;
	margin-right:40px;
	height:240px;
}
#staff p {
 margin-bottom:0px;
}
/*                  BOARDMEMBERS / HIDED CONTENT
*******************************************************************/
#board_member img {
	float: left;
	margin-right:15px;
	margin-bottom:15px;
}

#board_member p {
	margin-bottom:20px;
}
#details {
	float: right;
	width:435px;
}
#board_member {
	clear: both;
}
#elaine_details {
	display:none;
}
#jeannine_details {
	display:none;
}
#barrys_details {
	display:none;
}

#richards_details {
	display:none;
}

#lori_details {
	display:none;
}
#peters_details {
	display:none;
}

#shadwick_details {
	display:none;
}
/* @group Main Content
   (used on all pages)
*/
div#main_content {
  float: left;
  width: 754px;
  margin-left: 2px;
  margin-bottom: -32767px;
  padding-bottom: 32767px;
}
div#main_content h1 {
  position:relative;
  height:74px;
  margin-bottom:30px; padding-left:10px;
  font-size:21px;
}
div#sub_main_content h3 {
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:20px;
}

div#sub_main_content ul {
  margin-left:20px;
  margin-bottom:12px;
}

div#main_content h1 span {
  position:absolute; top:0; left:0;
  width:100%; height:100%;
  z-index:1;

}
body#about_us_page div#main_content h1 span {
  background:url(/public/images/heading_about_us.gif) no-repeat;
}
body#support_and_services_page div#main_content h1 span {
  background:url(/public/images/support_and_services.gif) no-repeat;
}
body#what_is_lupus_page div#main_content h1 span {
  background:url(/public/images/what_is_lupus.gif) no-repeat;
}
body#hotnews_media_page div#main_content h1 span {
  background:url(/public/images/hot_news.gif) no-repeat;
}
body#research_page div#main_content h1 span {
  background:url(/public/images/research.gif) no-repeat;
}
body#advocacy_page div#main_content h1 span {
  background:url(/public/images/advocacy.gif) no-repeat;
}
body#store_page div#main_content h1 span {
  background:url(/public/images/lfa_store.gif) no-repeat;
}
body#membership_donate_page div#main_content h1 span {
  background:url(/public/images/donate.gif) no-repeat;
}
div#main_content h1.error_heading {
  height:auto;
  padding-left:0;
}
div#sub_main_content {
  padding:0 40px 0 60px;
  width:600px;
}
.events_table {
	margin-left:100px;
}

#mapping p {
	text-align:center;
}

div#main_content p {
  margin-bottom:1em;
  font-size:1.2em; line-height:140%;
}

div#main_content li {
  font-size:1.2em;
  margin-left:20px;
/*  margin-bottom:5px;*/
	line-height:20px;
}

#sub_main_content b, strong, #Form fieldset #form_image span.times {
  font-size:13px;
  margin-bottom:10px;
}

#sub_main_content ol {
/*font-size:12px;*/
margin-bottom:12px;
/*text-indent:10px;*/
margin-left:19px;
}

/* @end Main Content */
/* HOME CSS CONTENT
*****************************************/
.EntireWrapper {
	width: 926px;
}

#leftContent {
	float:left;
}

#leftContent #lowerLeftCont {
	width: 700px;
}

.EventsAndMore {
	float: left;
	width: 173px;
	height: 465px;
	display:inline;
	overflow:hidden;
}

.eventDetails {
	clear: both;
	height: 190px;

}

img.EventsAndMore {
	height: 47px;
	width: 155px;
	margin-left: 8px;
	
}
#lowerLeftCont a:link { color:#FFFFFF;}
#lowerLeftCont a:visited { color:#FFFFFF;}
#lowerLeftCont a:hover { color:#FFFFFF;}

#lowerLeftCont ul {
	font-size:15px;
	margin-left:30px;
	padding-top:10px;
	font-family: "arial narrow", sans-serif;
	color: #fff;
}

#lowerLeftCont li {
	margin-bottom:10px;
}

#lowerLeftCont h3{
  color: #fff;
  margin-left: 15px;
  font-family: ariel, sans-serif;
  font-size: 18px;
  margin-top: 8px;
  margin-bottom: 8px;
}

#Upcoming_events.EventsAndMore {
	background-color: #CC6698;
}
#Upcoming_events span {
	display:block;
        float:left;
        clear:left;
       margin-bottom:20px;
	   margin-top:10px;
	   margin-left: 6px;
	   color:#fff;
	   font-size:9pt;
   
}
#Upcoming_events a {
clear:right;
display:block;
float:right;
font-size:9pt;
margin-right:5px;
margin-top:7px;
width:110px;
line-height:11pt;
}

#Seminars_details span {
	display:block;
        float:left;
        clear:left;
       margin-bottom:20px;
	   margin-top:10px;
	   margin-left: 6px;
	   color:#fff;
	   font-size:9pt;
   
}
#Seminars_details a {
clear:right;
display:block;
float:right;
font-size:9pt;
margin-right:5px;
margin-top:7px;
width:110px;
line-height:11pt;
}

#Programs_details span {
	display:block;
        float:left;
        clear:left;
       margin-bottom:20px;
	   margin-top:10px;
	   margin-left: 6px;
	   color:#fff;
	   font-size:9pt;
   
}
#Programs_details a {
clear:right;
display:block;
float:right;
font-size:9pt;
margin-right:5px;
margin-top:7px;
width:110px;
line-height:11pt;
}

#viewAllEvents a:hover {
background:#fff url(/public/images/calendar_icon.gif) no-repeat scroll 4px 50%;
color:#333333;
}

#viewAllEvents a {
background:transparent url(/public/images/calendar_icon.gif) no-repeat scroll 4px 50%;
color:#FFFFFF;
font-weight:bold;
padding:0px 4px 4px 26px;
}

#viewAllEvents_black a {
background:transparent url(/public/images/calendar_icon.gif) no-repeat scroll 4px 50%;
color:#000;
font-weight:bold;
padding:0px 4px 4px 26px;
}

#viewAllEvents_black a:hover {
background:#DFEAE6 url(/public/images/calendar_icon.gif) no-repeat scroll 4px 50%;
color:#333333;
}

#Seminars.EventsAndMore {
	background-color:#243F8E;
}

#Programs.EventsAndMore {
	background-color:#F4BB0A;
}

#Events li {
  list-style-image:url(/public/images/events.jpg);
}

/*#Club_house li {
   list-style-image:url(/public/images/clubhouse.jpg);
}
#Programs li {
  list-style-image:url(/public/images/programs.jpg);
}
#Seminars li {
  list-style-image:url(/public/images/seminar.jpg);
}
#Club_house.EventsAndMore {
	background-color:#3CAFD6;
} */


.E-Alerts {
  padding: 5px 0 5px 25px;
  background-color:#99D0EA;
  font-size:12px;
}

#inputE-Alerts {
  float:right;
  display:inline;
  margin-top:2px;
/*  padding-top:10px;*/
}

#inputE-Alerts label {
  float:left;
  display:inline;
  margin-right:5px;
  padding-top:5px;
  color:#FFFFFF
}

#Club_house input {
  margin-right:5px;
  display:inline;
  float:left;
}

#rightContent {
	float:right;
	width:214px;
	padding-right:5px; 
}

#rightContent h4 {
	color:#B12D01;
	margin: 0px;
	font-family: Arial;
	font-size:16px;
}

#rightContent p {
	color: #000;
	margin-top: 16px;
	margin-bottom: 0px;
	font-size: 13px;
	font-family: Arial;
}

/*         FORM CSS
***********************************************/

#Form {
/*  margin-left:10%*/
}


#datesTable {
	margin-left:0px;
	border-spacing:10px;
	border:1px solid #999999;
}

#Form span{
display:block;
float:left;
font-size:15px;
margin-bottom:20px;
text-align:right;
width:113px;
}

#form_image {
	float:right;
	padding-right:20px;
	text-align:left;
	width:263px;
}
#form_image span.times{
padding-left:35px;
text-align:left;
width:250px;
}
#Form textarea {
	font-size:12px;
}

#form_left {
    float:left;
}

.GolfersLeft{
float:left;
width:33%;
}
.GolfersRight{
float:left;
width:33%;
}
#form_right {
    float:right;
}

#form_body {
    width:548px;
    margin:auto;
}

/*#form_left input {
	width:150px;
}

#form_right input {
	width:150px;
}*/

.fieldset {
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	background-color:#DFEAE6;
	margin-bottom: 20px;
}
#Form fieldset {
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	background-color:#DFEAE6;
	margin-bottom: 20px;
}

#Form legend {
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

#Form label, input {
  float:left;
  display:block;
  margin-bottom:10px;
  margin-right:5px;
}
#Form br {
	clear:left;
}
/* this is for field sets. Setting the padding and all */
#correct_field {
	padding-top:25px;
	padding-left:15px;
}

#Form label {
font-size:15px;
text-align:right;
width:129px;
}

#Form label.small_labels {
	width:60px;
}

#Form radio.small_labels {
	margin-right:50px;
}

#Form select {
	width:120px;
}

label.inline_form {
	font-size:15px;
}

label, input.inline_form {
    float:left;
    display:block;
	margin-left:6px;
	margin-right:5px;
	/*margin-top:10px;*/
}

#inline_form br {
	clear:left;
}
/*              Customized CSS  FORMS
****************************************************/

.amount {
	width:50px;
}
/*      CONTACT PAGE
*************************************************/

#contactTop p {
	text-align: center;
}
#Form label {
	float:left;
}
#Form label.reqLabel {
text-align:left;
width:49%;
}
#Form label font.required{
color:#FF0000;
}
/*        MEDIA
****************************************************/

.images {
	margin:0px 15px 15px 0;
}

#hot_news_list li {
	margin-bottom: 10px;
}


.center {
    text-align:center;
    display:block;
}
/*     MEMBERSHIP/Domate
*****************************************************/
#activities {
margin-top:10px;
float:left;
}

.volunteers_bottom_list {
float:left;
clear:left;;
}

#interested_volunteers {
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	clear:both;
}


/* @group Footer
   (used on all pages)
*/
div#footer {
  clear:both;
  z-index: 3;
  position:relative;
  background-color:#FFFFFF;
}
div#footer a {
  color:#000;
}
div#footer ul {
  margin-bottom: 1em;
  border-top: 1px solid #999;
  padding-top: 10px;
  text-align:center;
}
div#footer ul li {
  display:inline;
  margin-right:15px;
  font-size:1.1em;
}
div#footer p {
  margin-bottom: 1em;
  font-size: 1.1em;
  text-align: center;
}

.hidden_content {
    margin-left:40px;
    width:500px
}
/* @end Footer */