body { color: #533; font: 12px/14px Verdana, Helvetica, Arial; background: repeat-x url(/images/img-page-background.gif) #9FBEE2; margin: 0px auto; padding: 0px; text-align: center; }

img { border: 0px; text-decoration: none; }

/* start the container divs for the main layout of the site */

#container { width: 862px; background-color: #fff; margin: 0px auto; padding: 0px; text-align: center; }

#top_nav_wrapper { width: 862px; height: 81px; background: repeat-x url(/images/header-background.gif) #541E01; margin: 0px auto; text-align: center; }

#top_nav { height: 32px; background: repeat-x url(/images/top-nav-background.gif); margin: 0px; padding: 0px; color: #fff; font: 10px/10px Verdana, Helvetica, Arial; }
#top_nav ul { display: inline; padding: 10px 0px; margin: 0px; color: #fff; font: 10px/11px Verdana, Helvetica, Arial; }
#top_nav ul li.off { color: #fff; font: 10px/11px Verdana, Helvetica, Arial; display: inline; padding: 10px 15px; list-style-image: none; }
#top_nav ul li.off a:link, #top_nav ul li.off a:visited { color: #fff; text-decoration: none; }
#top_nav ul li.off a:hover, #top_nav ul li.off a:active { color: #fff; text-decoration: underline; }
#top_nav ul li.on { color: #9CC1E5; font-weight: bold; display: inline; padding: 10px 15px; list-style-image: none; background: repeat-x url(/images/top-nav-rollover-bg.gif); }
#top_nav ul li.on a:link, #top_nav ul li.on a:visited { color: #9CC1E5; font-weight: bold; text-decoration: none; }
#top_nav ul li.on a:hover, #top_nav ul li.on a:active { color: #9CC1E5; font-weight: bold; text-decoration: underline; }

#nav_bottom_right { margin: 0px; padding: 0px; text-align: right; color: #947667; font: 10px/11px Verdana, Helvetica, Arial; font-weight: bold; }

form { padding: 2px 0px 0px 0px; margin: 0px; }
#form-box { margin: 5px 2px 2px 2px; padding: 2px; text-align: left; color: #541E01; font: 10px/11px Verdana, Helvetica, Arial; font-weight: normal; border: 1px solid #947667; }
#form-sumbit { margin: 5px 2px 2px 2px; text-align: center; font: 10px/11px Verdana, Helvetica, Arial; border: 0px; }

#content { background-color: #fff; text-align: left; padding: 30px 43px; color: #222; font: 11px/14px Verdana, Helvetica, Arial; }
#content_gallery { background-color: #fff; text-align: left; padding: 0px 43px 30px 43px; color: #222; font: 11px/14px Verdana, Helvetica, Arial; }
#content p, #content_gallery p { text-align: left; padding: 0px 8px 14px 8px; margin: 0px; font: 11px/14px Verdana, Helvetica, Arial; }

#gallery_row { padding-top: 25px; padding-bottom: 9px; text-align: center; }
#gallery_row a img { padding: 0px 19px; border: 0px; }
#image_column { width: 220px; float: left; padding-right: 24px; padding-top: 24px; }
#content_column { width: 530px; float: right; }
#image_column img { padding-bottom: 24px; border: 0px; }
#image_column img.caption { padding-bottom: 3px; border: 0px; }
#image_column p { padding-bottom: 20px; font: 9px/10px Verdana, Helvetica, Arial; color: #aaa; text-align: center; }

h1 { font: 18px/22px Georgia, Times, serif; color: #401D16; padding: 0px 8px; margin: 0px; padding-top: 20px; }
h2, h2 a { font: 16px/22px Georgia, Times, serif; color: #4678B0; text-decoration: none; padding: 11px 8px 0px 8px; margin: 0px; text-align: left; }

a { color: #4678B0; }

h2 a:hover, h2 a:active, a:hover, a:active { color: #9FBEE2; text-decoration: underline; }
h3 { font: 14px/22px Georgia, Times, serif; color: olive; padding: 11px 8px 0px 8px; margin: 0px; }

#footer { width: 862px; margin: 0px auto; text-align: center; padding-bottom: 25px; color: #626E7A; font: 9px/12px Verdana, Helvetica, Arial; }
#footer p { padding: 0px 60px; }
#footer p a:link, #footer p a:visited { color: #626E7A; text-decoration: none; }
#footer p a:hover, #footer p a:active { color: #626E7A; text-decoration: underline; }

#content ul, #content_gallery ul { list-style: none; padding: 0px 8px; margin: 0px; }
#content ul li, #content_gallery ul li { padding-top: 0px; margin: 0px; }

.small { font-size: 10px; }

.home { color: #fff; }

#subscribe-box { float: left; width: 550px; padding: 4px; }

.schedule-session { display: block; height: 25px; text-align: right; padding-right: 30px; background: url(../images/icon-calendar.png) no-repeat right top; color: #9FBEE2; text-decoration: none; line-height: 2.8; margin-top: 4px; }
.schedule-session:hover { text-decoration: underline; color: #fff; }
/* sub nav for the gallery */

#sub-nav { background-color: white; text-align: center; font: 10px/12px Verdana, Helvetica, Arial; color: #541E01; text-decoration: none; }

#sub-nav img { vertical-align: middle; padding: 0px; margin: 0px; }

#flashcontent { z-index: 1; float: right; text-align: left; padding: 0px; margin: 0 auto; color: #555; }
.homepage { text-align: left; padding: 0; margin: 0 auto; color: #555; }

.clear { clear: both; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* making the sub-nav work first for ie then for modern browsers... stupid ie. */
/*@group subnav*/
#sub-nav ul { background-color: #C6D9EE; display: inline; padding: 0px; margin: 0px; }
#sub-nav > ul { padding: 7px 0px 10px 0px; }
#sub-nav ul li { display: inline; list-style-image: none; padding: 10px; }
#sub-nav ul li a:link, #sub-nav ul li a:visited { color: #541E01; text-decoration: none; }
#sub-nav ul li.on, #sub-nav ul li.on a:link, #sub-nav ul li.on a:visited { color: #fff; text-decoration: none; font-weight: bold; }
#sub-nav ul li a:hover, #sub-nav ul li a:active, #sub-nav ul li.on a:hover, #sub-nav ul li.on a:active { color: #fff; text-decoration: underline; }
/*@end subnav*/