

/*********** 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 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: 548px;
	border: 1px solid #ccc;
	padding: 0 20px 10px;
}

#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 20px 0;
	display: inline-block;
}

.homeQuickLink a {
	display: block;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 10px;
	color: #333;
	width: 258px;
	background: #fef8f4 url(../images/bg_subknowledge.jpg) top left  no-repeat;
}

.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 0 20px 0;
	display: inline-block;
}

.topQuickLink a {
	display: block;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 10px;
	color: #333;
	width: 228px;
	background: #fef8f4 url(../images/bg_subknowledge.jpg) -31px 0px  no-repeat;
}

.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: 520px;
	padding: 0 0 10px 0
}

#subLevelCenter div#featureBox img {
	float: left;
}

#subLevelRight {
	float: right;
	width: 180px;
	margin: 35px 20px 0 10px;
}

.subQuickLink {
	margin-bottom: 10px;
}

.subQuickLink a {
	display: block;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 10px;
	color: #333;
	width: 158px;
	background: #fef8f4 url(../images/bg_subPageLink.jpg) top left repeat-x;
}

.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;
}


/************* 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;}




