/* ICONOGRAPHY 2010 - Standard Screen CSS */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	color: #666;
	font-size: x-small; /* for IE5 */
	f\ont-size: small; /* everyone else */
	background: #fff url("/images/bkg_body.jpg") no-repeat top center; 
}
#tinymce {
	background: #fff;
	padding: 5px;
}
/************* COMMON ***************/
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #cf000c;
	text-decoration: none;
}
p {
	margin: 0 0 0.8em 0;
	padding: 0;
	font-size: 90%;
}
li {
	margin: 0.5em 0;
	padding: 0;
	font-size: 90%;
}
h1 {
	font-size: 180%;	
	line-height: normal;
	font-weight: normal;
	padding: 0;
	margin: 0 0 0.5em 0;
	color: #333;
}
h2 {
	font-size: 160%;
	line-height: normal;
	font-weight: normal;
	margin: 0 0 0.4em 0;
	padding: 0; 
	color: #333;
}
h3 {
	font-size: 140%;
	line-height: normal;
	font-weight: normal;
	margin: 0 0 0.3em 0;
	padding: 0;
	color: #333;
}
h4 {
	font-size: 120%;
	line-height: normal;
	font-weight: normal;
	margin: 0 0 0.2em 0;
	padding: 0;
	color: #333;
}
h5 {
	font-size: 110%;
	line-height: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #333;
}
label {
	cursor: pointer;
}
.red {
	color: #CC0000;
}
.note {
	font-size: 85%;
}
/******************** HEADER ***********************/
#wrap {
	margin: 0 auto;
	padding: 0;
	width: 994px;
}
#container {
	margin: 0;
	padding: 0 17px;
	float: left;
	clear: both;
	width: 960px;
}
#header {
	width: 100%;
	padding: 30px 0 0 0;
	margin: 0;
	float: left;
	clear: both;
	display: inline;
	line-height: normal;
	position: relative;
	min-height: 135px;
	height: auto !important;
	height: 135px;
	position:relative;
	z-index: 999;
}
#header .logo {
	float: left;
	width: 30%;
	height: 100px;
}
#header .other {
	float: right;
	width: 60%;
}
#header .other .links {
	width: 100%;
	float: right;
	clear: both;
	padding: 10px 0 20px 0;
	text-transform: uppercase;
	font-size: 75%;
	text-align: right;
}
#header .other .links a {
	color: #888;
	margin: 0 8px;
}
#header .other .links a:hover {
	color: #cf000c;
}
#header .other .searchbox {
	width: 60%;
	padding: 0;
	margin: 0;
	float: right;
	clear: both;
}
#header .other .searchbox form {
	width: 100%;
	float: left;
	clear: both;
	border: 1px solid #a1a1a1;
	background: url("/images/bkg_field.gif") repeat-x top left;
}
#header .other .searchbox form .textfield {
	color: #ccc;
	border: none;
	background: none;
	margin: 0;
}
/*************************** TABS ****************************/
#navigation {
	width: 100%;
	clear: both;
	float: left;
	line-height: normal;
	margin: 2px 0 0 0;
	padding: 0;
	position:relative;
	z-index: 999;
}
#navigation ul#topnav {
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	position:relative;
	z-index: 999;
}
#navigation ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 90%;
	position: relative;
	z-index: 999;
}
#navigation ul#topnav li a {
	padding: 9px 16px 8px 0;
	margin: 0 13px 0 0;
	color: #555;
	float: left;
	display: inline;
	background: url("/images/navline.gif") repeat-y right center; 
}
#navigation ul#topnav li a:hover, #navigation ul#topnav li.current a {
	color: #888;
}
#navigation ul#topnav li a.last {
	margin: 0;
	background: none;
}
/* for drop navigation... */
#navigation ul#topnav li ul.levelone, #navigation ul#topnav li ul.levelone li ul.leveltwo {
	width: 160px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	position: absolute;
	top: 32px;
	z-index: 999;
	background: #fff;
	list-style: none;
	padding: 8px 16px;
	margin: 0;
	font-size: 100%;
	border: 1px solid #c9c9c9;
}
#navigation ul#topnav li:hover ul.levelone {
    left: -15px;
}
#navigation ul#topnav li:hover ul.levelone li:hover ul.leveltwo  {
    left: 140px;
	top: -9px;
}
#navigation ul#topnav li ul.levelone li, #navigation ul#topnav li ul.levelone li ul.leveltwo li {
	width: 100%;
	font-size: 100%;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
}
#navigation ul#topnav li ul.levelone li a, #navigation ul#topnav li ul.levelone li ul.leveltwo li a  {
	width: 100%;	
	padding: 4px 0;
	margin: 0;
	float: left;
	display: block;
	clear: both;
	height: auto;
	color: #888;
	background: none;
}
#navigation ul#topnav li ul.levelone li a:hover, #navigation ul#topnav li ul.levelone li ul.leveltwo li a:hover {
	color: #cf000c;
}
/************** MAIN CONTENT *****************/
#main-body {
	width: 100%;
	padding: 22px 0;
	margin: 0;
	float: left;
	clear: both;
	display: inline;
}
#content {
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
	display: inline;
}
/* home image changer */
.homepage {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}
.homepics {
	width: 960px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
#imagechanger {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 330px;
	overflow: hidden;
	list-style: none;
}
#imagechangernav {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 600px;
	padding: 0 18px 22px 18px;
	z-index: 99;
	text-align: right;
	font-size: 85%;
	font-weight: bold;
}
#imagechangernav a {
	padding: 2px 6px;
	color: #fff;
	margin-left: 5px;
	text-decoration: none;
	display: inline;
	background: url("/images/bkg_imagechangernav_off.png") no-repeat top left; 
}
#imagechangernav a.activeSlide {
	background: url("/images/bkg_imagechangernav_on.png") no-repeat top left; 
}
#imagechanger li {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.fade {
	
}
.homepagetext {
	color: #fff;
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 0;
	z-index: 20;
	max-width: 260px;
	width: auto !important; /* IE6 fix */
	width: 260px;
	max-height: 280px;
	height: auto !important; /* IE6 fix */
	height: 280px;
}
.homepagetext p {
	font-size: 100%;
}
.homepagetext h1 {
	color: #fff;
	font-size: 135%;
	font-weight: bold;
}
.homepagetext a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
.homepagetext a:hover {
	text-decoration: underline;
}
.homeoverlay {
	position: absolute;
	width: 960px;
	height: 330px;
	top: 0;
	right: 0;
	background: url("/images/homeoverlay.png") no-repeat top left;
	z-index: 15;
}
/************************ left main content *********************/
.page {
	margin: 0;
	padding: 0;
	float: right;
	width: 716px;
	display: inline;
}
#home .page {
	width: 100%;
}
.article-text {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
.article-text .copy {
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
	float: left;
}
#homebottom {
	width: 100%;
	float: left;
	clear: both;
	padding: 22px 0 0 0;
}
.homepicsbox {
	width: 227px;
	height: 200px;
	float: left;
	margin: 0 17px 0 0;
	padding: 0;
	position: relative;
}
.homepicsboxlast {
	margin: 0;
}
.ovboxtitle  {
	width: 114px;
	padding: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	color: #333;
	font-size: 130%;
}
.ovboxbutton {
	width: 20px;
	padding: 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 99;
}
.boxoverlay {
	position: absolute;
	width: 224px;
	height: 197px;
	top: 0;
	left: 0;
	background: url("/images/boxoverlay.png") no-repeat top left;
	z-index: 15;
}
/***************** left column and nav ***********************/
#sidebar {	
	float: left;
	margin: 0 17px 0 0;
	padding: 0;
	width: 227px;	
}
.sideheading {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 6px 0;
	margin: 0 0 6px 0;
	font-size: 140%;
	border-bottom: 1px solid #e8e8e8;
}
.navbox {	
	float: left;
	margin: 0 0 30px 0;
	padding: 0;
	width: 100%;
}
/* nav */
.navbox ul {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	clear: both;
}	
.navbox li { 
	width: 100%;
	float: left;
	clear: both;
	padding: 4px 0;
	margin: 0;
	font-size: 100%;
	line-height: normal;
}
.navbox li a {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
	font-weight: normal;
	border-bottom: 1px solid #e8e8e8;
}
/* sub nav */
.navbox ul li ul  {
	padding: 4px 0 0 0;
	margin: 0;
}
.navbox ul li ul li  {
	font-size: 100%;
	border: none;
	padding: 2px 0;
}
.navbox ul li ul li a  {
	color: #888;
	border: none;
}
.navbox ul li ul li a:hover  {
	color: #cf000c;
}
/* sub sub nav */
.navbox ul li ul li ul  {
	padding: 6px 0;
	margin: 0;
}
.navbox ul li ul li ul li  {
	width: 190px;
	padding: 2px 0 2px 16px;
}
/**** news pages ****/
.bloglist {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #e8e8e8;
	width: 100%;
	float: left;
	clear: both;
}
.bloglist .newsimage {
	float: right;
	width: 150px;
	padding: 10px;
}
.bloglist dt span.date {
	font-size: 85%;
	color: #999;
}
.bloglist dt span.title {
	font-size: 140%;
}
.indexpaging {
	width: 100%;
	float: left;
	clear: both;
	font-size: 90%;
}
/*** site map ****/
.sitemap td {
	margin: 0;
	padding: 2px;
}
.sitemap h4 {
	margin: 0 0 4px 0;
	padding: 0 0 4px 0;
}
.sitemaptop {
	margin: 0;
	padding: 0 0 2px 0;
	display: block;
}
.sitemapsub {
	margin: 0 0 0 18px;
	padding: 0 0 2px 0;
	display: block;
}
.sitemapsub a {
	color: #888;
}
.sitemapsub a:hover {
	color: #cf000c;
}
/**** search page ****/
#pagesearchresults {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0 0 0;
}
#pagesearchresults p {
	margin-left: 10px;
}
#pagesearchresults em {
	background: #FF0;
	padding: 0 2px;
}
.brandbox {
	width: 218px;
	height: 80px;
	padding: 20px 10px 10px 10px;
	float: left;
	text-align: center;
	line-height: 80px;
	position: relative;
}
.brandbox a {
	text-decoration: none;
}
.brandbox a:hover {
	text-decoration: underline;
}
.stickytooltip {
	box-shadow: 5px 5px 8px #818181;
	-webkit-box-shadow: 5px 5px 8px #818181;
	-moz-box-shadow: 5px 5px 8px #818181;
	padding: 10px;
	width: 236px;
	display: none;
	position: absolute;
	display: none;
	border: 1px solid #c9c9c9; /*Border around tooltip*/
	background: #fff;
	z-index: 3000;
}
.stickytooltip .stickystatus { /*Style for footer bar within tooltip*/
	width: 236px;
	clear: both;
	background: none;
	color: #ccc;
	padding-top: 5px;
	text-align: center;
	font: bold 11px Arial;
}

