/*********** 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;
}

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;
}

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;
}

.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;
}

/************* 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_2_cta { position:absolute; top:165px; left:82px; }
.banner_3_cta { position:absolute; top:175px; left:82px; }
