/* ==============================================

Life After 50 Screen Style Sheet
URL: http://2theadvocate.com/la50
Author: Nick Scheurich

Color Guide
	Blue: #004986, rgb(0, 73, 134)
	Burgundy: #8d1a31, rgb(141, 26, 49)
	Gold: #f7ae29, rgb(247, 174, 41)

================================================ */


/* =Reset defaults
------------------------------------------------- */
/* "Reset Reloaded" by Eric Meyer */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* =Typography
------------------------------------------------- */
body, #content-1 blockquote p { font: 13px/1.5 "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1, h2, h3, h4 { font-weight: bold; }
h1 { font-size: 200%; }
blockquote p { margin-bottom: 0; }
p { margin-bottom: 1em; line-height: 1.8; }
strong { font-weight: bold; }
em { font-style: italic; }
table thead, table td.first { font-weight: bold; }
#navigation { font-weight: bold; }
.home h2 { font-size: 150%; }
.home #content-1 blockquote .testimonial { font-family: "Georgia", "Times New Roman", Times, serif; font-size: 130%; font-style: italic }
.home #content-1 blockquote .customer { font-size: 120%; font-weight: bold; text-align: left; }
.home #content-2 { line-height: 1.8; }
.home #content-2 h3 { font-size: 115%; }
.home #content-2 em { font-size: 110%; font-family: "Georgia", "Times New Roman", Times, serif; font-weight: normal; }
.home #content-3 a { font-weight: bold; text-decoration: none; text-transform: uppercase; }
.home #content-3 a.current, .home #content-3 a:hover { text-decoration: underline; }
.sponsorship h2 { font-size: 230%; }
.sponsorship h3 { font-size: 130%; }
.sponsorship #content-1 blockquote .testimonial { font-family: "Georgia", "Times New Roman", Times, serif; font-size: 110%; font-style: italic }
.sponsorship #content-1 blockquote .customer { font-size: 100%; font-weight: bold; text-align: left; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer #meta { text-align: right; }

/* =Colors
------------------------------------------------- */
body { background: rgb(141, 26, 49); }
table thead { color: white; background: rgb(0, 73, 134);  }
table thead td { border-color: rgb(1, 62, 101); }
table tbody td { border-color: rgb(220, 220 ,220); }
table tr.odd { background: rgb(238, 238, 238); }
#navigation { background: rgb(0, 73, 134); }
#navigation a { color: white; text-decoration: none; }
#navigation a:hover { color: rgb(247, 174, 41); }
#content-1 { background: rgb(255, 255, 255); }
#content-1 h2 { border-color: rgb(200, 200, 200); color: rgb(40, 40, 40); }
#content-1 h3 { color: rgb(60, 60, 60); }
#content-1 blockquote { color: rgb(80, 80, 80); }
#content-2 { background: rgb(245, 245, 245); }
#content-3 { border-color: rgb(235, 235 ,235); background: rgb(238, 238, 238); }
#content-3 a { color: rgb(40, 40, 40); }
#content-3 ul {  }
#footer ul, #footer, #footer a { color: #cda8af; }
#footer .hilite, #footer .hilite a { color: white}

/* =Links
------------------------------------------------- */
a { color: rgb(0, 73, 134); }

