/* CSS Document 
Site: Nurse Anesthesiology Faculty Associates
URL: www.nafa-va.org
Updated: 11/30/2009
*/

/* BODY
--------------------------------------------------------------------------------------*/\
html {font-size:100%;}
body {background: #2b5291 url(../images/layout/body-bg.gif) repeat-x 0 0; font: 63.125% Arial, sans-serif; /* translates to 1.2em = 12px, 1.1em = 11px, 1.0em = 10px, etc. */color: #3d3c3b; margin: 0; padding: 0;}
	
/* Links
-------------------------------------------------------------------------------------*/
a:link, a:visited, a:active {color: #006cb1; text-decoration: none;}
a:hover {color:#9f4d1b;}
a:active, a:focus {}
	
/* Layout
-------------------------------------------------------------------------------------*/
#outer-wrapper {width: 100%; background: url(../images/layout/wrapper-bg.gif) no-repeat 50% 0;}
#wrapper {width: 960px; margin: 0 auto;}
#vcubar {width: 940px; height: 40px; margin: 0 auto;}
#identity {width: 966px; height: 112px; margin: 0 auto; /*ie6*/ _margin-top:-3px;}
#top-container {position: absolute; z-index: 5; background: url(../images/layout/top-container-bg.gif) no-repeat; width: 956px; height: 149px;}
#shadow-container {width: 956px; margin: 0 auto; background: url(../images/layout/shadow.png) repeat-y; /*ie6*/ _background-image: none;}
#container {width: 940px; margin: 0 auto; background: url(../images/layout/container-bg.gif) repeat-y; position: relative; z-index: 20;}
	body.home #container {background: url(../images/layout/container-bg-home.gif) repeat-y;}
#content {float: right; width: 690px; padding-bottom:4em;}
#content .gutter {margin: 35px 35px 25px 35px; /* this color is set because the container background image doesn't display in dreamweaver, making it hard to edit the text */ background: #f4f0eb;}

/* Search
-------------------------------------------------------------------------------------*/
#search {width: 240px; height: 50px; background: url(../images/layout/search-bg.gif) no-repeat;}
form#sitesearch {padding: 13px 0 0 0; margin: 0 0 0 20px;}
form#sitesearch label {display: none;}
form#sitesearch input.field {float:left;margin: 0 2px 0 0;padding: 4px;width: 150px; voice-family: "\"}\"";voice-family:inherit;font: normal 11px Verdana, Helvetica, sans-serif;background: #36577d; border: 0; color: #89afd5; border: 1px solid #16365d;}
html>body form#sitesearch input.field {width: 150px;}
#search_btn,
#search_btn:hover {margin:0;padding:0 0 0 2px;width:35px;height:23px;border:0;}
/*
#search input.field:hover {background:#d9d1c8;}
#search input.field:focus {background:#e6e3d8; color:#444; border:1px solid #1d68a0;}*/

/* Navigation -- 
-------------------------------------------------------------------------------------*/
#navigation {width: 250px; float: left; position: relative; z-index: 1; background: url(../images/layout/navigation-bg.gif) repeat-y;}
	body.home #navigation {height: 350px;}

#navigation #sidebar-quote {padding:0 28px 15px 20px; margin-bottom:40px; border-top:1px solid #3166a6; border-bottom:1px solid #3166a6;}
#navigation #sidebar-quote p {color:#c4deff; margin-top:25px; font:12px/1.8 Georgia, "Times New Roman", Times, serif;}

ul#mainnav {width: 250px; list-style: none; margin: 20px 0; padding: 0;}
ul#mainnav li {margin: 0; padding: 0; list-style: none;}
ul#mainnav li a {width: 220px; margin: 0; padding: 5px 10px 5px 20px; font-family: georgia, "times new roman", times, serif; font-size: 1.6em; color: #fff; text-decoration: none; display: block;}
ul#mainnav li a:hover {background:#143459; color:#c5dffd;}

body.home ul#mainnav li a.home,
body.about ul#mainnav li a.about,
body.conferences ul#mainnav li a.conferences,
body.cruise ul#mainnav li a.cruise,
body.alumni ul#mainnav li a.alumni,
body.contact ul#mainnav li a.contact {background: url(../images/layout/nav-current.gif) repeat-y;}

/* second level sub navigation */
ul#mainnav ul.section {margin: 0; padding: 5px 0; background: #4e77a3 url(../images/layout/subnav-bg.gif) no-repeat; width: 230px; border-right: 10px solid #385f8b;}
ul#mainnav ul.section li {margin-left: 30px;}
ul#mainnav ul.section li a {background: url(../images/layout/nav-bullet.gif) no-repeat 0 .78em; font-family: arial, sans-serif; font-size: 1.2em; padding-left: 15px; width: 195px; /* ie6 */ _width: 175px;}
ul#mainnav ul.section li a:hover {color:#143459; background:#c3dcf6 url(../images/layout/li-bullet-arrow.gif) no-repeat 98% 50%; }

/* current link, activated by global.js */
ul#mainnav li a.current {background: url(../images/layout/nav-current.gif) repeat-y;}

ul#mainnav ul.section li a.current,
ul#mainnav ul.section li a.current:link,
ul#mainnav ul.section li a.current:visited,
ul#mainnav ul.section li a.current:hover,
ul#mainnav ul.section li a.current:active {background:#3166a6; color:#fff;}

/* third level sub navigation 
ul#mainnav ul.section ul {width: 200px;}
ul#mainnav ul.section ul li {}
ul#mainnav ul.section ul li a {width: 155px;}
ul#mainnav ul.section ul li a:hover {background:none; text-decoration:underline;}*/



/* CONTENT typography
-------------------------------------------------------------------------------------*/

/* headers*/
#identity h1 {margin: 0; padding: 0;}
#page-title {display: block; width: 630px; height: 63px; margin: 0; padding: 35px 30px 0 30px; background: url(../images/layout/h2-bg.gif) no-repeat;}
#page-title h2 {display: block; margin: 0; padding: 0; font-family: georgia, "times new roman", times, serif; color: #fff; font-size: 2.6em; font-weight: normal;}
#content h3 {margin: 2em 0 1em 0; padding: 0; font-size: 1.6em; font-weight: bold;}
	#content h3.first {margin-top: 0;}
#content h4 {margin: 2em 0 1em 0; padding: 8px; background: #e8e4dd; font-size: 1.4em; font-weight: bold;}
#content h5 {margin: 0 0 1em 0; font-size: 1.3em; font-weight: bold;}

#content p {font-size: 1.2em; margin: 0 0 1.5em 0; padding: 0; line-height: 1.6em;}

#content li {font-size: 1.2em; line-height: 1.4em; margin: 0 0 1em 0;}

/* quote box on sub pages */
#quote {float:left; background:#f4f0eb url(../images/layout/quotebox-top.gif) no-repeat; margin-bottom: 20px;}
#quote p {font-size: 1.4em; color: #733100; font-family: georgia, "times new roman", times, serif; padding: 0 25px; padding-top: 15px; margin: 0 0 .5em;}
/*#quote p.last {background: url(../images/layout/quotebox-bottom.gif) no-repeat bottom right;}*/

/* top link */
p.toplink {text-align: right;}

/* Footer 
-------------------------------------------------------------------------------------*/
#footer-wrapper {width: 100%; background: #13284a; clear: both;}
#outer-footer {width: 980px; margin: 0 auto;}
#footer {width: 940px; margin: 0 auto; background: #1b3869;}
#footer .gutter {padding: 30px 25px 10px 25px;}
#footer ul {margin: 0; padding: 0; list-style: none; font-weight: bold;}
#footer li {color: #9ebdec; font-size: 1.2em; line-height: 1.4em;}
#footer a {color: #9ebdec;}
#footer a:hover {color:#fff;}
#footer p {text-align: right; font-size: 1.2em;}
#footer img.floatright {float: right;}

/* Tables
-------------------------------------------------------------------------------------*/
table {border: 1px solid #b9d3f1;/*border-bottom:1px solid #9fbab7;*/margin: 0 0 20px 0;width: 100%;}	
th {font-weight: bold; font-size: 1.3em; color: #01408c; border-right: 1px solid #fff;border-bottom: 1px solid #83afe4;border-top: 1px solid #fff;text-align: left;padding: 10px 6px 10px 12px;background: #e8e4dd;}
td {border-right: 1px solid #c7c7c7;border-bottom: 1px solid #c7c7c7;padding: 6px 6px 6px 12px; font-size: 1.2em; line-height: 1.4em; vertical-align: top;}
	#content td li {font-size: 1em;}
/* alternate bg color on table rows */
tr {background: #fff;}
tr.alt, tr.cal_head {background: #555; color: #fff;}

/* Images
-------------------------------------------------------------------------------------*/
img {border: 0;}

/* position images in the content area */
.imgcenter {margin: 0 auto; background: #e8e4dd; padding: 8px; display: block;}
.imgleft {float: left; margin: 0 30px 50px 0; background: #e8e4dd; padding: 8px;}
.imgright {float: right; margin: 0 0 20px 20px; background: #e8e4dd; padding: 8px;}

/* exhibitor logos */
.exhibitor {width: 100%; clear: both;}
.exhibitor img {float: left; padding: 4px; background: #e8e4dd; text-align: right; margin-right: 20px;}
.exhibitor p {float: left;  width: 250px;}

/* img with caption */
.imgright-caption {float: right; margin: 0 0 10px 20px; text-align: center;}
.imgright-caption img {background: #e8e4dd; padding: 8px; margin-bottom: .5em;}
#content .imgright-caption p {font-size: 1.1em; color: #666; margin-bottom: 0;}


/* Jump to content - for screen readers
-------------------------------------------------------------------------------------*/
#jumptocontent {position: absolute;top: -1000px;}

/* Notes
-------------------------------------------------------------------------------------*/
.note_to_client {color: #c00;}
.note_to_client a{color: #c00;}
.note_to_designer {color: #03c;}
.note_to_designer a{color: #03c;}
.note_to_editor {color: #093;}
.note_to_editor a{color: #093;}




/* Forms -- 
-------------------------------------------------------------------------------------*/

/* Standard form rules */
#content form.standard {margin: 0 auto 40px auto;font-size: 1.0em; width: 500px;}
#content form.standard fieldset {border: 1px solid #e6e6e6;padding: 15px;margin: 0 0 20px 0;display: block; background: #f7f8f6;}
#content form.standard fieldset.row1 {background-color: #ededed;}
#content form.standard ol {margin: 0;padding: 0;}
#content form.standard ol li {list-style: none; margin: 0; padding: 5px 0 10px 0; clear: both;}
#content form.standard li li {padding: 0;font-size: 1em;}
#content form.standard li p {font-size: 1em;line-height: 1.4em;margin-top: 4px;}	
#content form.standard legend {margin: 0 0 8px 0; padding: 0; font-weight: bold; color: #222;}
#content form.standard label {display: block; color: #333; padding: 0; font-size: .9em;}
#content form.standard label.inline {display: inline; float: none; padding-right: 0;}
#content form.standard .right,
#content form.standard ol.nested {float: right; width: 340px; text-align: left; clear: right;}	
#content form.standard ol.nested label {display: inline; float: none; text-align: left;}
#content form.standard ol.nested input {}
#content form.standard fieldset input {}
#content form.standard fieldset input.checkbox {border: none;}
#content form.standard fieldset input.radio {border: none;}
#content form.standard fieldset select {padding: 1px; margin-bottom: 3px;}
#content form.standard fieldset textarea {padding: 2px;} 
#content form.standard fieldset.submit {background: #e6e6e6; text-align:center;}	
#content form.standard fieldset.submit input {}
#content form.standard .input-submit {}
#content form.standard p {font-size: 1.2em; margin: 0 0 5px 0; padding: 0;}
#content form.standard h3 {border-bottom: none; font-size: 1.4em; margin-bottom: .5em;}

/* form validation alert message */
.alertmsg {color: #c00;display: none; font-size: 90%; font-weight: bold;}


/* Miscellaneous
-------------------------------------------------------------------------------------*/
.clear {clear: both;}
.pullbox {background:#f0f9ff; border:1px solid #a6c9e2; padding:20px; margin-bottom: 20px;}


/* layout fix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}


/* Home page only
-------------------------------------------------------------------------------------*/
/* first section -- navigation and flash */
#main-block {width: 940px; height: 350px;}
#flashcontent {float: right; position: absolute; z-index: 10; width: 720px; right: 0;}

/* second section -- benefits and plan ahead (events) */
#benefits {float: left; width: 630px; background: url(../images/layout/benefits-bg.gif) no-repeat;}
#benefits h2 {margin: 0; padding: 0; text-indent: -9999px; display: block; width: 630px; height: 50px; background: url(../images/layout/h2-benefits.gif) no-repeat;}
#testimonial {float: left; width: 250px; background: url(../images/layout/quote-bg.gif) no-repeat;}
#testimonial p {margin: 0; padding: 20px 20px 0 20px; color: #733100; font-family: georgia, "times new roman", times, serif; font-size: 1.4em; line-height: 1.55em;}
#testimonial p.name {text-align: right; font-style: italic;}
#main-text {float: right; width: 340px; padding: 20px 30px 20px 10px;}
#main-text p {font-size: 1.2em; line-height: 1.6em; margin: 0 0 10px 0; padding: 0;}
#main-text p.first {color: #01408c; font-size: 1.6em; line-height: 1.4em; font-weight: bold;}
#connect {clear: both; width: 585px; margin: 0 20px 50px 20px; border-top: 1px solid #c9c2b9; /* ie6 and 7 */ ^padding-top: 20px;}
#connect h3 {font-family: georgia, "times new roman", times, serif; font-size: 1.6em; color: #13284a;}
#buttons {background: #faf9f8; border: 1px solid #ece8e2; padding: 15px 30px; width: 525px;}
#buttons img {padding-left: 43px;}
#buttons img.first {padding-left: 0;}

#events {float: right; width: 310px;}
#events h2 {margin: 0 0 10px 0; padding: 0; text-indent: -9999px; display: block; width: 310px; height: 50px; background: url(../images/layout/h2-plan-ahead.gif) no-repeat;}
#events .event {margin: 0 10px; padding: 5px 0; border-top: 1px solid #beb5b1; font-size: 1.2em; /* this color is set because the background image doesn't display in dreamweaver, making it hard to edit the text */ background: #e8e3db; clear: both;}
#events .first {border-top: none;}
#events .event img {float: left; padding: 10px 10px 10px 0;}
#events .event p {line-height: 1.3em;}
#events .event p:first-line {font-weight: bold;}
#events .event a {font-weight: bold;}
#events .event a.register-link {background: url(../images/layout/li-bullet.gif) no-repeat 0 .2em; padding-left: 15px; font-weight: normal;}

/*  sIFR -- the sifr.swf replaces header text -- for info go to http://wiki.novemberborn.net/sifr/
----------------------------------------------------------------------------------------------------------- */

/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility:visible !important;margin:0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}

/* These "decoy" styles are used to hide the browser text before it is replaced */
.sIFR-hasFlash h2 {visibility:hidden;letter-spacing:0;font-size:2em;}


/* Why NAFA page -- different content area styling
-------------------------------------------------------------------------------------*/
body.whynafa #content .gutter {margin: 0; background: #f4f0eb url(../images/layout/gutter-bg.gif) repeat-y;}
body.whynafa #content .inner-gutter {margin: 30px 35px 25px 35px;}
body.whynafa #content .introtext {background: url(../images/layout/introtext-bg.gif) repeat-y; padding: 25px 35px;}
body.whynafa #content .introtext p {font-size: 1.6em; color: #01408c; margin: 0; padding: 0;}
body.whynafa .column1 {float: left; width: 250px; /* this color is set because the background image doesn't display in dreamweaver, making it hard to edit the text */ background: #f4f0eb;}
body.whynafa .column2 {float: left; width: 360px; /* this color is set because the background image doesn't display in dreamweaver, making it hard to edit the text */background: #f4f0eb;}


/* Events pages
-------------------------------------------------------------------------------------*/
#event-intro {background: #e8e3db url(../images/layout/event-info-bg.jpg) 0 0 repeat-y; float:left; display:block; padding:30px 0; margin: 0; width:100%;}
body.events #content .gutter {margin-top:0;}
body.events #content #event-intro .gutter {margin-bottom:0;} 
#event-intro img#mainphoto {float:right; display:inline; width:282px; height:256px; border:0; padding:4px; background:#fff;}
#event-intro .intro-text {float:left; width: 305px;}
#event-intro h3 {color:#692f00; margin:0; padding:0;}
#event-intro h4 {text-transform:none; padding:0;}
#event-intro ul {margin-left:0; padding-left:15px; padding-bottom:.75em;}
a.btn-register, a.btn-print {background:none; text-decoration:none; border:none;}
a.btn-register {margin-right:15px;}
div#tabs h4 {margin:0 0 1em 0; padding:0 0 .3em 0; border-bottom:1px solid #c7c7c7; background:none;}

/* photos on events index pages */
.upcoming {clear:both; float:left; border-bottom:1px solid #c7c7c7; margin-bottom:2em; padding-bottom:1em; /* ie6 and ie 7*/ ^width: 620px;}
.upcoming img {width:126; height:126; float:left; display:inline; border:4px solid #fff; margin:0 15px 0 0;}
.upcoming p {float:right; display:inline; width:465px;}


/* Constant Contact mailing list
-------------------------------------------------------------------------------------*/
#mailing-list {text-align: center;}
#mailing-list label {font-size: 1.2em;}


/* Picasa slideshow block / embed code from NAFA Picasa albums page
-------------------------------------------------------------------------------------*/
.slideshow {text-align:center; padding:20px 20px 40px 20px; background:#e8e3db; border:1px solid #d4cec3;}
.slideshow h4 {text-align:left;}