body {
	font: 80% Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #fff;
}
a:link {
	color: #0078AE;
}
a:visited {
	color: #EF3E42;
}
#backgroundContainer {
	top: 0;
	left: 0; 
	width: 100%;
	height: 730px;
}
#background {
	width: 1024px;
	text-align: left;
	height: 730px;
	margin: 0 auto;
}
#container1 {
	top: 0;
	left: 0;
	width: 100%;
}
#container {
	width: 1024px;
	margin-left: 250px;
	margin: 0 auto; 
	text-align: left;
	overflow: hidden;
}
/* Old version (from the live site)
#footer {
	width: 1024px; 
	margin: 0 auto; 
	text-align: left; 
	padding: 0 15px 3px 20px;
	color: #666;
	font-size: 10px;
}
#footer a:link, #footer a:visited {
	color: #666;
	color: #FFF;
}
*/

/* Footer CSS */
.footer {
	width:100%;
	position:relative;
	bottom:0; /* stick to bottom */
	background:#000000;
	color: #FFFFFF;
	z-index:100;
	clear:both;
}
.table-shell {
	margin:0 auto;
/* it didn't fit:
	width:926px; */
	width:1024px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.arialbold {
	font-size:11px;
	font-weight:bold;
}
.footer a:link, .footer a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
.footer a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
/*
.footer table {
	width:926px;
	height:210px;
}
*/
.footer table td {
	padding:10px;
}
/*
.footer p {
	padding:1em 0;
	margin:0;
}
.footer p a {
	font-weight:bold;
}
*/
/* This screwed up the Media Center > Media Area page:
iframe, form {
	height:0;
	margin:0;
	padding:0;
}
*/
.share {
	width:70px;
	height:60px;
}
#sharethis_0 {
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
/* End footer CSS */

#mainContent {
	padding: 0 24px 0 26px;
}
#leftNav {
	position: absolute;
	top: 185px;
	width: 210px;
	float: left;
	color: #fff;
	text-transform: uppercase;
}
#leftNav a {
	color: #fff;
	text-decoration: none;
}
#leftNav ul {
	list-style-type: none;
}
#leftNav li {
	list-style-type: none;
}
#leftNav li a {
	display: block;
	padding: 4px 8px 3px 8px;
	margin: 0 0 3px 0;
	background: url(../images/bg_nav_trans.png);
}
#leftNav li a:hover {
	color: #F2374A;
	background: #0a0a0a;
}
#interiorContentContainer {
	width: 732px; /* snw: change width of the overlay bkg here for Firefox & other browsers */
	.width: 732px; /* snw: change width of the overlay bkg here for IE */
	position: absolute;
	top: 120px; /* snw: change y-position of the overlay bkg here */
	margin: 0 0 0 239px; /* snw: change x-position of the overlay bkg here */
	z-index: 100;
}
/* rule for Safari only 
body:last-child:not(:root:root) #interiorContentContainer {
	width: 695px;
}*/
#interiorContentContainer h1 {
	font-size: 22px;
	color: #ffe14f;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0;
	margin: 0;
	
}
#interiorContentHead {
	height: 30px;
}
#interiorContent {
	display: none;
	color: #333;
	padding: 23px;
	background: url(../images/bg_body_transp.png) repeat;
	_background: #ede4d9; /* IE 6 and lower */
	height: 502px; /* snw: change height of the overlay bkg here */
	overflow: hidden;
}
/* Just for mac/firefox ... */
.ffmac #interiorContent {
	background: #ede4d9;
}
h1, h2, h3, h4, p, ul {
	margin: 0;
	padding: 0 0 12px 0;
}
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }
#interiorContent p {
	line-height: 130%;
}
#interiorContent ul, #interiorContent li {
	list-style-type: disc;
	padding: 0 0 0 3px;
	margin: 0 0 8px 10px;
	line-height: 130%;
}
#bottomModules {
	/* NEW */ display: none;
	width: 1024px;
	background: url(../images/bg_bottom_transp.png);
	height: 115px;
	overflow: hidden;
	position: absolute;
	/*top: 495px;*/
	top: 430px;
	margin: 0 0 0 -281px;
}
/* styles for landing pages (larger bottom section) */
.landing #bottomModules {
	height: 215px;
	top: 330px;
}
.landing #interiorContent {
	height: 230px;
}
.profiles #interiorContent {
	background: none;
	padding: 0;
	/*height: 380px;*/
	height: 400px;
}
img { border: 0; }
.alignleft {
	float: left;
	margin: 0 6px 6px 0;
}
.alignright {
	float: right;
	margin: 0 0 6px 6px;
}
/* format for two column layout on content pages */
ul.leftContentLinks {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 200px;
	float: left;
}
ul.leftContentLinks li {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 15px 10px 0 !important;
	line-height: 1.05 !important;
}
ul.leftContentLinks a:link, ul.leftContentLinks a:visited {
	font-weight: bold; 
	color: #666;
	text-decoration: none;
}
ul.leftContentLinks a:hover {
	color: #ff3333;
}
div.rightContentTargets {
	border-left: 2px solid #acacac;
	width: 400px;
	float: left;
	padding-left: 15px;
	/*padding: 0 0 0 215px !important;*/
	/*margin-left: 230px;*/
}
.clearboth {
	clear: both;
}
.nonbold {
	font-weight: normal;
}

