@charset "utf-8";


/* General */

		body {
			background: #204196;
			margin: 0px;
			background-image: url(../images/MainBGroundBlend.jpg);
			background-position:center top;
			background-repeat:repeat-x; }
			
		#mainContentArea {
			width: 950px;
			height: 700px;
			border: 1px solid;
			position: absolute;
			left: 50%;
			margin-left: -475px; 
			top: -350px;
			background: #fff;
			background-image: url(../images/BGroundBlend.jpg);
			background-position:center top;
			background-repeat:repeat-x; }

		#horizon        
			{
			color: black;
			text-align: center;
			position: absolute;
			top: 30%;
			left: 0px;
			width: 100%;
			height: 1px;
			overflow: visible;
			visibility: visible;
			display: block }
		
		img {
			border:0; }
		
		p {
			font-size:0.775em; /* 16x.688=11.008 */
			font-family: arial;
			color: #ffffff;
			line-height: 1.7em;}
		p.constructionText {
			font-size:.9em; /* 16x.688=11.008 */
			font-family: arial;
			color: #ffffff;
			line-height: 1.7em;}
		p.constructionTextLarge {
			font-size:1.25em; /* 16x.688=11.008 */
			font-family: arial;
			color: #ffffff;
			line-height: 1.7em;}
		a {
			font-size:1em; /* 16x.688=11.008 */
			font-family: arial;
			color: #ffffff;
			line-height: 1.7em;}
		p.quote {
			padding-left:25px;
			line-height:20px;
			text-align: left;}
			
		p.bottomInfo {
			font-size: 0.7em;
			text-align: left;
			line-height: 1.5em; }
		
		p.greyMenus {
			font-size:0.95em;
			font-family: Arial;
			float: left;
			margin-right:8px;
			color: #bcbec0;
			text-align: center;
			vertical-align: middle; }
		
		h1 {
			font-size:1.7em; /* 16x.688=11.008 */
			padding: 17px;
			font-family: Arial;
			font-weight: lighter;
			color: #ffffff; }
	
	
	
	
/*  Header area for links and logo */

		#topBlock {
			height: 70px; }
			
		#linkArea {
			width: 530px;
			height: 70px;
			float: left;
			margin: 7px;
			position:relative; }
			
				#topGreyLinks {
					height: 20px;
					display: block; }
				#bottomBlackLinks {
					height: 30px;
					display: block;
					position:absolute; }
					
				p.greySpacer {
					font-size:0.65em;
					font-family: Myriad;
					float: left;
					margin-right:8px;
					color: #bcbec0;
					line-height: 1px; }
				p.blackSpacer {
					font-size:0.85em;
					font-family: Myriad;
					float: left;
					margin-right:8px;
					color: #000000;
					line-height: 12px; }
					
				a.mainLinks:link, 
				a.mainLinks:active, 
				a.mainLinks:visited	{
					font-size:0.65em;
					font-family: Arial;
					float: left;
					margin-right:8px;
					color: #bbb;
					text-decoration: none;
					line-height: 19px;}
				a.mainLinks:hover {
					text-decoration: underline; }
					
				a.categoryLinks:link, 
				a.categoryLinks:active, 
				a.categoryLinks:visited	{
					font-size:0.7em;
					font-family: Arial;
					font-weight: bold;
					float: left;
					margin-right:8px;
					color: #000000;
					text-decoration: none;
					line-height: 35px;}
				a.categoryLinks:hover {
					text-decoration: underline;	}
		
		#logo {
			width: 382px;
			height: 77px;
			float: right;
			background-image: url(../images/OS_Logo.png);
			background-position:center top;
			background-repeat:repeat-x;}
			
			
			
			
