
body {
	background: #004954 url("../images/bg.jpg") top center no-repeat;
	background-attachment: fixed;
	margin:0 auto;
	padding:0;
	color:#999C9C;
	width: 802px;
}	


p {
	margin: 0;
	padding: 10px 0;
	line-height: 18px;
	font: 12px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
}

HR {
   border: none 0;
	border-top: 1px solid #3F4045;
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 10px 0;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 802px;
	height: 100%;
	background: #000 url("../images/container-bg.jpg") top center repeat-y;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 802px;
}

#header {
	margin:0;
	padding:0;
	width: 802px;
	height: 337px;
}

#content-container {
	margin:0 auto;
	padding:0 0 56px 0;
	width:802px;
	background: url(../images/container-top.jpg) top center no-repeat;
}

#content-wrapper {
	margin:0;
	padding:0 21px;
	
}

.clear {
	clear: both
}

/*UL Tags*/

#content-container ul {
	padding: 5px 5px 8px 25px;
	margin: 0 0 0 10px;
	list-style: disc url(../images/bullet.gif);
	list-style-type: none;
	font: 12px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
	color: #FFF
}

#content-container ul li {
	line-height: 18px;
	padding: 0 0 2px 0;
	color: #999C9C;
	font: 12px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
}

#content-container ol {
	padding: 5px 5px 8px 25px;
	margin: 0 0 0 10px;
	font: 12px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
	color: #999C9C
}

#content-container ol li {
	line-height: 18px;
	padding: 5px 0;
	border-bottom: 1px solid #999C9C
}

/*Images Styles*/

.image-left {
	float: left;
	display: block;
	margin: 5px 4px 9px 4px;
	padding: 4px;
	border: 2px solid #264D52;	
	overflow:hidden
}

.image-center {
	display: block;
	margin: 10px auto 0 auto;
	text-align: center;
	padding: 4px;
	border: 2px solid #264D52;	
	overflow:hidden
}

.image-right {
	float: right;
	display: block;
	margin: 5px 4px 9px 4px;
	padding: 4px;
	border: 2px solid #264D52;
	overflow:hidden
}

/*H Tag's*/

#content-container h1 {
	margin: 0;
	padding: 6px 0 3px 0;
	text-indent: 10px;
	color:#ECEFED;
	font: 15px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
	background: url(../images/bg-h1.gif) top center no-repeat;
	text-transform: capitalize;
	font-weight: bold;
}

#content-container h2 {
	margin: 15px auto 0 auto;
	padding: 3px 0;
	text-indent: 3px;
	color:#FFF;
	font: 14px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
	text-transform: capitalize;
	font-weight: bold;
	
}

/***********ROLLOVERS CSS***********/

#content-container a:link, #content-container a:visited {
	font-weight: normal;
	color: #3B697A;
	text-decoration: none
}

#content-container a:hover, #content-container a:active {
	padding: 0;
	font-weight: normal;
	color: #4D889C;
	text-decoration: underline
}

#content-container a {
	padding: 0;
	margin: 0 auto;
	font-weight: normal;
}

/***********FOOTER CSS***********/

#footer-container {
   clear: both;
	margin:-56px auto 0 auto;
	padding:0;
	width:802px;
}

#footer {
/*	position: fixed;
	bottom: 0;*/
	margin: 0 auto;
	padding: 0;
	width: 802px;
	height: 56px;
	font: 12px "trebuchet MS", verdana;
	background: url(../images/footer-bg.gif) top center no-repeat;	
	border-bottom: 1px solid white
}

p.footer-links {
   margin: 0;
	padding: 10px 0 0 5px;
	color: #718f9a;
	text-indent: 5px
}

p.credit {
   margin: 0;
	padding: 5px 0px 0px 5px;
	text-indent: 5px;
	color: #718f9a;
}

/* -= Roll Overs Footer=- */

#footer a:link, #footer a:visited {
	font-weight: normal;
	color: #718f9a;
	text-decoration: underline
}

#footer a:hover, #footer a:active {
	padding: 0 3px 0 3px;
	font-weight: normal;
	color: #718f9a;
	text-decoration: none
}

#footer a {
	padding: 0 3px 0 3px;
	margin: 0 auto;
	font-weight: normal;
}


