/* Page Structure */
body {background-repeat: repeat; background-image: url(/images/structure/green_swoop2.jpg); width: 98%; text-align:center}
#container_main{margin-left:auto; margin-right:auto; width:960px; margin-top:10px; text-align:left}

img{ margin: 0; padding: 0; display: block}
a img{ border: none; }


/* Basic Page Elements */
a{ color: #8E991F; }
h1{ font-family: Arial; font-size: 16px; font-style: oblique; font-weight: bold; color: white; background-color: #101D00; width: 99%; padding:3px 6px; clear: both}
h2{ font-family: Arial; font-size: 14px; font-style: oblique; font-weight: bold; color: white; float: left; background-color: #101D00; padding:2px 6px; clear: both; }
h2 a{text-decoration: none; color: white}
h3{ font-family: Arial; font-size: 12px; font-weight: bold; font-weight:bold; padding: 0;}
.headerBox{float: left; font-family: Arial; font-size: 12px; font-weight: bold; font-style: oblique; color: white; margin: 2px 0 0 0; background-color: #101D00; padding:2px 6px; }
h3 a{text-decoration: none; color: white}
p, td, ol{ font-family: Arial; font-size: 13px; line-height: 150%;}



/* Header */
#header{height:129px; background: none; margin:0;}
#header #section_left{float:left; height:129px; width:128px;}
#header #section_right{height:88px; position: relative; top: 40px; float:right;}
#header #section_right #menubar{position: relative; background-image: url(../images/header/translucent_white.png); width:832px; height:35px;}

#menubar ul{display: block; position: relative; left:4px; top:12px; text-align: left; list-style: none; padding: 0; margin: 0; }
#menubar li{ margin:0px; padding:0; float: left; border-right: 1px solid #231f20; } 
#menubar .last{border:0;}
#menubar li a{ margin: 0 4px; text-transform: uppercase; font-family: arial narrow, arial; text-align: center; text-decoration: none; font-size:12px; color:#231f20; padding:3px 7px 2px 7px; }
#menubar li a:hover{ background-color:#231f20; color:white; }
#home #menu_home a{ background-color:#231f20; color:white; }
#getinvolved #menu_getinvolved a{ background-color:#231f20; color:white; }
#aboutstjude #menu_aboutstjude a{ background-color:#231f20; color:white; }
#patients #menu_patients a{ background-color:#231f20; color:white; }
#communityteams #menu_community a{ background-color:#231f20; color:white; }
#companyteams #menu_company a{ background-color:#231f20; color:white; }
#market #menu_market a{background-color: #231f20; color: white}
#espanol #menu_espanol a{background-color: #231f20; color: white}

.patientImageLarge {float: right; padding:10px 0 10px 20px; text-align: left}
.patientBio h2{clear: none; }
.patientNav a{font-size: 10px;}
#patient_map {z-index:0; text-align:center; position:relative; top:10px}
#patient_map img{margin:auto}
#patient_selection{margin:auto; z-index:10; margin-top:-231px; text-align: center; padding: 0;}
#patient_selection .thumb_container{padding:4px 14px; margin:0 width: 120px; display: -moz-inline-stack; display: inline-block; position: relative}
#patient_selection .thumb_container h3{font-family: Arial; font-size: 12px; font-style: oblique; font-weight: bold; color: white; text-align: left; background-color: #101D00; padding:2px 6px; margin-top: -18px; position: relative; float: left}
#patient_selection img{border: 1px solid black;}
.patientImageLarge img{-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.patientImageLarge h3{ font-family: Arial; font-size: 12px; font-weight: bold; font-style: oblique; color: white; margin: 2px 0 0 0; background-color: #101D00; padding:2px 6px; text-decoration: none}

/* City columns */

.cityColumn {width:33%; float:left; display:inline; }
.cityColumn ul{ font-family: Arial; font-size: 11px; font-weight: bold; line-height: 180%; margin-left: 0; padding-left: 14px}


/* Hide from IE5-Mac \*/
#menubar li a{ float: none }
/* End hide */

#signup_for_updates a{ float:right; position: relative; font-family: Arial; text-decoration: none; font-size:11px; background-color:#231f20; color: white; padding:4px 7px 3px 7px; }
#language { float:right; position: relative; top:28px; right:-100px; font-family: Arial; text-decoration: none; font-size:11px; color: #231f20;	 }
#signup_for_updates_es a{ float:right; position: relative; font-family: Arial; text-decoration: none; font-size:11px; background-color:#231f20; color: white; padding:4px 7px 3px 7px; }
#language_es { float:right; position: relative; top:10px; right:-100px; font-family: Arial; text-decoration: none; font-size:11px; color: #231f20;	 }

#titlebar{ background-image: url(/images/header/background_title.png); width:832px; height:54px; } 
#titlebar .title{ float: left; width:514px; height: 54; padding: 0px 0px 0px 10px; } 
#login{ float:right; }
#login_link { float:right; padding:4px 14px 0 0; position:relative; top:-24px; font-family: Arial; text-decoration: none; font-weight: bold; font-size:12px; color: #231f20;	 } 
#login_link a{ color:#231f20; }
#event_date {position:relative; font-family: Arial; font-size: 16px; font-weight: bold; float: right; right:14px; bottom: 6px; z-index: 10}
#titlebar #action{ clear: both; float:right; position: absolute; right: 14px; bottom: 0px; height:44px;} 


/* Page Content */

#container_content{ background: white; border: 1px solid #101D00; padding:0; margin: 0; overflow: hidden;) }
#donate #container_content{background: #ffffff url(/images/structure/sidebar_background_donate.gif) no-repeat right top;}
#container_docs{background: white; border: 1px solid #101D00; padding:0; margin: 0; overflow: hidden;} 
#content_left{width:690px; float:left; padding:5px 20px 10px 30px;}
#content_docs{ float:left; background-color:white; padding:5px 20px 20px 20px;}
#content_docs ul, #content_docs ol{ font-family: Arial; font-size: 12px; line-height: 180%;}

#home #container_content{background: #ffffff url(/images/homepage/home_background.png) no-repeat}



#content_right p{ font-size:10px; line-height: 135%; } 
.content_featureA{ float:left; padding: 2px 20px 6px 0; } 
.content_featureA h2{ font-family: Arial; font-size: 14px; font-weight: bold; color: white; position: absolute; bottom: -11px; right:0px; text-align: right; background-color: #101D00; padding:2px 6px; }
.content_featureA_right{ float:right; padding: 2px 0 6px 0; display: block; position: relative;} 
.content_featureA_right h2{ font-family: Arial; font-size: 14px; font-weight: bold; color: white; position: absolute; bottom: -11px; right:0px; text-align: right; background-color: #101D00; padding:2px 6px; }
.content_featureA_right_copyLeft {width:364px}
.titled_image160{ float:left; display: block; position: relative; width:160px; height:160px; border: 1px solid #101D00; margin: 0 20px 20px 0}
.title_image_h3{font-family: Arial; font-size: 12px; font-weight: bold; color: white; position: absolute; bottom: -0px; right:0px; text-align: right; background-color: #101D00; padding:2px 6px; clear: both;}
.content_featureA_news_516{width:516px;}

#home h1{font-size: 1.55em; font-style: normal; color: black; background: none; text-align: center; line-height: 110%;}
.banner_image{position: relative; padding:0; margin: 0; width: 690px; height:340px; margin-top: -10px;}
.banner_image img{display: none;border: 1px solid #101D00;}
.banner_image img.first{display: block}
.slide_show{position: relative; padding:0; margin: 0;float:right; margin:0 0 20px 20px; width: 300px; height: 214px}
.slide_show img{display: none;border: 1px solid #101D00;}
.slide_show img.first{display: block}
.content_featureC{padding-bottom:14px; width: 690px;}
.content_featureC h2{font-family: Arial; font-size: 17px; font-weight: bold; color: white; position: relative; top: -14px; right:0px; text-align: left; background-color: #101D00; padding:2px 6px; width: 680px}
.content_featureC p{font-size: 11px;}

.content_notes h3, .story_archive h3{ float: none; font-family: Arial; font-size: 12px; font-weight: bold; font-style: normal; color: black; background: none; padding: 0; margin: 0; } 
.content_notes ul, .story_archive ul{ font-family: Arial; font-size: 11px; font-weight: normal; line-height: 180%; margin-top:-14px; padding-bottom: 10px; padding-left: 14px;}
.content_notes li, .story_archive li{ list-style-type: square; position:relative; left:0px }

/*
.story_archive h3{ float: left; font-family: Arial; font-size: 12px; font-weight: bold; font-style: oblique; color: white; margin: 2px 0 0 0; background-color: #101D00; padding:2px 6px; } 
.story_archive ul{ font-family: Arial; font-size: 11px; font-weight: bold; line-height: 180%;}
.story_archive li{ list-style-type: square; margin-bottom:10px; padding:0; margin: 5px; position:relative; left:14px}
*/


/* Sidebars */
#content_right {width:190px; float: right; margin: 14px 20px 0 0; position: relative;}
#home #content_right{margin-top:50px}
#content_right h1{ font-family: Arial; font-size: 16px; font-weight: bold; background-color: white; color: black; font-style: normal; text-align: left; padding: 0; width: auto}
.titled_image190{ display: inline-block; position: relative; width:190px; }
#content_right h2{ font-family: Arial; font-size: 10px; font-weight: normal; color: white; position: absolute; bottom: -12px; left:0px; text-align: left; background-color: #101D00; padding:3px 8px; clear: both;}
#content_right p{line-height: 150%}
#content_right h3{margin:6px 0 0 0}
.sidebar_item{padding: 0; margin: 0; padding-bottom: 6px}


/* Sub story */
.sq_thumbs_container{position: relative; display: inline-block}
.sq_thumbs{float:left; margin: 14px 0 0 0; width:324px}
.sq_thumbs img{ float:left; display: block; position: relative; width:150px; height:150px; border: 1px solid #101D00; margin-right: 14px; }
.sq_thumbs p{margin:0; font-size: 11px;}
.sq_thumbs h2{background-color: white; color: black; font-size: 13px; font-style: normal; padding: 0; margin: 0; clear: none}


/* Stay connected */
form{ font-family: Arial; font-size: 12px; line-height: 150%;}


/* Partner table */
/* #partner_table{border: 1px solid #101D00; width:99%; padding: 8px} */
#partner_table th{font-family: Arial; font-size: 12px; font-weight:bold; line-height: 150%; padding: 0 0 -4px 8px}
#partner_table td{font-family: Arial; font-size: 10px; line-height: 150%; padding: 8px}
#partner_table tfoot {background-color: #eee}
#partner_table tfoot td .col1{width: 300px}
#partner_table .locate_store{width:108px;}
#partner_table .locate_store h3{float:left}
#partner_table .logo{width:120px;}
#partner_table .odd{background-color: #eee}


/*Partners */
#partners {margin: 0 30px 30px 30px}
#partners img{float:left; padding: 0px 74px 10px 0}
#partners .last{padding-right: 0; margin-right: 0}


/* Footer */
#footer p{ top:-5px; font-size: 9px; text-align: center; } 
#footer a{ color:#333 }
.flash_footer{ border:1px solid #101D00; border-top:none; height:117px} 


.imageRight{float:right; border: 1px solid black; margin:0 0 20px 20px}
.imageLeft{float:left; border: 1px solid black; margin:0 20px 20px 0;}

.nowhitespace{ white-space: nowrap; } 


/* Add this */
.addthis a{ float: left; font-family: Arial; font-size: 12px; font-weight: bold; font-style: oblique; color: white; margin: 2px 0 0 0; background-color: #101D00; padding:2px 6px; } 


/* Homepage */
#flashHomepage{padding: 0;margin: 0;line-height: 0;font-size: 0;clear: none; display: inline; float: left; width: 958px;}
#marlo_homepage p{padding: 150px;}
#flashHomepage object{display:block; float: left;padding: 0; margin:0}
#flashHomepage embed{display:block; float: left;padding: 0; margin:0}

#home_spacer{height: 54px}
.donate_center{width: 500px; padding: 10px 0;}
.donate_center img{position:relative; left: 160px}

.homeSubsection {float:left; position:relative; width:242px; height:119px; background-color: #EDEFCE; border-right:1px solid #101D00; border-top:1px solid #101D00;}
.homeSubsectionLast {float:left; position:relative; width:229px; height:119px; background-color: #EDEFCE; border-top:1px solid #101D00;}
.homeSubsection h3, .homeSubsectionLast h3{float:right; position:absolute; bottom: 0px; right:0px}
.homeSubsection p, .homeSubsectionLast p{padding:0px 0 0 8px; width:120px; font-size: 13px}

/* buttons */
a.button {background: transparent url('/images/buttons/bg_button_A.png') no-repeat scroll top right; color: #fff; display: block; float: left; height: 39px; padding-right: 9px; text-decoration: none; font-family: Arial; font-weight: medium; letter-spacing: .5px; font-size: 18px; margin:0px;}
a.button span { background: transparent url('/images/buttons/bg_button_span.png') no-repeat; display: block;line-height: 18px; padding: 10px 5px 11px 16px;}
a.button:active { background-position: bottom right; outline: none;}
a.button:active span { background-position: bottom left}

#content_right a.button {background: transparent url('/images/buttons/md_button_gray_A.png') no-repeat scroll top right; color: #fff; display: block; float: left; height: 28px; padding-right: 9px; text-decoration: none; font-family: Arial; font-weight: medium; letter-spacing: .5px; font-size: 13px; margin-bottom: 14px; width:96%;}
#content_right a.button span { background: transparent url('/images/buttons/md_button_gray_span.png') no-repeat; display: block; text-align:center; line-height: 18px; padding: 5px 9px 5px 16px;}
#content_right a.button:active { background-position: bottom right; outline: none;}
#content_right a.button:active span { background-position: bottom left}

/* alert */
.alert{color:white; background-color:red; padding:2px 8px}

/* superscript */
sup {vertical-align: top;}

/* Clearfix */
.clearfix:after { content:" "; display:block;  height:0; font-size:0;  clear:both;  visibility:hidden; }
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}