/* Page Backgrounds */
	
		#BackgroundPic1 {
			z-index:3;
			width: 950px;
			height: 255px;
			background-image: url(../images/BackgroundPic1.jpg);
			background-position:center top;
			background-repeat:repeat-x;}
		#BackgroundPic2 {
			z-index:3;
			width: 950px;
			height: 255px;
			background-image: url(../images/BackgroundPic2.jpg);
			background-position:center top;
			background-repeat:repeat-x;}
		#BackgroundPic3 {
			z-index:3;
			width: 950px;
			height: 255px;
			background-image: url(../images/BackgroundPic3.jpg);
			background-position:center top;
			background-repeat:repeat-x;}
		#BackgroundPic4 {
			z-index:3;
			width: 950px;
			height: 255px;
			background-image: url(../images/BackgroundPic4.jpg);
			background-position:center top;
			background-repeat:repeat-x;}
		#BackgroundPic5 {
			z-index:3;
			width: 950px;
			height: 255px;
			background-image: url(../images/BackgroundPic5.jpg);
			background-position:center top;
			background-repeat:repeat-x;}
		#BackgroundPic6 {
			z-index:3;
			width: 950px;
			height: 255px;
			background-image: url(../images/BackgroundPic6.jpg);
			background-position:center top;
			background-repeat:repeat-x;}
		#BackgroundPic7 {
			z-index:3;
			width: 950px;
			height: 255px;
			background-image: url(../images/BackgroundPic7.jpg);
			background-position:center top;
			background-repeat:repeat-x;}
	

#BodyPanelArea {
	width: 850px;
	z-index: 5;
	bottom:0px;
	left: 0px;
	position: absolute;}
#HeadingPanel {
	width: 850px;
	height: 65px;
	text-align: left;
	background-image: url(../images/HeadingPanelTint.png);
	background-position:left bottom;
	background-repeat: repeat-y; }
#BodyPanel {
	width: 850px;
	height: 450px;
	background-image: url(../images/BodyPanelTint.png);
	background-position:left bottom;
	background-repeat: repeat-y; }
	
	div.BGroundOS {
		position: absolute;
		width: 343px;
		height: 171px;
		bottom: 15px;
		right: 15px;
		background-image: url(../images/BGroundOS_Symbol.png);
		background-repeat: no-repeat; }
		
	#sampleButton {
		width: 27px;
		height: 107px;
		margin-left: 850px;
		pading-top: 2px;
		top: 0px;
		position: absolute;
		background-image: url(../images/SamplesButton.png);
		background-position: center top;
		background-repeat: no-repeat;  }
		
#leftTextColumn {
	width: 270px;
	float: left;
	text-align: left;
	padding-top: 17px;
	padding-left: 17px; }
#rightTextColumn {
	width: 270px;
	float: left;
	text-align: left;
	padding-top: 17px;
	padding-left: 17px; }
#rightQuoteColumn {
	width: 230px;
	float: right;
	vertical-align: top;
	margin-right: 10px;
	padding-top: 17px;
	padding-right: 17px; }
	
#FluidButtonArea {
	position: absolute;
	left: 17px;
	bottom: 17px;
	width: 143px;
	height: 49px;}
#BottomInfo {
	position: absolute;
	height: 49px;
	width: 250px;
	left: 170px;
	bottom: 17px;
	align: left;
	color: #000000; }
	
#openQuotes {
	width: 23px;
	height: 17px;
	float: left;
	background: #000;
	vertical-align: baseline;
	background-image: url(../images/OpenQuotes.png);
	background-position: center top;
	background-repeat: no-repeat; }
#closeQuotes {
	width: 23px;
	height: 17px;
	float: right;
	background: #000;
	vertical-align: baseline;
	background-image: url(../images/CloseQuotes.png);
	background-position: center top;
	background-repeat: no-repeat; }
.textbottom {vertical-align:text-bottom;}
	
	
	
	
/* Links */
	p.menus {
		vertical-align: middle;}
		
	a.bottomLink:link, 
	a.bottomLink:active, 
	a.bottomLink:visited	{
		font-size:0.9em;
		font-family: Arial;
		color: #ffffff;
		text-decoration: none;}
	
	a.bottomLink:hover {
		text-decoration: underline;	}