/*
	Project OC Stroke (c) 2009
	Author: Technability, LLC (http://www.technability.com)
*/

* { margin: 0; padding: 0; }

body { font: 12px/20px Arial, Verdana; text-align: center; background: #fff url(/images/body_bg.jpg) no-repeat top center; }

h1 { font-size: 200%; color: #020202; font-weight: normal; padding: 20px 0; text-transform: uppercase; font-family: "Century Gothic"; }
h2 { font-size: 35px; color: #410a6e; font-weight: normal; padding: 20px 0; font-family: "Century Gothic"; }
h3 { font-size: 120%; color: #321f4c; font-weight: bold; padding: 5px 0 10px 0; font-family: Arial; }
h4 { font-size: 105%; font-weight: bold; padding: 0; margin: 0; }

h6.header6 { background: url(/images/sidebar_bg.jpg) no-repeat; padding: 6px 10px; color: #573303; font-weight: bold; font-size: 12px; }

a { color: #321f4c; text-decoration: none; }
a:hover { border-bottom: 1px dotted #757575; }
img { border: none; }
fieldset { border: none; }
ul { margin-left: 40px; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.greyText { color: #666; }

/* Layout */

#wrapper { position: relative; width: 950px; margin: 0 auto; text-align: left;}

#header { position: relative; width: 950px; height: 99px; }
h1#logo { position: absolute; text-indent: -9999px; background: url(/images/logo.png) no-repeat; width: 398px; height: 76px; left: 27px; top: 3px; }
#navigation { position: relative; width: 950px; height: 44px; margin: 0; list-style-type: none; }
#navigation li { float: left; padding: 11px 10px 11px 11px; background: url(/images/menu_divider.gif) no-repeat top right; }
#navigation li.no-bg { background: none; }
#navigation a { color: #fff; font-weight: bold; text-decoration: none; display: block; text-transform: uppercase; font-family: arial; font-size: 14px; }
#navigation a:hover { color: #e8e8e8; border: none; }

/* navigation links go here... */
#pHome #navHome, #pAwareness #navAwareness, #pSeminars #navSeminars, #pContact #navContacts, #pLinks #navLinks,
#pAbout #navAbout, #pNewsletters #navNewsletters, #pHelp #navHelp, #pMissionStatement #navMissionStatement
{ border-bottom: 4px solid #9CC75B; }

/*content*/
#wrapper2 { position: realtive; width: 1050px; margin: 0 auto; margin-top: 17px; min-height: 550px; text-align: left; background: #fff url(/images/main_bg.jpg) no-repeat; }
#main { position: relative; width: 950px; margin: 0 auto; }
#content { position: relative; width: 608px; }
#content2 { position: relative; width: 950px ;}
#sideBar { float: right; width: 337px; }
#sideBar ul { list-style-type: none; width: 337px; margin: 0; border-bottom: 1px dashed #b8b8b8; border-top: 1px dashed #b8b8b8; }
#sideBar li { background: url(/images/sidebar_bg.jpg) no-repeat; margin: 2px 0 2px 0; padding: 0; }
#sideBar li a { display: block; padding: 6px 10px; color: #573303; font-weight: bold; margin-left: 14px; background: url(/images/arrow_purple.gif) no-repeat left 50%;  }
#sideBar li a:hover { border: none; color: #fff; }

#content p, #content2 p { padding: 10px 20px;}

/*footer*/
#footer { position: relative; width: 950px; margin: 0 auto; margin-top: 30px; text-align: left; font-size: 10px; line-height: 16px; color: #757575; font-weight: bold; }
#footerContent { position: relative; border-bottom: 1px dashed #b8b8b8; border-top: 1px dashed #b8b8b8; padding: 10px 0; height: 50px; }
#footerContent span { float: left; width: 290px; padding: 2px 10px; display: block; }
#footerContent h5 { font-size: 12px; color: #321f4c; }
#footerContent span.mid-borders { border-left: 1px dashed #b8b8b8; border-right: 1px dashed #b8b8b8; }
#footer #subnav { position: absolute; top: 0px; right: 20px; }
#footer #subnav a { font-size: 10px; color: #757575; font-weight: bold; text-decoration: none; }

#homepage { position: relative; width: 950px; height: 347px; }
#flash { float: left; width: 591px; height: 347px; background: #f3f3e5; }
#seminarList { position: relative; width: 354px; height: 347px; margin-left: 592px; background: #eafad2; }
#seminarTitle { color: #425d1a; text-transform: lowercase; font-size: 27px; margin: 0 15px; padding: 15px 0; font-family: "Century Gothic"; border-bottom: 1px dashed #b8b8b8; }
.seminarListBox { border-bottom: 1px dashed #b8b8b8; margin: 5px 15px; padding: 4px; }
.seminarListBox a { color: #563203; font-weight: bold; }
#seminarList h3 { font-size: 12px; margin: 0; padding: 0; color: #321f4c; }
#homepageBoxes { position: relative; height: 165px; margin-left: 14px; margin-top: 12px; }
#homepageBoxes span { float: left; width: 301px; height: 165px; margin: 0 6px 0 0; background: url(/images/hpBox.jpg); }
#homepageBoxes span div { position:relative; height: 145px; padding: 10px 10px 10px 120px; }
#homepageBoxes span h4 { font-size: 14px; font-weight: bold; color: #321f4c; }
#homepageBoxes img { position: absolute; top: 5px; left: 18px; }
#homepageBoxes span a.learnMore { position: absolute; font-weight: bold; color: #fff; bottom: 10px; right: 15px; }
#homepageBoxes span a.learnMore:hover { border: none; }

/* TABLE LIST */
.tableList { width: 100%; border-collapse: collapse; }
.tableList tr th { background: #000; color: #fff; font-weight: bold; text-align: center; }

/* FORM */
.form_row { position: relative; margin-bottom: 10px; width: 99%; }
.form_row label { float: left; font-weight: bold; text-align: right; margin-right: .5em; width: 200px;}
.form_row .form_block { display: table; width: 750px; }
.submitDiv { margin-left: 204px; }
form input[type='submit'] { font-weight: bold; }
form input, form textarea, form select { font-family: Arial, Verdana; font-size: 13px; }

/* errorExplanation */
.errorExplanation { position: relative; border: 1px dashed #b8b8b8; padding: 10px; margin: 0px auto 15px auto; color: #f00; width: 75%; }
.errorExplanation h2 { color: #f00; font-weight: bold; font-size: 24px; padding: 0; margin: 0; }
.errorExplanation p { font-style: italic; }
.errorExplanation ul { margin-left: 40px; }
.errorExplanation li { }
/* error field markers */
.fieldWithErrors label { color: #f00; font-weight: bold; }
.fieldWithErrors input, .fieldWithErrors textarea { border: 1px solid #f00; padding: 2px; }

.clearAll { clear: both; }

.seminarListing { position: relative; }
.seminarListing div { float: left; width: 49%; border-bottom: 1px dashed #b8b8b8; }
.seminarListing a { display: block; padding: 3px 10px; }
.seminarListing a:hover { border: none; background: #321f4c; color: #fff; }

.seminarClosed { font-weight: bold; color: #757575; font-style: italic; padding: 3px 10px; display: block; }
.hospitalTitle { font-size: 20px; }

.sponsorInfo { position: realative; margin-bottom: 10px; border-bottom: 1px dashed #b8b8b8; }

a.htmlButton { border: 3px double #321f4c; font-weight: bold; padding: 4px 8px; }
a.htmlButton:hover { background: #321f4c; color: #fff; }

.featured { font-weight: bold; color: #66CC00; font-size: 14px; font-style: italic; }

#ocstroke { position: absolute; top: 0; left: 880px;}