/**
ChangeX '07 CSS Stylesheet
*/

html, body { 
	margin: 0; 
	padding: 0; 
	height: 100%; /** Required */
	background-color: #0C343B;
	background-image: url(images/body_bg.gif);
	background-position: 0px 288px;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px; 
	color: #FFFFFF;
} 
#wrapper {
	background-color: #0C343B;
	background-image: url(images/wrapper_bg.gif);
	background-position: 500px 0px;
	background-repeat: repeat-y;
	width: 820px; 
	position: relative; 
	min-height: 100%; /** For modern browsers */
	height: auto !important; /* For modern browsers */
	height: 100%; /* For IE */
}
#header {
	height: 304px;
	margin: 0;
	padding: 0;
}
#navigation {
	background-color: #0C343B;
	height: 31px;
	margin: 0;
	padding: 0;
	padding-left: 3px;
	overflow: hidden; /** Hides text */
}
#navigation dl {
	margin: 0;
	padding: 0;
}
/** Sets list items to display horizontally */
#navigation dt {
	float: left;
	padding-right: 20px; /** Creates gap between links */
}
/** Sets the link to the same dimensions as its surrounding container */
#navigation dt a {
	display: block;
	height: 0px !important;
	height /**/:31px; /** IE 5/Win hack */
	padding: 31px 0px 0px 0px;
	background-repeat: no-repeat;
}
/** Sets the background position to move up 31px when a link is hovered or the home class triggers it */
body.home dt#home a,
body.about dt#about a,
body.exhibits dt#exhibits a,
body.events dt#events a,
body.news dt#news a,
body.media dt#media a,
body.contactUs dt#contactUs a,
body.links dt#links a,
#navigation dt a:hover {
	background-position: 0px -31px;
}
/** DISPLAY INDIVIDUAL NAVIGATION IMAGES */
#navigation dt#home a {
	width: 63px;
	background-image: url(images/navigation_home.gif);
}
#navigation dt#about a {
	width: 69px;
	background-image: url(images/navigation_about.gif);
}
#navigation dt#exhibits a {
	width: 82px;
	background-image: url(images/navigation_exhibits.gif);
}
#navigation dt#events a {
	width: 71px;
	background-image: url(images/navigation_events.gif);
}
#navigation dt#news a {
	width: 61px;
	background-image: url(images/navigation_news.gif);
}
#navigation dt#media a {
	width: 67px;
	background-image: url(images/navigation_media.gif);
}
#navigation dt#contactUs a {
	width: 101px;
	background-image: url(images/navigation_contact_us.gif);
}
#navigation dt#links a {
	width: 62px;
	background-image: url(images/navigation_links.gif);
}
#topSpacer {
	background-color: #0C343B;
	background-image: url(images/top_spacer_bg.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x; 
	height: 25px;
	margin: 0;
	padding: 0;
}
#topSpacer .padding {
	margin: 0;
	padding: 2px 6px 0px 0px;
}
.topSpacerIMG {
	float: right;
}
#leftMargin {
	width: 45px;
	float: left;
	margin: 0;
	padding: 50px 0px 0px 0px;
}
#mainContent {
	width: 455px;
	float: left;
	margin: 0;
	padding: 0;
}
#mainContent .padding {
	margin: 0;
	padding: 0px 10px 0px 5px;
}
#mainContent h1 {
	background-image: url(images/main_content_h1_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 12px;
	text-transform: uppercase;
	height: 24px; /** Cannot use line-height as it affects mainContent padding-top */
	margin: 0;
	padding: 0;
	padding-bottom: 2px;
}
#mainContent h2 {
	font-size: 12px;
	color: #A1D82A;
	line-height: 12px;
	margin: 0;
	padding: 0px 0px 3px 5px;
}
#mainContent p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
#mainContent p.thin {
	padding-bottom: 6px;
}
#mainContent .exhibit {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}
#mainContent hr {
	display: none;
}
#mainContent .hRule {
	clear: both;
	height: 15px;
	margin: 0;
	padding: 0;
}
#mainContent .contentIMG {
	float: left; /** Removes border-bottom from img links! */
	clear: left;
	margin: 0px 10px 10px 0px;
	padding: 0;
}
#mainContent .galleryIMG {
	float: left; /** Removes border-bottom from img links! */
	margin: 0px 15px 15px 0px;
	padding: 0;
}
#mainContent .thumbIMG {
	float: right; /** Removes border-bottom from img links! */
	margin: 5px 0px 15px 15px;
	padding: 0;
}
/** For use with combining paragraphs with floating images */
#mainContent .IMGContainer {
	clear: both;
	margin: 0;
	padding: 0;
}
#mainContent ul {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
#mainContent li {
	background-image: url(images/bullet.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 15px;
}
#mainContent .liContact {
	background-image: url(images/bullet.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 15px;
}
#mainContent .liContactLast {
	background-image: url(images/bullet.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 15px;
}
#mainContent .smallFont {
	font-size: 10px;
}
#rightContent {
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
}
#rightContent .padding {
	margin: 0;
	padding: 0;
	padding-left: 1px;
}
#rightContent h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
}
#rightContent p {
	margin: 0;
	padding: 0px 0px 10px 5px;
}
#rightContent hr {
	display: none;
}
#rightContent .hRule {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
}
#rightContent .companyIMG {
	display: inline;
	margin: 0px 8px 11px 0px;
	padding: 0;
}
#rightContent .featuredIMG {
	float: left; /** Removes border-bottom from img links! */
	margin: 0;
	margin-bottom: 3px;
	padding: 0;
}
#rightMargin {
	width: 120px;
	float: left;
	margin: 0;
	padding: 0;
}
/* Creates space between footer and content */
#bottomSpacer {
	clear: both;
	height: 100px; /** Adjusts height of space */
	margin: 0;
	padding: 0;
}
#bottomSpacer a, a:link, a:visited, a:active, a:hover
{
	color: #0C343B;
	text-decoration: none;
	border: none;
	cursor: default;
}
#footer {
	background-image: url(images/footer_bg.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	height: 45px;
	width: 440px; 
	position: absolute; 
	bottom: 0 !important; /** Ignored by IE */
	bottom: -1px; /** IE adds an extra pixel */
	left: 50px;
	margin: 0;
	padding: 0;
}
#footer .padding {
	margin: 0;
	padding: 9px 3px 0px 0px;
}
#footer p {
	font-size: 9px;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	padding: 0;
}
#footer .validation {
	text-transform: lowercase;
	text-align: right;
	margin: 0;
	padding: 0;
}
/** Uses to shift items below images */
.clear {
	clear: both;
}
.thickBorder {
	border: 3px solid #2D555C;
}
a.IMGHover:link img, a.IMGHover:visited img, a.IMGHover:active img {
	border-color: #2D555C;
}
a.IMGHover:hover img {
	border-color: #99FF00;
}
/** Removes border from image */
a img
{  
	border-style: none;
}
a:link {
	color: #99FF00;
	text-decoration: none;
	border-bottom: 1px dashed #99FF00; 
} 
a:visited {
	color: #99FF00;
	text-decoration: none;
	border-bottom: 1px dashed #99FF00;
}
a:active {
	color: #99FF00;
	text-decoration: none;
	border-bottom: 1px dashed #99FF00;
}
a:hover {
	color: #99FF00;
	text-decoration: none;
	border-bottom: none;
}