body {
	font-family:Verdana; 
	font-size:11px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: black;
	background-image: url('../FrameworkImages/global/Layout/Background.png'); 
	background-position:top; 
	background-repeat:repeat-x; 
	background-color: #003f61;
}
#container {
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}


/* Info Bar */
.InfoBar {color:white;text-decoration:none; vertical-align:middle;}
.InfoBar  A {color:white; text-decoration:none;}
.InfoBar  A:hover {color:#FF9900; text-decoration:underline;}

.TagLine { position:relative; z-index:100;}
.TagLine img{ position:absolute; top:5px; left:5px; border:none;}

/* Logo */
.Logo { position:relative; z-index:100;}
.Logo img{ position:absolute; top:-26px; left:275px; border:none;}

/* Login Link */
.LoginBar {
	background-image:url(../FrameworkImages/global/Layout/Infobar-BG.png);
	background-repeat:repeat-x;
	height:32px;
	position:relative;
	}
.LoginText { font-size:14px; text-align:right; color:white; position:absolute; top:8px; right:10px; }
.LoginText A { color:white; text-decoration:none; padding-left:3px; padding-right:3px;}
.LoginText A:Hover { color:#FF9900;}
.LoginTD {}

/* SlideImage */
.SlideImage {
	position:relative;
	width:1024px;
	height:350px;
	}
.StartBTN {
	z-index:100;
	position:absolute;
	bottom:30px;
	left:262px;
	}
.PromotionLine{
	/*background:url(../FrameworkImages/global/GuestHome/BlackTransparent.png) repeat-x bottom;*/
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	height:150px;
	text-align:center;
	z-index:100;
	}
	

/* LowerPanel	*/
.LowerPanel {
	height:385px;
	margin-top:20px;
	background:url(../FrameworkImages/global/GuestHome/LowerPanelBG.png) repeat-x bottom;
	position:relative;
	padding: 0px 0px;
	}
.PanelRHS {
	position:absolute;
	right:20px;
	top:0px;
	text-align:center;
	}
	.Quote {
		padding-top:20px;
		font-family: 'Lobster', arial, serif;
		font-size:24px;
		color:silver;
		/*text-shadow: rgba(256,256,256,.2) 2px 2px 4px;*/
		text-shadow: rgba(1,1,1,.9) 2px 2px 2px;  Safari-only, but cool 
		}
		.Quote i{ color:grey;}
	.SiteCopy {
		padding-top:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		font-size:16px;
		color:white;
		text-shadow: #000 1px 1px 0px;
		/*text-shadow: rgba(256,256,256,.9) 1px 1px 2px;  Safari-only, but cool */
		}

.FeedPanel {
	margin-top:20px;
	background:url(../FrameworkImages/global/GuestHome/WhiteTransGlow-Lrg.png) repeat-x center;
	font-size:11px;
	color:white;
	text-align:left;
	height:200px;
	}
	.FeedPanel a{ color:white; text-decoration:none; font-weight:bold;}
	.FeedPanel td{ vertical-align:top;}
.SocialTable {
	
	}

.ContentScroller  
{
	margin-top:20px;
	color:#FFFFFF;
	text-align:left; 
	/*background:url(../FrameworkImages/global/GuestHome/BlackSlide-50px.png) repeat-x center;
    height:50px;
    overflow:auto; */
    	
	}
	
	.ContentScroller p{ 
	font-size:10px;
	}
		
	.ContentScroller a{ 
	color:#33CCFF;
	font-weight:bold;
	text-decoration:none;
	}
	
	.ContentScroller h2{ 
	font-size:10px;
	margin-bottom:-8px;
	}

.BannerPanel {
	margin-top:20px;
	padding:5px;
	background:url(../FrameworkImages/global/GuestHome/WhiteTransGlow.png) repeat-x center;
	position:relative;
	}
	.AdCampaignCell {
	background:url(../FrameworkImages/global/GuestHome/BannerBG.png) no-repeat top;
    width:478px;
    height:70px;
	padding:0px;
	padding-top:5px;
	}
	
.Footer	{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:white;
	margin-top:20px;
	text-shadow: rgba(1,1,1,.5) 2px 2px 2px; /* Safari-only, but cool */
	}
	.Footer	a { color:white;}
	.Footer	a:hover {color:#FF9900;}
	.Footer	td { vertical-align:top; width:146px; padding-left:5px;}
	.Footer	ul {margin-left: 0; padding-left: 0;}
	.Footer	li {list-style:none;}

.Copyright {
	font-size:9px; 
	text-align:center;
	margin-bottom:20px;
	}
.Copyright a{ color:white;}
.Copyright a:hover{ color:#FF9900;}
	
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* Section Slider for the middle Icons */
.SectionSlide{  
	background:url(../FrameworkImages/global/GuestHome/SectionSlideBG.png) repeat-x bottom;
	position:relative;  
	width:256px;  
	height:120px;  
	overflow:hidden;  
	}  
.SectionSlide img {  
	position: absolute;  
	top: 0px; left: 0px;  
	}