html, body { margin: 0; padding: 0; background: url(../images/bg-repeat.gif) repeat-x #303030; font-family: 'Century Gothic','Arial Narrow','Arial','Helvetica','San-Serif';
}

#background { background: url(../images/bg_graphic.gif) center top no-repeat; }

#header { height: 117px; width: 950px; margin: 0 auto 0 auto; overflow: hidden; }
#header h1 a { display:  block; background: url(../images/header.gif); height: 117px; text-indent: -999999px; overflow: hidden; width: 950px; margin: 0 auto 0 auto; }
#header h1 { margin: 0; }

#top_bar { background: url(../images/body-top.png) top no-repeat; padding: 5px 0 0 0; width: 960px; margin: 0 auto 0 auto;}

#body { background: url(../images/body.png) repeat-y; width: 948px; margin: 0 auto 0 auto; padding: 5px 6px 5px 6px;}

/* MAIN NAVIGATION
   =============== */

#main_nav { list-style: none; margin: 0; padding: 0 0 0 0; height: 36px; width: 950px; margin: 0 auto 0 auto;}
#main_nav li { float: left; width: 160px;}
#main_nav li.last { width: 150px;}
#main_nav li a { display: block; padding: 5px 5px; text-transform: uppercase; text-decoration: none; color: #6b6b6b !important; font-weight: bold; line-height: 14px;}
#main_nav li a.active, #main_nav li a:hover { color: #222;}
#main_nav li a:hover span { color: #666;}
#main_nav li a span { text-transform: lowercase; display: block; font-size: 11px; font-weight: normal; color: #9b9b9b; font-family: 'Arial', Helvetica, San-serif; font-size: 8px;}

#main_nav li ul { position: absolute; z-index:  100; left: -9999em;width: 160px; padding: 0 5px 0 5px; margin: 0; padding: 0; list-style: none; background: #fff; }
#main_nav li:hover ul { left: auto; z-index: 100 !important; height: auto; }
#main_nav li ul li a { border-top: 1px solid #eee;}