/* =Forms
------------------------------------------------- */
.sponsorship .panel-content { width: 670px; float: right; }
.sponsorship .testimonials { float: left; }
form { padding: 10px; border: 1px solid #ccc; }
form li { padding: 15px; }
form label { width: 6em; padding: 4px 0; float: left; font-weight: bold; color: #333; }
form label[for=advertised], form label[for=time] { width: 35%; }
form input, form textarea { padding: 4px; font-size: 1em; }
form input[type=text] { width: 300px; }
form textarea { width: 400px; }
form #contact-name, form #contact-phone, form #contact-advertised, form #contact-submit  { background: rgb(245, 245, 245); }
form #contact-company, form #contact-email, form #contact-time { background: rgb(240, 240, 240); }
form #contact-inquiry { background: rgb(235, 235, 235); }
form button, form input[type=submit] { border: 3px solid #ccc; margin: 10px; padding: 5px; font-weight: bold; color: #333; background: rgb(230, 230, 230); }

/* =Image replacement
------------------------------------------------- */
#logo, #sponsor-logos a { display: block; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; background-color: white; }

/* =Layout elements
------------------------------------------------- */
body { min-width: 100%; }
.panel { width: 900px; margin: auto; padding: 50px 0; overflow: hidden; }

/* =Navigation
------------------------------------------------- */
#navigation { overflow: auto; }
#navigation .panel { padding: 0; }
#navigation ul { padding: 10px 0; float: right; }
#navigation ul li { margin-left: 30px; float: left; }

/* =Home page
------------------------------------------------- */
.home #logo { width: 450px; height: 345px; float: left; background: url(../images/laf-logo-large.jpg) center no-repeat; }
.home #logo a { width: 450px; height: 345px; display: block; }
.home #content-1 { min-height: 263px; clear: right; }
.home #content-1 h2 { width: 400px; margin-bottom: 35px; padding-bottom: 35px; float: right; border-bottom: 1px solid #aaa; }
.home #content-1 h3 { padding-top: 40px; clear: both; }
.home #content-1 blockquote { width: 370px; padding: 10px 15px; clear: right; float: right; background: url(../images/ldquo.gif) no-repeat 0 0; }
.home #content-2 { clear: both; overflow: auto; }
.home #content-2 #photos { float: left; background: #444; }
.home #content-2 #info { width: 400px; float: right; }
.home #content-2 h3 { margin-bottom: 10px; }
.home #content-2 ul { margin-bottom: 10px; padding-left: 10px; list-style: disc inside; }
.home #content-3 { overflow: auto; }
.home #testimonial { height: 50px; }
.home #sponsor-logos { overflow: auto; }
.home #sponsor-logos li { margin-top: 20px; float: left; }
.home #ochsner, #olol, #cvt, #neuromedical-center, #commcare, #brclinic, #pennington, #aesthetic, #warner, #stryker, #peoples #paragon { margin-left: 41px; }
.home #ochsner { width: 154px; height: 65px; background-image: url(../images/ochsner.png); }
.home #olol { width: 163px; height: 65px; background-image: url(../images/olol.png); }
.home #cvt { width: 121px; height: 65px; background-image: url(../images/cvt.png); }
.home #neuromedical-center { width: 158px; height: 65px; background-image: url(../images/neuromedical-center.png); }
.home #commcare { width: 140px; height: 65px; background-image: url(../images/commcare.png); }
.home #pennington { width: 160px; height: 61px; background-image:url(../../life-after-50/images/penningtonLogo.jpg) ; }
.home #peoples { width: 170px; height: 55px; background-image:url(../images/peoplesLogo.jpg) ; }
.home #aesthetic { width: 170px; height: 62px; background-image:url(../images/aestheticLogo.jpg) ; }
.home #warner { width: 170px; height: 58px; background-image:url(../images/warner_logo.jpg) ; }
.home #paragon {margin-right: 500px; width: 170px; height: 110px; background-image: url(../images/Paragon_logo.jpg); }
.home #stryker { width: 170px; height: 73px; background-image:url(../images/strykerLogo.jpg) ; }
.home #brclinic { width: 135px; height: 109px; background-image:url(../../life-after-50/images/brclinicLogo.jpg) ; }
.home #stage-sponsor { margin-top: 40px; }
.home #stage-sponsor span { margin-right: 10px; float: left; line-height: 30px; vertical-align: middle; color: #3C3C3C; }
.home #event-map { width: 448px; height: 240px; float: left; border: 1px solid rgb(200, 200, 200); }
.home #event-map #map { width: 428px; height: 220px; border: 10px solid white; background: rgb(40, 40, 40); }
.home #event-information { width: 400px; float: right; }
.home #event-information h3 { font-size: 115%; text-transform: uppercase; }
.home #event-information ul { margin-top: 10px; }
.home #event-information a { text-transform: none; }
.home #directions-link { margin-top: 10px; }
.home #directions-link a { font-weight: normal; color: #004986; text-decoration: underline; }

/* =Sponsorship page
------------------------------------------------- */
.sponsorship #logo { width: 180px; height: 141px; margin-bottom: 22px; float: left; background-image: url(../images/laf-logo-small.jpg); }
.sponsorship #logo a { width: 180px; height: 141px; display: block; }
.sponsorship #content-1 { min-height: 205px; }
.sponsorship #content-1 h2 { padding-bottom: 15px; }
.sponsorship #content-1 #testimonials { width: 180px; margin-right: 50px; float: left; }
.sponsorship #content-1 blockquote { margin-bottom: 10px; }
.sponsorship #contact-form-label { margin: 30px 0 10px; padding: 0; color: black; }
.sponsorship #sales-contacts { margin-left: 30px; list-style: inside disc; }
.sponsorship #sales-contacts li { margin-bottom: 10px; }
.sponsorship #submission-verification { color: white; }
.sponsorship #submission-verification .panel { padding: 30px 0; }
.sponsorship #submission-verification h2 { float: left; font-size: 150%; }
.sponsorship #submission-verification button { padding: 5px; float: right; border: 3px solid #83061f; color: white; font-weight: bold; background: #6c0519; }

/* =Footer
------------------------------------------------- */
#footer ul { float: left; }
#footer #meta { float: right; }

/* =Facebox pop-up
------------------------------------------------- */
#facebox h3 { font-size: 120%; }
#facebox ul { padding-left: 10px; list-style: inside square; }
#facebox li { margin-top: 10px; }
#facebox a { font-weight: bold; text-decoration: none; }

/* =Miscellany
------------------------------------------------- */
.hidden { display: none; }