/********************* footer *********************/
#footer {
	width: 100%;
	padding: 17px 0;
	margin: 0;
	float: left;
	clear: both;
	display: inline;
	border-top: 1px solid #eceaeb;
	border-bottom: 1px solid #eceaeb;
	text-align: center;
	text-transform: uppercase;
}
#footer p {
	font-size: 75%;
}
#footer a {
	color: #888;
	margin: 0 8px;
}
#footer a:hover {
	color: #cf000c;
}
/********************* MISC ***********************/
table.contact {
	padding: 10px 0;
}
hr {
	clear: both;
	border: none 0;
	border-top: 1px dashed #e8e8e8;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin: 10px 0 10px 0;
}
.mid {
	vertical-align: middle;
}
a img {
	border: none;
}
.hide {
	display: none;
}
dl, dt, dd {
	margin: 0 0 5px 0;
	padding: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
fieldset {
	padding: 10px;
	margin: 0;
	border-top: 1px dashed #ccc;
	border-right: none;
	border-bottom: 1px dashed #ccc;
	border-left: none;
}
label {
	font-size: 90%;
}
.inputbutton {
	padding: 4px 2px;
	margin: 0;
	color: #fff;
	display: inline;
	font-weight: bold;
	background: #333;
	font-size: 75%;
	border: none;
	cursor: pointer;
}
.textfield, .textfield.textfieldsmall {
	width: 90%;
	margin: 0 0 4px 0;
	padding: 4px;
	color: #666;
	border: 1px solid #a1a1a1;
	background: url("/images/bkg_field.gif") repeat-x top left; 
}
.textfield.textfieldsmall {
	width: 50%;
}
textarea {
	border: 1px solid #a1a1a1;
}
#confbox, #errbox {
	clear: both;
	margin: 10px auto;
	padding: 15px 5%;
	width: 85%;
	text-align: center;
	font-weight: bold;
}
#confbox {
	color: #009900;
	border-top: 1px solid #009900;	
	border-bottom: 1px solid #009900;
	background: #EEFFEE;
}
#errbox {
	color: #CC0000;
	border-top: 1px solid #CC0000;	
	border-bottom: 1px solid #CC0000;
	background: #FFEEEE;
}
#errbox a {
	color: #CC0000;
	text-decoration: underline;
}
#errbox a:hover {
	color: #000000;
}