.homeactive { background: url(../images/nav/home-active.gif) center no-repeat;}
.aboutactive { background: url(../images/nav/about-active.gif) center no-repeat;}
.programsactive { background: url(../images/nav/third-active.gif) center no-repeat;}
.locationactive { background: url(../images/nav/fourth-active.gif) center no-repeat;}
.contactactive {
	background-image: url(../images/nav/last-active.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.bibactive {
	background-image: url(../images/nav/fifth-active.gif);
	background-repeat: no-repeat;
	background-position: center;
}

/* TYPOGRAPHY */

.nolist { list-style: none; padding-left: 0px; margin-left: 0px;} .nolist li { padding-left: 0px; margin-left: 0px;}
h3 { font-weight: bold; text-transform: uppercase; font-size: 15px; color: #666; letter-spacing: 1px;}
h3 span { display: block; font-size: 12px; color: #111; text-transform: none; letter-spacing: 0; font-weight: 100; font-style: italic;}
h4 { font-weight: bold; text-transform: uppercase; font-size: 14px;}
#feature_box h3 { color: #fff;}

a { color: #203657; }
a:hover { color: #375786; }

.ir { text-indent: -999999px; overflow: hidden; }

/* SUB NAVIGATION
   =============== */

#subnav, #subnav2 { list-style: none; margin: 0 0 0 4px; padding: 0; float: left; width: 154px; height: 304px; background: url('../images/subnavbg.gif');}
#subnav li a, #subnav2 li a { padding: 5px 5px; line-height: 15px; display: block; background: url(../images/side-button.gif) bottom left no-repeat; width: 144px; height: 34px; color: #fff; text-decoration: none; text-transform: uppercase; }
#subnav2 li a { height: 50px;}
#subnav li a span, #subnav2 li a span { display: block; text-transform: lowercase; color: #d56c6c; font-weight: 100; font-family: 'Arial', Helvetica, San-serif; font-size: 9px; }
#subnav li a:hover, #subnav li a.active, #subnav2 li a:hover, #subnav2 li a.active, #subnav li a.sactive { background: url(../images/side-button.gif) -154px 0 !important;}

#subnav li.strong { color: #fff; padding: 10px 0 10px 5px; letter-spacing: 2px; background: url('../images/side-button-bright.gif');}

#innerpage #subnav { width: 154px; position: absolute; padding: 0 10px 10px 0px; background: url(../images/MenuBG.png) bottom right no-repeat;}

#feature_box { background: url(../images/feature-box.gif); height: 304px; float: left; width: 320px; position: relative; }

#subnav2 { position: absolute; margin: 0; border-right: 1px solid #3b0709; z-index: 10; display: none;}

#graphic_box { background: url(../images/cool-graphic.gif) right; width: 464px; min-height: 304px; float: left; height: 304px;}

.clear { clear: both;}
.fr { float: right; margin: 0 !important;}

/* CONTACT FORM */

#contact_bar { background: url(../images/contact-row.gif);}

/* FOOTER */

#footer { position:  relative; background: url(../images/body-bottom.png) bottom no-repeat; font-size: 10px; width: 960px; margin: -20px auto 0 auto; height: 60px;}
#footer p { padding: 25px; color: #dd2b39; position: relative;}
#footer a { color: #fb9495;}

.tagline { width: 950px; margin: 0 auto 0 auto; font-size: 10px; color: #333; padding: 3px 0 15px 0;}
.tagline a { color: #666;}

/* FEATURE BOX */
#feature_box { position: relative;}
#feature_box span.cycle { display:  block; } 
#feature_box div.slider { padding:  35px; width: 714px; background: url(../images/homepage/slideup.jpg) bottom no-repeat; left:  0;display: none; color: #fff; position: absolute; height: 234px; top: 0;}
#feature_box div.slider a { color: #fff;}
#feature_box div.active { display: block;}
#feature_box h2 { font-size: 16px; font-weight: 100; color: #fff; letter-spacing: 4px; text-transform: uppercase; }
#feature_box h3 { font-size: 14px; font-weight: bold; color: #727d8a; margin-bottom: 0; text-transform: uppercase; letter-spacing: 2px; right:  5px;text-align: right; position: absolute; bottom: 10px;}
#feature_box p { width: 460px;}

.img_h2 { margin-top: -10px;}


.fbox_link { color: #fff; font-weight: bold; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;}
.fbox_link:hover, .fbox_link:active { border: none; color: #c6ddfd;}

#first { padding: 0 !important;}

#myFlashContent { margin: -5px 0 0 -15px; position: absolute; }

/* CONTACT_FORM */

#contact_form { background: url(../images/contact-form-bg.gif) no-repeat; width: 480px; margin: 0 0 0 0; display: none;}
#contact_form ol { list-style: none;  margin-left: 180px; padding-top: 10px; padding-bottom: 36px; }
#contact_form li { clear: both; padding: 10px 0 10px 0;}
#contact_form label { float: left; text-transform: uppercase; font-size: 11px;}
#contact_form input { float: right; width: 181px;}
#contact_form textarea { float: right; width: 175px !important; height: 125px;}

.inner_form { float: right; width: 440px; margin: 0; list-style: none; padding: 10px 0 36px 0; }
.inner_form li { clear: both; padding: 10px 0 10px 0; list-style: none; }
.inner_form label { float: left; text-transform: uppercase; font-size: 11px; }
.inner_form input, .inner_form select { float: right; width: 181px; }
.inner_form textarea { float: right; height: 250px; }

.contact_left { width: 470px; height: 300px; background: url(../images/contact-form-bg.gif) right top no-repeat; float: left; margin-top: -7px;}

/* GRAPHICS BOX */

#graphic_box p { color: #fff; font-weight:  bold;padding: 10px 10px 10px 20px; font-size: 13px;}

#graphic_box .section { background: url(../images/fbox.gif) no-repeat #535d6c; float: right; width: 426px; padding: 9px 18px 18px 18px; color: #fff; height: 665px; position: absolute; margin-left: 2px; display: none; }
#graphic_box h4 { margin: 9px 0 9px 0; color: #fff;}
#graphic_box img { margin: 36px auto 36px auto; }
.info_box ul { font-weight: bold; color: #15253c; margin-bottom: 18px !important; margin-top: -4px;}


.program_timeline {
	width: 60px !important; position: absolute; right: 200px; top: 100px; 
	height: 62px;
	background: url('../images/icons/program_icons.gif') no-repeat;
}

.program_timeline a {
	display: block;
	width: 60px;
	height: 0;
	font-size: 1em;
	padding-top: 62px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/icons/program_icons.gif') no-repeat;
}
/* LISTS */

.nostyle { list-style: none; padding-left: 0px; margin: 0;}
.nostyle li { padding-left: 0px; }
.nostyle ol { padding-left: 15px;}

.expand_form { width: 165px; height: 54px; background: url(../images/contact-button.gif); text-indent: -999999px; overflow: hidden; display: block;}
.colapse_form { width: 165px; height: 54px; background: url(../images/contact-button.gif) -165px 0; text-indent: -999999px; overflow: hidden; display: block; }
.left_arrow { background: url(../images/badges/left-arrow.gif) left center no-repeat; padding: 0 0 0 50px; }

/* CONTENT + SUB PAGES */

#content_band { height: 161px; width: 938px; margin: 0 auto 0 auto;  }
#content_band #subnav { margin-left: -2px; }

.aboutband { background: url(../images/banners/company-history.jpg); }
.programband { background: url(../images/banners/programs.jpg) no-repeat;}
.locationband { background: url(../images/banners/location-language.jpg) no-repeat;}
.contactband { background: url(../images/banners/contact-us.jpg) no-repeat;}
.bibband { background: url(../images/banners/biblio.jpg) no-repeat;}

#content { background: url(../images/contact-row.gif) top repeat-x; padding: 20px 10px 0 10px;}
.text_area { width: 550px; text-align: justify; margin-left: 115px; padding-top: 10px; padding-bottom: 36px;}
.text_area2 { width: 540px; text-align: justify; padding-top: 10px; padding-bottom: 36px; float: left;}
#content h2 { }
.mr250 { margin-right: 130px;}

.bio-left { float: right; margin: 20px; margin-right: -100px; width:200px; height:200px;}
.bio-left img { position: absolute; border: 5px solid #273c59; padding: 1px; }

/* PROGRAMS TABLE */

h2 { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 18px; color: #273c59;}
h2 span { font-size: 14px; color: #333; font-weight: 100;}

/* PROGRAMS PAGE */

.programs_table th { background: url(../images/data-table-top.gif) repeat-x; color: #fff; text-transform: uppercase; padding: 0 0 0 15px;}
.programs_table { background: #ddd; padding: 1px; border: 1px solid #ccc;}
.programs_table tr { border: 1px solid #fff; border-left: 1px solid #ccc; background: url(../images/table-odd.gif) repeat-x bottom #e0e0e0; height: 40px; }
.programs_table td { border-right: 1px solid #ddd; padding: 5px; }
.programs_table .summary { font-weight: bold; padding: 0 15px 0 15px;}

.learn_more { padding: 0 0 0 25px; background: url(../images/control_play_blue.png) left center no-repeat; text-transform: uppercase; font-weight: bold;}

/* INDIVIDUAL PROGRAMS PAGE */

.program_content { width: 360px; margin: 30px 0 30px 10px; border-left: #eee solid 30px; padding-left: 20px; }
.badge_area { float: right; width: 425px; padding: 10px; margin:  15px 10px 0 0;text-align: center; background: #d9d9d9; }
.badge_area img.small_banners { padding: 20px 0 0 0; display: block; margin: 0 auto 0 auto;}
.inner_badge { padding: 30px 10px 10px; background: url(../images/inner-shield.gif) top left no-repeat #fff; }
.inner_badge_bottom { background: url(../images/inner-shield-bottom.gif); height: 35px; }
.interested_tag { background: url(../images/top_shadow.gif) top repeat-x; padding: 30px 0 0 0; font-weight: bold; font-style: italic;}

form span { color: #ff0000;}

.ttips { border: 1px solid #e8485c !important; background: #a01319 !important; padding: 5px; color: #fff;}
.ttips h3 { color: #fff; margin: 0 0 10px 0 !important;}

/* CONTACT BOX */

.contact_box { position: absolute; background:  #fff; z-index: 500;left:  -999px;margin-left: -350px; margin-top: -300px; width: 640px; height: 640px; border: 10px solid #eee; padding: 20px; }
.active_box { left: 50% !important; top: 50% !important; }
.contact_box .inner_form { float: none; }
.close_button { float: right; border: 5px solid #eee; text-align: center;}
.close_button img { margin: 0 auto 0 auto;}
.text_close { float: right; padding-right: 10px;}

#home .map_contact { color: #fff;}

/* CSS CALENDAR */


.table_row { width: 550px; float: left; }
.table_cell { float: left; margin-right:50px; width: 220px; height: 400px;}
.table_cell table { border: 1px solid #dedede; padding: 1px; height: 300px; }
.table_cell td { padding: 3px 3px 15px 3px; border: 1px solid #ededed; }
.table_data { float: right; width: 370px; padding-top: 35px;}
.soldout { background: #a01319; color: #fff; font-size: 13px; text-align: center; padding: 7px 3px 8px 3px;}
.bsoldout { background: #66a1f5; color: #fff; font-size: 13px; text-align: center; padding: 7px 3px 8px 3px;}

.rstart { border: 1px solid #a01319 !important; border-right: none !important;}
.rcell { border: 1px solid #a01319 !important; border-left: none !important; border-right: none !important;}
.rend { border: 1px solid #a01319 !important; border-left: none !important;}

.gstart { border: 1px solid #69a013 !important; border-right: none !important;}
.gcell { border: 1px solid #69a013 !important; border-left: none !important; border-right: none !important;}
.gend { border: 1px solid #69a013 !important; border-left: none !important;}

.bstart { border: 1px solid #66a1f5 !important; border-right: none !important;}
.bcell { border: 1px solid #66a1f5 !important; border-left: none !important; border-right: none !important;}
.bend { border: 1px solid #66a1f5 !important; border-left: none !important;}

.program_availability_table { border: 1px solid #cecece; padding: 1px;}
.program_availability_table th { background: url(../images/contact-row.gif) bottom repeat-x; margin-bottom: 2px;}
.program_availability_table .odd { background: #ededed;}
.program_availability_table span { font-size: 11px; display: block; text-align: center; font-weight: bold; text-transform: uppercase;}
.program_availability_table span a { color: #a01319;}
.so_red { background: #a01319; color: #fff; border-top: 1px solid #fff !important;}
.so_blue { background: #66a1f5; border-top: 1px solid #fff !important; color: #fff;}

.date_row { font-weight: bold; font-size: 10px; text-transform: uppercase;}
.register { cursor: pointer;}

/* CONFERENCE CSS */

.conference_box { width: 600px; }
.conference_title { width: 45%; }
.conference_meta { float: left; width: 200px !important;}
.conference_title h2 { letter-spacing: 0px !important; font-size: 26px !important; line-height: 1em; color: #fff !important;}
.conference_presenter { font-size: 11px; letter-spacing:  0px;display: block; color: #eee;}
.conference_date { font-weight: bold; margin: 0; font-size: 14px;}
.conference_location { font-weight: bold; margin: 0; font-size: 12px; color: #eee;}
.conference_activities { float: left; width: 200px;}
.conference_activities p { margin: 0; font-weight: bold;}
.registration { color: #fff;}
.registration a { color: #fff !important;}
.registration p { margin: 0;}

.disclaimer-footer { margin: 0px 20px 0 0;font-size: 11px; color: #aaa !important; background: url('../images/tw-book-small.gif') right top no-repeat; text-align:  right; padding: 0 50px 0 500px !important;}
.disclaimer-footer-two { margin: 0px auto 0 auto;font-size: 11px; color: #aaa !important; background: url('../images/tw-book-small.gif') right top no-repeat; text-align:  right; padding: 0 50px 0 500px !important; width: 375px; height: 50px;}