/* layout on media pages */
.mediaheading {
	text-transform: uppercase;
	color: #333;
	font-size: 12px;
}
.mediarow {
	padding: 0 0 25px 0;
	clear: left;
}
.mediarow img {
	padding: 0 25px 0 6px;
	border: none;
	float: left;
}
.mediarow a {
	size: 10px;
	text-decoration: none;
	color: #0078ae;
}
.mediarow a:hover {
	size: 10px;
	text-decoration: none;
	color: #666;
}

/* search box and results */
#searchbox {
	position:absolute;
	margin-left:868px; /* snw: set the search box x-position here */
	margin-top:21px;
	z-index:1;
	width:230px;
	display:block;
	float:right;
	color:#ffffff;
}
/* There is no longer a "go" button, it's triggered by hitting enter now:
#searchbox a, #searchbox a:visited {
	text-decoration:none;
	color:#FFE14F;
	text-transform: uppercase;
	font-size: 12px;
}
#searchbox a:hover {
	color: #fff;
}
*/
#searchbox input {
	border: 2px solid #333;
	width: 123px; /* snw: change search box width here */
	margin-right: 6px;
/*	color: #ee3a43; */
	color: #999999;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height:15px;
	/* should be hover color? border: 1px solid #ee3a43;*/
}
table.searchresults {
/*	width: 630px; */
	width: 670px; /* snw: Note that IE shows each entry on one line, so they get cut off no matter what this setting is */
}
.searchresults th {
	font-size:120%;
}
.searchresults tr.odd td {
	background:#aaaaaa;
	padding:5px;
}
.searchresults tr.even td {
	padding:5px;
}
.searchresults a:link {
	color: #333;
	text-decoration: none;
}
.searchresults a:visited {
	color: #666;
	text-decoration: none;
}
.searchresults a:hover {
	color: #000;
	text-decoration: underline;
}
.searchresultsnav {
	padding-top: 10px;
	display: block;
}
.searchresultsprev {
	padding-right: 10px;
	float: left;	
}
.searchresultsnext {
	float: left;
}
#pagetools {
	display: none;
	text-align: right;
}
#pagetools a:link, #pagetools a:visited {
	color: white;
	text-decoration: none;
	padding: 0 0 0 18px;
	font-size: 11px;
	margin: 7px 10px 0 10px;
	font-weight: normal;
}
#pagetools a:hover {
	text-decoration: underline;
}
#pagetools #emailbutton {
	background: url(../images/icon_email.gif) left no-repeat;
}
#pagetools #printbutton {
	background: url(../images/icon_print.gif) left no-repeat;
}
#pagetools #newsletter {
	background: url(../images/icon_newsletter.gif) left no-repeat;
}
#pagetools #facebook {
	background: url(../images/icon_facebook.png) left no-repeat;
}
.hidethis {
	display: none;
}
.showthis {
	display: block; 
}
#loadingmessage, #sentmessage {
	color: #fff;
	font-weight: bold;
}