@charset "utf-8";
/* CSS Document */

html, body {
height: 100%;
}

body  {
	font:100% Geneva, Arial, Helvetica, sans-serif ;
	background: #1f3b55;
	margin: 0; 
	padding: 0;
	text-align: center;
}
#outercontainer {
	margin:0 auto;
	width:780px;
	height:auto;
	background-image:url(images/sidebg.gif);
	background-repeat:repeat-y;
	overflow: hidden;
	
}

#container {
	position:relative;
	width: 740px;
	bottom:0px;
	margin: 0 20px 0px 20px;
	text-align: left;
	background-image:url(images/Background.gif);
	height:auto;
	background-repeat:repeat-x;
	overflow:hidden;
	z-index: 0;
	
}

#topgap {
	width: 780px;
	height:20px;
	border:0;
	margin: 0px 0 0px 0px;
	padding:0px;
	background-color:#1f3b55;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1px;
}

#topAccents {
	width: 780px;
	height:20px;
	border:0;
	margin: 0px 0 0px 0px;
	padding:0px;
	background-color:#1f3b55;
	background-image:url(images/topaccent.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:1px;
}

#header {
	width: 740px;
	height:75px;
	border:0;
	margin: 0 0 0px 0px;
	text-align:center;
	padding:0;
	margin:0 0 0 0px;
}

#bottomAccents {
	position:relative;
	width: 780px;
	height:20px;
	border:0;
	bottom:0px;
	padding:0;
	background-color:#1f3b55;
	background-image:url(images/bottomaccent.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:1px;
	z-index:2;
}

#sidebar1 {
	position:relative;
	float: left;
	width: 150px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 35px;
	z-index:3;
}

#Content1 {
	position:relative;
	margin: 0px 95px 0 180px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	z-index:3;
} 

#footer {
	position:relative;
	margin: 20px 20px 20px 20px;
	z-index:3;

}


#positioner {
	position:relative;
	top:150px;
	left:150px;
	text-align:center;
	height:0px;
	width:0px;
}

#backImage {
	position:absolute;
	height:420px;
	width:510px;
	top:200px;
	left: 150px;
	z-index:2;
	background-image:url(images/backLines.gif);
	background-repeat:no-repeat;
}

#backImageGem1 {
	position:absolute;
	height:400px;
	width:150px;
	top:250px;
	left: 585px;
	z-index:1;
	background-image:url(images/gemback2.gif);
	background-repeat:no-repeat;
}

#backImageGem2 {
	position:absolute;
	height:377px;
	width:150px;
	top:400px;
	left: 15px;
	z-index:1;
	background-image:url(images/gemback3.gif);
	background-repeat:no-repeat;
}

.subHeader {
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.rowHead {
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.Newfont {
	font-size:16px;
	font-weight:bold;
	font-family:Georgia, Times New Roman, Arial, sans-serif;
}

.style3 {
	font-size: 22px
}
.style6 {font-size: 19px}
.style7 {font-size: 14px}

/* Link styles */
a:link {color:#0000ee;}
a:visited {color:#551a8b;}
a:hover {color:#5c704c;}  
a:active {color:#61a04e;}
/* End link styles */