/* HTML entities -------------------*/

body {
	margin: 0;
	text-align: center;
	background: #FFFFFF;
}
img {
	border: none;
}
li {
	list-style-image: url(../graphics/tornadoBullet.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #000000;
	text-decoration: none;
	margin-bottom: 10px;
	margin-left: -15px;
}
li strong {
	font-weight: normal;
}
h1 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	line-height: 1.3em;
}
h2 {
	color: #999999;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3em;
	display: block;
	padding: 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
}
h3, h3 strong {
	margin: 10px 0 0px;
	padding: 0 0 5px;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 1.3em;
}
h4 {
	margin: 0;
	padding: 0;
	margin-top:35px;
	margin-bottom: 5px;
	font-size: 135%;
	font-weight: normal;
	color: #2a363a;	
}
a:link, a:active, a:visited  {
	color: #999999;
	text-decoration: none;
}
a:hover  {
	color: #000000;
	text-decoration: none;
}
em {
	display: block;
	font-weight: bold;
	font-style: normal;
	line-height: 21px;
	font-size: 90%;
}
.wrapper {
	width: 900px;
	margin: 0 auto;
	text-align:left;
	background-color: #FFFFFF;
}
.contactWrapper {
	background-color: #FFFFFF;
	float: right;
	margin-top: 74px;
}
.navWrapper {
	width: 900px;
	margin: 0 auto;
	text-align:left;
	top: 61px;
	padding-top: 61px;
	background-image: url(../graphics/strapline.gif);
	background-repeat: no-repeat;
	background-position: 397px 20px;
}
.subNavWrapper {
	width: 900px;
	margin: 0 auto;
	text-align:left;
}
.floatRight {
	overflow: visible;
	float: right;
}
.floatLeft {
	overflow: visible;
	float: left;
	margin-right: 15px;
}
.rightNavBold, .rightNavBold strong {
	font-weight: bold;
}
.gutter {
	position: relative;
	padding: 20px;
}



/* Header ------------------------ */
#header {
	background: #FFFFFF;
	padding-right: 122px;
	padding-left: 122px;
}


/* Promotion ------------------------ */
#promo {
	position: absolute;
	margin-left: -100px;
	margin-top: 30px;
	z-index: 1000;
	overflow: visible;
	height: 125px;
	width: 125px;
}


/* Main Nav ---------------------- */
#mainNav {
	display: block;
	background: #000000 url(../graphics/tornadoChevrons81x81.gif) no-repeat left top;
	height: 81px;
	padding-right: 122px;
	padding-left: 122px;
}



/* SubNav ------------------------ */
#subNav {
	display: block;
	background: #999999 url(../graphics/tornadoYellowBox40x40.gif) no-repeat left top;
	height: 40px;
}
#subSubNav {
	display: block;
	background: #FFFFFF url(../graphics/tornadoBlackBox20x20.gif) no-repeat 61px 0px;
	height: 20px;
}



/* Content ----------------------- */
#content {
	clear: both;
	background: #FFFFFF;
	margin: 0 auto;
	padding-right: 122px;
	padding-left: 122px;
}
#mainContent {
	float: left;
	width: 600px;
}
/* hide ugly dotted lines */
* html #recent a:hover {
	border-bottom: 1px solid #acb3b7;
}
#secContent {
	float: right;
	width: 270px;
	background-color: #E6E6E6;
}
#rightNav {
	margin-left: 10px;
	width: 260px;
	padding-bottom: 10px;
	margin-right: 10px;
}
#rightNav img {
	float: left;
	margin-right: 10px;
	border: 1px solid #999999;
}
#rightNav p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	line-height: 1.3em;
	padding-bottom: 15px;
	margin-top: 5px;
}
#rightNav p strong {
	font-weight: normal;
}
#rightNav h3, #rightNav h3 strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 10px;
}
#rightNav h4, #rightNav h4 strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 10px;
}



/* Footer ------------------------ */
#footer {
	display: block;
	clear: both;
	color: #999999;
}
#footer p {
	margin: 0;
	padding: 20px 50px 0px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	float: left;
}
#footer a:link, #footer a:active, #footer a:visited  {
	color: #999999;
	text-decoration: none;
}
#footer a:hover  {
	color: #000000;
	text-decoration: none;
}
#footer span {
	color: #fff;
}



/* other ------------------------ */
.clear {
	clear: both;

}
.formTextField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	display: block;
	border: 1px solid #999999;

}
/* hack for IE to display correct font size */
* html body {
	font-size: small; /* for IE5/Win */
	f\ont-size: medium; /* for other IE versions */
}