/*********** GENERAL STYLES ****************/

* { padding: 0; margin: 0; border: none; }
body { width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; background: #fffaf4 url(../images/bg.jpg) top left repeat-x; font-size: 82%; color: #666; }
a { color: #000; font-weight: bold; text-decoration: none; }
a:hover { color: #F47B23; }

#container { /*background: transparent url(../images/bg_page.png) top center repeat-y;*/ width: 100%; }
#innerContainer { background: #fff; width: 960px; margin: 0 auto; }
#header { width: 960px; height: 100px; }

.logoLeft { float: left; }
.logoRight { float: right; }
.clearer { clear: both; height: 0; }

.logoRight p { text-align: right; }
.logoRight p#contactPhone { font-size: 14px; padding: 30px 25px 0 0; }
.logoRight p#contactEmail { text-align: right; padding: 5px 25px 0 0; }

#nav { width: 960px; background: #F47B23; color: #fff; }
ul#menu { width: 960px; float: left; list-style-type: none; background: #F47B23; border-bottom: 1px solid #fff; padding: 0; }
ul#menu li { float: left; border-right: 1px solid #fff; font-size: 90%; }
ul#menu li a, ul#menu li a:visited, ul#menu li a:active { color: #fff; text-decoration: none; font-weight: normal; background: #F47B23; display: block; padding: 0.5em 1em; }
ul#menu li a:hover { background: #000; }

#banner { background: #eaeaea; border-bottom: 10px solid #fff; }

h1 { font-size: 182%; color: #333; background: #fff url(../images/header_bg.gif) 0 6px no-repeat; font-weight: normal; padding: 0 0 0 22px; margin-bottom: 15px; }
h2 { font-size: 110%; color: #F47B23; margin-bottom: 15px; }
h3 { font-size: 82%; color: #F47B23; margin-bottom: 15px; }
h3 a { color: #F47B23; }
h3 a:hover { text-decoration: underline; }

ol { padding: 0 10px 20px 30px; }
ol li { color: #F47B23; line-height: 140%; font-size: 82%; }
ol li span { color: #666; }

ul { padding: 0 10px 20px 30px; }
ul li { color: #F47B23; line-height: 140%; font-size: 82%; }
ul li span { color: #666; }

p { font-size: 82%; color: #666; margin-bottom: 15px; }
p.infoBox { clear: both; background: #eaeaea; padding: 10px; margin: 10px 0; font-size: 100%; }
p.footnote { font-size: 76%; color: #ff1e0d; margin: 15px 0 0 0; padding: 0 0 10px 15px; background: #fff url(../images/small_arrowup_bg.gif) top left no-repeat; }

#featureBox { /*background: #fde5d3;*/ background: #FFF url(../images/featurebox_bckgd2.jpg) repeat-x left bottom; padding: 0; margin: 0 0 20px 0; border: 1px solid #CCC; }
#featureBox h2 { margin: 25px 10px 15px 10px; }
#featureBox p { padding: 0; margin: 10px; color: #333; }
#featureBox h3 { padding: 0; margin: 10px; }
#featureBox p.wide, #featureBox h2.wide { width: 450px; }
#featureBox img { float: left; border: 1px solid #EAEAEA; margin: 10px; }
#featureBox p.logoHolder { margin-left: 0; }

.shoutBox { background: #eaeaea url(../images/shoutBoxBg.png) bottom left no-repeat; margin: 0 0 20px 0; }
.shoutBox p.quote { font-size: 90%; font-weight: bold; line-height: 175%; color: #F47B23; padding: 10px; }
.shoutBox span.quotemark { font-size: 155%; font-family: Georgia, "Times New Roman" , Times, serif; vertical-align: -2px; }
.shoutBox p.quoteTag { text-align: right; font-size: 76%; font-style: italic; padding: 10px; }

.article { border-top: 1px dotted #999; padding-top: 10px; }
.article img { float: right; }

div.last { border-bottom: none; }
img.link { float: right; margin: 0 0 10px 10px; }

.bgRed { background: #ff1e0d; }
.bgRed a { font-weight: normal; color: #fff; }
.bgRed a:hover { color: #333; }
.quickLinkImg { float: right; }


/*********** HOMEPAGE STYLES ****************/

#homeBanner { background: #eaeaea; border-bottom: 10px solid #fff; }
#homeContent { padding: 20px 30px 30px 30px; }
#homeIntro { float: left; width: 600px; border: 0px none #ccc; padding-top: 0; padding-right: 21px; padding-bottom: 10px; padding-left: 21px; }
#homeIntro h1 { padding: 0 0 0 22px; margin: 20px 0; }
#homeIntro p { margin-bottom: 20px; line-height: 140%; font-size: 82%; }
#homeIntro p.first { padding: 15px 0 10px 0; }
#homeIntro ul { margin: 10px 10px 10px 45px; }
#homeIntro ul#sitemap { margin: 10px 45px 0 45px; padding: 10px 0 0 0; border-top: 2px dotted #999; font-size: 120%; }
#homeIntro ul#sitemap ul { margin-left: 10px; margin-bottom: 0; padding-bottom: 10px; }
#homeIntro ul#sitemap li { font-size: 90%; }
#homeQuickMenu { float: left; width: 280px; padding: 0 0 0 30px; }
#homeQuickMenu .topQuickLink a { width: 258px; }

.homeQuickLink { margin: 0 0 10px 0; display: inline-block; }
.homeQuickLink a { display: block; font-weight: normal; }
.homeQuickLink a:hover { background-position: -280px 0px; }
.homeQuickLink a#topCaseLink { background: #fef8f4 url(../images/bg_subcase.jpg) top left no-repeat; }
.homeQuickLink a#topEventsLink { background: #fef8f4 url(../images/bg_subevents.jpg) top left no-repeat; }
.homeQuickLink a#topNewsLink { background: #fef8f4 url(../images/bg_subnews.jpg) top left no-repeat; }
.homeQuickLink a:hover { background-position: -280px 0px; background-color: #FFFFFF; }
.homeQuickLink a:hover#topEventsLink { background-position: -280px 0px; background-color: #FFFFFF; }
.homeQuickLink a:hover#topCaseLink { background-position: -280px 0px; background-color: #FFFFFF; }
.homeQuickLink a:hover#topNewsLink { background-position: -280px 0px; background-color: #FFFFFF; }
.homeQuickLink a span.homeQuickLinkHeader { display: block; font-size: 140%; padding-bottom: 5px; }
.homeQuickLink a span.homeQuickLinkHeader em { font-style: normal; color: #F47B23; }
.homeQuickLink a span.homeQuickLinkBody { font-size: 86%; padding-right: 50px; display: block; }


/*********** TOP LEVEL PAGE STYLES ****************/

#topLevelContent { width: 960px; float: left; }
#topLevelLeft { float: left; width: 220px; }
#topLevelCenter { float: left; width: 450px; padding: 0 0 10px 0; }
#topLevelRight { float: right; width: 260px; padding: 35px 10px 0 10px; }
#topQuickMenu { }

.topQuickLink { margin: 0; display: inline-block; }
.topQuickLink a { display: block; color: #333; width: 228px; }
.topQuickLink a#topCaseLink { background: #fef8f4 url(../images/bg_subcase.jpg) -31px 0px no-repeat; }
.topQuickLink a#topEventsLink { background: #fef8f4 url(../images/bg_subevents.jpg) -31px 0px no-repeat; }
.topQuickLink a#topNewsLink { background: #fef8f4 url(../images/bg_subnews.jpg) -31px 0px no-repeat; }
.topQuickLink a:hover { background-position: -311px 0px; background-color: #FFFFFF; }
.topQuickLink a:hover#topEventsLink { background-position: -311px 0px; background-color: #FFFFFF; }
.topQuickLink a:hover#topCaseLink { background-position: -311px 0px; background-color: #FFFFFF; }
.topQuickLink a:hover#topNewsLink { background-position: -311px 0px; background-color: #FFFFFF; }
.topQuickLink a span.topQuickLinkHeader { display: block; font-size: 140%; padding-bottom: 5px; }
.topQuickLink a span.topQuickLinkHeader em { font-style: normal; color: #F47B23; }
.topQuickLink a span.topQuickLinkBody { font-size: 86%; padding-right: 50px; display: block; }


/*********** SUB LEVEL PAGE STYLES ****************/

#subLevelContent { width: 960px; }
#subLevelLeft { float: left; width: 220px; }
#subLevelCenter { float: left; width: 450px; padding: 0 0 10px 0; }
#subLevelCenter div#featureBox img { float: left; }
#subLevelRight { float: right; width: 260px; margin: 35px 10px 0 10px; }

.subQuickLink { margin-bottom: 5px; }
.subQuickLink a { display: block; font-weight: normal; color: #333; width: 158px; }
.subQuickLink a:hover { background: #fff; }
.subQuickLink a span.topQuickLinkHeader { display: block; font-size: 110%; font-weight: bold; padding-bottom: 5px; }
.subQuickLink a span.topQuickLinkHeader em { font-style: normal; color: #F47B23; }
.subfootnote { font-size: 10px; }
.subQuickLink a span.topQuickLinkBody { font-size: 86%; }


/*********** SUB MENU STYLES ****************/

#subMenuBgContainer { width: 960px; }

ul#subMenu { width: 178px; margin: 10px 20px; padding: 0; list-style-type: none; border-bottom: 1px solid #d8d9d9; }
ul#subMenu li { font-size: 82%; width: 178px; }
ul#subMenu li a { background: #fff url(../images/subMenuLink_bg.gif) 11px 13px no-repeat; display: block; padding: 9px 11px 9px 20px; color: #333; font-weight: normal; text-decoration: none; width: 145px; border-left: 1px solid #d8d9d9; border-right: 1px solid #d8d9d9; }
ul#subMenu li a:hover { background-color: #F6F6F6; }
ul#subMenu li a.topLink { background: #EAEAEA; font-size: 120%; font-weight: bold; border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; padding: 9px 11px; width: 154px; }
ul#subMenu li a.topLink:hover { background: #EAEAEA; }
ul#subMenu li a.selected { font-weight: bold; }

ul#subsubMenu { border-left: 1px solid #d8d9d9; border-right: 1px solid #d8d9d9; list-style-type: none; margin: 0px; padding: 0px; }
ul#subsubMenu li a { color: #333; width: 126px; border: none; padding: 5px 20px 5px 30px; background: none; }
ul#subsubMenu li a.selected { font-weight: bold; }

ul#subsubsubMenu { list-style-type: none; margin: 0px; padding: 0px; }
ul#subsubsubMenu li a { color: #333; width: 106px; font-size: 9px; border: none; padding: 5px 20px 5px 50px; background: none; }
ul#subsubsubMenu li a.selected { font-weight: bold; }

/************* BREADCRUMB MENU STYLES ****************/

#breadcrumb { margin-top: 10px; }
#breadcrumb ul { list-style-type: none; padding: 0 0 10px 0; overflow: auto; }
#breadcrumb ul li { float: left; color: #F47B23; font-size: 82%; line-height: normal; }
#breadcrumb ul li a { color: #666; text-decoration: none; font-weight: normal; }
#breadcrumb ul li a:hover { text-decoration: underline; }

/************* FOOTER STYLES ****************/

#footer { width: 940px; margin: 10px 0 0 0; border-left: 10px solid #fff; border-right: 10px solid #fff; float: left; }
#footer ul { list-style-type: none; float: left; width: 940px; border-top: 1px dotted #999; padding: 0; }
#footer ul li { float: left; color: #ff1e0d; font-size: 82%; padding: 10px 0; }
#footer ul li a { color: #F47B23; text-decoration: none; font-weight: normal; }
#footer ul li a:hover { text-decoration: underline; }

/************* FORM STYLES ****************/

fieldset { margin: 30px 0 0 0; font-size: 82%; color: #666; float: left; width: 550px; }
label { line-height: normal; text-align: left; display: block; margin-right: 10px; position: relative; width: 150px; float: left; }
label.fieldLabel { display: inline; float: none; }
input.formInputField { border: solid 1px #666; margin: 0 5px 15px 0; padding: 2px; height: 20px; width: 300px; }
select { border: solid 1px #666; margin: 0 5px 15px 0; padding: 2px; height: 22px; width: 303px; }
textarea { border: solid 1px #666; margin: 10px 5px 15px 0; padding: 2px; width: 460px; }

.registerNow a { background: #ff1e0d; display: inline-block; padding: 0.4em .75em; font-size: 90%; color: #FFFFFF; }
.registerNow a:hover { background: #c00; }
.redText { color: #f30; }


/* banner styles */
.clear_float { clear: both; line-height: 0px; font-size: 0px; height: 0px; }

.banner_mask { width: 960px; height: 249px; position: relative; overflow: hidden; }
.banner_holder { width: 2880px; height: 250px; position: absolute; top: 0px; left: 0px; }
.banner_item_1 { width: 960px; height: 250px; position: relative; float: left; background: url(../images/banner_bg_1.jpg) top left no-repeat; }
.banner_item_2 { width: 960px; height: 250px; position: relative; float: left; background: url(../images/banner_bg_2.jpg) top left no-repeat; }
.banner_item_3 { width: 960px; height: 250px; position: relative; float: left; background: url(../images/banner_bg_3.jpg) top left no-repeat; }
.banner_nav_holder { position: absolute; top: 20px; left: 840px; text-align: right; }
.nav_to_banner1 { display: inline; cursor: pointer; }
.nav_to_banner2 { display: inline; cursor: pointer; }
.nav_to_banner3 { display: inline; cursor: pointer; }
.banner_1_cta { position: absolute; top: 165px; left: 125px; width: 310px; }
.banner_2_cta { position: absolute; top: 165px; left: 82px; }
.banner_3_cta { position: absolute; top: 175px; left: 82px; }


/* --- new drop down banner menu --- */
.newmenu_jc { border: none; border: 0px; margin: 0px; padding: 0px; font: Verdana, Helvetica, sans-serif; width: 960px; background: #F47B23; color: #fff; }
.newmenu_jc ul { width: 960px; float: left; list-style-type: none; background: #F47B23; border-bottom: 1px solid #fff; padding: 0; }
.newmenu_jc li { float: left; border-right: 1px solid #fff; font-size: 12px; }
.newmenu_jc li a { color: #fff; text-decoration: none; background: #F47B23; display: block; padding: 0.5em 12px; width:135px; font-weight:bold; text-align:center; }
.newmenu_jc li a:hover, .newmenu_jc ul li:hover a { background: #000 url("images/hover.gif") bottom center no-repeat; color: #FFFFFF; text-decoration: none; }
.newmenu_jc li ul { background: #F47B23; display: none; height: auto; padding: 0px; margin: 0px; border: 0px; position: absolute; width: 159px; z-index: 200; }
.newmenu_jc li:hover ul { display: block; }
.newmenu_jc li li { display: block; float: none; margin: 0px; padding: 0px; width: 159px; border:0px; }
.newmenu_jc li:hover li a { background: none; }
.newmenu_jc li ul a { display: block; font-size: 12px; font-style: normal; margin: 0px; padding: 0.5em 1em; text-align: left; font-weight:normal; }
.newmenu_jc li ul a:hover, .newmenu_jc li ul li:hover a { background: #000; border: 0px; color: #ffffff; text-decoration: none; }
.newmenu_jc p { clear: left; }