/* CSS Document */
/* screen styles */
/***** 
	THIS STYLE SHEET IS USED FOR THE INDEX PAGE ONLY
	IT REMOVES DIV#MAIN, AND ASSOC. BACKGROUNDIMAGES FOR THE SIDEBARS AND NAVIGATION
	AND ALLOWS THE LARGE RED CURVE TO MOST EASILY BE PLACED
	SIDBAR has padding:top value
	*****/


/*-------------------------------------------------------------*/
/* HTML SELECTORS */
/*-------------------------------------------------------------*/
body{ background-color: #e8e9ea; margin: 0; padding: 0; text-align:center; /* IE centering Trick */
	font-family:Helvetica, Arial, sans-serif; font-size:8pt; color:#333; }
sup{ font-size:.7em; }
h1{ color:#e21836; padding: 4px 0; margin:0 0 10px 0; border-bottom: 2px solid #000; text-transform:uppercase; font-size:18px; font-weight:normal; letter-spacing: -1px; }
h2{ color:#000; padding: 4px 0; margin:0 0 10px 0; border-bottom: 1px solid #333; font-size:14px; font-weight:normal; }
h3{ color:#e21836; padding: 4px 0; margin:0 0 10px 0; font-size:14px; }
h4,.smheader,h5{ display:inline; margin:0; padding:0; font-weight:bold; color:#e21836; font-size:9pt; }
h5{ color:#333; }
h6{ display:inline; margin:0; padding:0; font-size: 9pt; font-weight:bold; }
a{ color:#e21836; }
a:hover{ color:#000; }
form,input,select{ margin:0; padding:2px; }
sup.red{ color:red; }
img{ border:0; }
a img{ border:0; border-style: none; }
hr{ width:99%; }



/*-------------------------------------------------------------*/
/* LAYOUT STYLES */
/*-------------------------------------------------------------*/
#wrapper{ width:780px; text-align:left; /* corrects IE centering trick */
	margin: 0 auto; padding:0; background-color:#fff; }
#masthead{ margin:0; padding:0; width:780px; }
#masthead img{ display:block; border:0; }


/* MAIN NAVIGATION */
/*-------------------------------------------------------------*/
#navigation, #navigation li{ margin:0; padding:0; border:0; list-style-type:none; background-color:#e21836; float:left; }
#navigation{ padding: 2px 0 0 185px; width:595px; height:29px; }
#navigation li a img{ border:0; margin:0; padding:0; }


/* MAIN and CONTENT */
/*-------------------------------------------------------------*/

#homeSlogan { padding-top: 60px; text-align: center; border: 0; font: 22px/30px Helvetica, Arial, sans-serif; letter-spacing: 1px; }
/*
#main{ background: url(images/nav_bottom.jpg) no-repeat top left; padding: 4px 0 0 0; clear:both; }*/
#content{ width:557px; padding:8px 25px 25px 15px; float:right; overflow:hidden; line-height: 1.5em; margin: 0 0 10px 0; }
#content #sitemap a{ font-size:14px; }

#homepageWrapper{background: #fff url(images/curve_bg.jpg) no-repeat top left; min-height: 220px;}


/* SUB NAVIGATION and SIDEBAR */
/*-------------------------------------------------------------*/
#sideBar{ width:177px; margin:0; padding:0; /*border-right:5px solid #fff;*/ float:left; overflow:hidden;padding-top: 10px; }
#subNav, #subNav li{ margin:0; padding:0; border:0; list-style-type:none; }
#subNav{ padding: 0 0 70px 0;/* background: #e21836 url(images/sidebar_nav_bottom.jpg) no-repeat bottom left;*/ }
#subNav li{ padding:8px 0; }
#subNav li.children{ padding:4px 0 4px 15px; }
#subNav li a{ display:block; margin:0; padding:0 10px 0 25px; color: #fff; text-decoration:none; font-size: 9pt; }
#subNav li a:visited{ color: #ddd; }
#subNav li a sup{ color:#ccc !important; }
#subNav li a:hover sup, 
#subNav li a.highlight sup{ color:#000 !important; }


/* subnav hover and active states - using classes set in body tag */
/*-------------------------------------------------------------*/
body.about_history #main #sideBar #subNav li a.history,
body.about_mission #main #sideBar #subNav li a.mission,
body.about_partners #main #sideBar #subNav li a.partners,
body.about_board #main #sideBar #subNav li a.board,
a.highlight,
#subNav li a:hover{ color: #000 !important; background: url(images/subnav_bullet.gif) no-repeat 10px 3px; }




/* FOOTER STYLES */
/*-------------------------------------------------------------*/
#footer{ clear:both; background-color:#e8e9ea; padding: 5px; color:#777; position:relative; line-height:1.7em; }
#footer a{ color:#777; }
#footer a:hover{ color:#e21836; }
#footerNav{ position:absolute; background-color:#e8e9ea; right:5px; top:10px; }



/*-------------------------------------------------------------*/
/* CLASSES */
/*-------------------------------------------------------------*/
i.black{ color:#000; }
.bodyTextColor{ color:#333; }
img.alignRight{ float:right; }
.error,.redText{ color: red; background-color:#FFFFCC; }
.blackItalicText{ color:black; font-style:italic; }
.supportBlock{ padding:5px; background-color:#f6f6f6; border:1px solid #777; }
.emailInput{ border:1px; border-style:solid; border-color:#e21836; background: #fff url(images/formfield_bg.gif) no-repeat top left; font-size:9pt; padding:2px; margin:0 0 4px 0; }
#content .center{ text-align:center; }
#content .right{ text-align:right; }




/*-------------------------------------------------------------*/
/* CLASSES FOR SESSIONS TABLE */
/*-------------------------------------------------------------*/
table.sessions { width: 556px; font-size: 10pt; border: solid #555 1px; border-collapse: collapse; }
table.sessions tr { vertical-align: top; }
table.sessions tr.mainTableHead { color: #fff; background-color: #e21836; }
table.sessions tr.subTableHead { color: inherit; background-color: #ccc; }
table.sessions th { font-weight: bold; text-align: center; border: solid #999 1px; }
table.sessions td { border: solid #999 1px; padding-left: 5px; padding-right: 5px; }
table.sessions td.time { width: 64px; text-align: right; padding-left: 0; }
table.sessions td.activity { width: 182px; }
table.sessions td.topic { width: 246px; font-weight: bold; vertical-align: middle; }