@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
  max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
  width:100%;
}

/*
  Dreamweaver Fluid Grid Properties
  ----------------------------------
  dw-num-cols-mobile:    5;
  dw-num-cols-tablet:    8;
  dw-num-cols-desktop:  10;
  dw-gutter-percentage:  25;
  
  Inspiration from "Responsive Web Design" by Ethan Marcotte 
  http://www.alistapart.com/articles/responsive-web-design
  
  and Golden Grid System by Joni Korpi
  http://goldengridsystem.com/
*/

html {width:100%; margin:0 auto; position:relative}
body {background-color:#d1d8bf}
p {padding:2% 0; line-height:1.5em}
a:link {color:#06C}
a:visited {color:#06C}
a:active {color:#06C}
a:hover {text-decoration:none; color:#039}
.center {text-align:center}

.page {width:99%; height:auto; float:left; margin:1% 0 0 1%; max-width:1232px}
.main {width:73%; height:auto; float:left}
.sideads {width:25%; height:auto; float:right; text-align:left}
.hdrWrapper {width:100%; height:auto; float:left; max-width:900px}
.hdrL {width:76.777778%; height:auto; float:left}
.hdrR {width:23.222222%; height:auto; float:left}
.topNav {width:100%; height:auto; float:left; margin:1% 0; max-width:900px}
.sponsorBox {width:100%; height:auto; float:left}
.sponsorLogo {width:98%; height:auto; float:left; text-align:center; padding:1%}
.whiteContainer {width:100%; height:auto; float:left; background-color:#fff; max-width:900px; padding:0 0 3% 0}
.slides {width:55%; height:auto; float:left; margin:.5% 0; padding:1%}
.introBox {width:55%; height:auto; float:left;}
.iframe {width:43%; height:auto; float:right; text-align:left}
.introHdr {font:14px Arial, Helvetica, sans-serif; line-height:14pt; color:#036; font-weight:bold}
.intro {padding:0 3%; float:left; color:#426687; line-height:14pt}
.bottomAd {width:100%; height:auto; float:left; margin:1% 0; max-width:900px; text-align:center}
.bottom1 {width:16.111111%; height:auto; float:left}
.bottom2 {width:47%; height:auto; float:left}
.bottom3 {width:20.333333%; height:auto; float:left}
.bottom4 {width:16.555556%; height:auto; float:left}
.mainContent {width:68%; height:auto; float:right; margin:1%; text-align:left}
.mainContent2 {width:96%; height:auto; float:left; text-align:left; padding:2%; max-width:860px}
.breadcrumb {font:10px Arial, Helvetica, sans-serif; text-align:left; padding:1% 0}
.vidContainer {position:relative; height:0; padding-bottom:60%}
.vid {position:absolute; top:0; left:0; height:100%; width:100%}

.footer {width:98%; height:auto; float:left; padding:1%; max-width:880px; background-color:#666}
.footerL {width:43%; height:auto; float:left; text-align:left}
.footerR {width:55%; height:auto; float:right; text-align:right}
.footerTxt {font:11px Arial, Helvetica, sans-serif; line-height:12pt; color:#eee}
.footerTxt a {color:#eee}
.footerCenter {width:98%; height:auto; float:left; padding:1%; max-width:880px; background-color:#666; margin:0 0 2% 0}
.footerLinks {width:98%; height:auto; float:left; padding:1%; text-align:center; font:11px Arial, Helvetica, sans-serif; line-height:12pt; color:#154068}
.footerLinks a {color:#eee}

.headerEvent {font:16pt Arial, Helvetica, sans-serif; line-height:17pt; text-align:left; padding:1%; width:98%; float:left}
.introHdr {font:14px Arial, Helvetica, sans-serif; line-height:14pt; color:#036; font-weight:bold}
.intro {width:90%; padding:0 5%; float:left; color:#426687; line-height:14pt}
.centerCCC {background-color:#ccc; text-align:center}
.centerEEE {background-color:#eee; text-align:center; padding:5px}
.centerFFF {background-color:#fff; text-align:center; padding:5px}
.leftEEE {background-color:#eee; text-align:left; padding:5px}
.leftFFF {background-color:#fff; text-align:left; padding:5px}

/* ------------------------- Volunteer ---------------------------- */
.vFormHdr {font-size:1.25em; line-height:1em; color:#036; text-align:left; width:98%; height:auto; float:left; padding:1%; margin:1% 0; font-weight:bold}
.vFormWrapper {width:100%; height:auto; float:left; margin:3px 0; text-align:left}
.vFormL {width:50%; height:auto; float:left}
.vFormR {width:50%; height:auto; float:right}
.time1 {width:30%; height:auto; float:left; text-align:left}
.time2 {width:30%; height:auto; float:left; text-align:center}
.time3 {width:30%; height:auto; float:right; text-align:center}
.vIndent {padding:0 0 0 20px}
.vTextArea {font:12px Arial, Helvetica, sans-serif; line-height:12pt; text-align:left; padding:5px}
.vBtn {text-align:center; padding:1%; width:98%; height:auto; float:left}
.vNote {font-size:.85em; line-height:1.25em; color:#036; text-align:left; width:98%; height:auto; float:left; padding:1% .5%; background-color:#e7eff7; margin:1% 0; border:1px solid #9eb4c6}
.required {font-weight:bold; color:#F30}
.inputGeneral {min-width:120px; max-width:200px; height:auto; text-align:left; padding:2px 3px}
.mainContent2 table {width:98%; float:left; padding:1%}
.vlabel {width:30%; height:auto; float:left; text-align:right}
.vfield {width:70%; height:auto; float:right; text-align:left}

/* Mobile Layout: 480px and below. */
@media all and (min-width: 120px) and (max-width: 480px) {
.main {width:100%; height:auto; float:left}
.sideads {width:100%; height:auto; float:right; text-align:center}
.sponsorLogo {width:48%; height:auto; float:left; text-align:center; padding:1%}
.slides {width:98%; height:auto; float:left; margin:.5% 0; padding:0 1% text-align:center}
.introBox {width:98%; height:auto; float:left; padding:0 1% text-align:left}
.iframe {width:100%; height:auto; float:right; text-align:center}
.footerL {width:100%; height:auto; float:left; text-align:center}
.footerR {width:100%; height:auto; float:right; text-align:center}
.mainContent {width:94%; height:auto; float:left; margin:1%; padding:0 2%}
.mainContent2 {width:96%; height:auto; float:left; text-align:left; padding:2%}
.vFormL {width:98%; height:auto; float:left; padding:1%}
.vFormR {width:98%; height:auto; float:left; padding:1%}
.vFormWrapper {width:98%; height:auto; float:left; padding:1%}
.vFormHdr {width:98%; height:auto; float:left; padding:1%}
.vNote {width:98%; height:auto; float:left; padding:1%}
.vlabel {width:100%; height:auto; float:left; text-align:left}
.vfield {width:100%; height:auto; float:left; text-align:left}
.time1 {width:100%; height:auto; float:left; text-align:left}
.time2 {width:100%; height:auto; float:left; text-align:left}
.time3 {width:100%; height:auto; float:left; text-align:left}
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media all and (min-width: 481px) and (max-width: 768px) {
.slides {width:98%; height:auto; float:left; margin:.5% 0; padding:0 1% text-align:center}
.introBox {width:98%; height:auto; float:left; padding:0 1% text-align:left}
.iframe {width:100%; height:auto; float:right; text-align:center}
.footerL {width:100%; height:auto; float:left; text-align:center}
.footerR {width:100%; height:auto; float:right; text-align:center}
.mainContent {width:96%; height:auto; float:left; margin:2%}
.mainContent2 {width:96%; height:auto; float:left; text-align:left; padding:2%}
.vFormL {width:98%; height:auto; float:left; padding:1%}
.vFormR {width:98%; height:auto; float:left; padding:1%}
.vFormWrapper {width:98%; height:auto; float:left; padding:1%; padding:2%}
.vFormHdr {width:98%; height:auto; float:left; padding:1%}
.vNote {width:98%; height:auto; float:left; padding:1%}
.vlabel {width:100%; height:auto; float:left; text-align:left}
.vfield {width:100%; height:auto; float:left; text-align:left}
.time1 {width:100%; height:auto; float:left; text-align:left}
.time2 {width:100%; height:auto; float:left; text-align:left}
.time3 {width:100%; height:auto; float:left; text-align:left}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media all and (min-width: 769px) and (max-width: 1232px) {
.slides {width:98%; height:auto; float:left; margin:.5% 0; padding:0 1% text-align:center}
.introBox {width:98%; height:auto; float:left; padding:0 1% text-align:left}
.iframe {width:100%; height:auto; float:right; text-align:center}
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */