/****** ##LOG: 
Author:  Vanessa Skane
Created: 01/02/09

Description: general styles for The Magellan
******/

/* mainSiteContainer required because of large footer and smaller resolutions */
#mainSiteContainer {
	position: relative;
	text-align: left;
	
	background: #041030 url(../images/main-background.jpg) no-repeat center top;
}

#siteContainer {
	position: relative;
	width: 929px;
	margin:0 auto;
	left: 6px;
	background-color:#e7f4fd;
	text-align: left;
}

/*** navigation container and graphic ***/
#navContainer {
	position: relative;
	width: 929px;
	height: 67px;
	background: url(../images/navigation-main-background.jpg) no-repeat center;
	
	z-index: 100;
}

/*** header graphic ***/
#header {
	position: relative;
	width: 929px;
	height: 232px;
	margin: 0;
	padding: 0;	
	background: url(../images/headers/header.jpg) no-repeat center;
	overflow: hidden;
}

#header img {
	display: block;
}


/*** main content ***/
#contentContainer {
	position: relative;
	width: 929px;
	height: 100%;
	background-color:#e7f4fd;
}

#mainContentContainer {
	position: relative;
	float: left;
	width: 727px;
	height: 100%;
	background: url(../images/header-base-swirl.gif) no-repeat top;
}

#mainContent {
	position: relative;
	float: left;
	width: 685px;
	height: 100%;
	padding: 0 20px 20px 20px;
	background-color: #e7f4fd;
}
#mainContent ul {
	padding: 0 0 0 20px;
}
#mainContent li {
	color: #0f407e;
}
#mainContent .revertColor {
	color: #4e4e4e;
}
#mainContent img {
	padding: 0 10px 10px 3px;
}

#mainContent p.noTopMargin {
	margin-top: 0;
}

#mainContentSwirl {
	position: relative;
	float: left;
	width: 727px;
	height: 45px;	
	background: url(../images/header-base-swirl.gif) no-repeat top;
}

#breadcrumbs {
	margin: 0;
	padding-left: 20px;
}
#breadcrumbs a {
	color: #4e4e4e;
	text-decoration: underline;
}
#breadcrumbs a:hover {
	text-decoration: none;
}

#rightImages {
	position: relative; 
	float: right; 
	padding: 0 0 5px 15px; 
	width: 183px
}

#galleryThumbs {
	position: relative;
	width: 700px;
	padding: 0;
	margin: 0;
}

/******** FOOTER *********/
#footerContainer {
	position: relative;
	background: #00678e url(../images/main-footer-background.gif) repeat-x center top;
	height: 100%;
}


#footer {
	position: relative;
	width: 932px;
	height: 100%;
	margin:0px auto;	
	font-size: 0.8em;
	color:#ffffff;
}

#footer a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}

#footer a:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#footer ul {
	position: relative;
	margin:0;
	list-style-type: none;
	width: 932px;	
	height: 20px;
	float: left;
}

#footer li {
	position: relative;
	margin:0;
	padding: 8px 25px 5px 25px;	
	float: left;
	background-image: url(../images/footer-pipe.gif);
	background-position:0 75%;
	background-repeat:no-repeat;
}

#footerLinksContainer {
	position: relative;
	width: 932px;
	height: 100%;
	top: 10px;
}

#footerLinksContainer .footerLinks {
	position: relative;
	float: left;
	width: 230px;
	min-height: 231px;
	background-image: url(../images/footer-links-divider.png);
	
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

#footerLinksContainer .footerLinks ul {
	position: relative;
	margin:0;
	list-style-type: none;
	width: 180px;	
	height: 100%;
}

#footerLinksContainer .footerLinks li {
	position: relative;
	margin:0;
	padding: 2px 5px 0px 18px;	
	width: 160px;
	background-image: none;
}

#footerLinksContainer .footerLinks h2 {
	margin:0;
	color: #eaffbe;
	font-size: 18px;
}

#footerUtility {
	position: relative;
	width: 700px;
	top: 25px;
	left: 150px;
	
	color: #99d3df;
}

#footerUtility p {
	margin: 0;
	padding: 30px 0 20px 180px;
}

#footerUtility a {
	text-decoration: underline;
	color: #99d3df;
}