﻿body {
	background-position: top;
	margin: 0px 0px 30px 0px;
	background-color: #A8A8A8;
	color: #DEFCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image: url('images/body-tile.jpg');
	background-repeat: repeat-x;
}
a {
	color: #B9F8FF;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

p {
	margin-top: 0px;
	font-size: 12pt;
	color: #DEFCFF;
}
h1 {
	font-size: 20pt;
	margin-top: 0px;
	margin-bottom: 10px;
}
h2 {
	font-size: 14pt;
	font-style: italic;
	margin-bottom: 0px;
	margin-top: 0px;
}
ul {
	font-size: 12pt;
	list-style-type: square;
	margin-top: 5px;
}

ol {
	
}


.gallery {
	text-align:left
}

.gallery img {
	border: 4px solid #087B87;
	margin: 2px;
	float:left; 
}
.gallery img:hover {
	border-color: #0B9FB0
}


.contentBox {
	width: 519px;
	background-color: #087B87;
	background-position: center top;
	background-image: url('images/content-box-top.gif');
	background-repeat: no-repeat;
	margin-bottom: 12px;
}
.contentBox p{
	padding-bottom: 10px;
	margin-bottom: 0px;
}
.contentBoxBottom {		
	padding: 15px 15px 5px 15px;
	background-image: url('images/content-box-bottom.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}


.contentBoxO {
	width: 519px;
	background-color: #841A28;
	background-position: center top;
	background-image: url('images/content-box-o-top.gif');
	background-repeat: no-repeat;
	/*margin-bottom: 12px;*/
}
.contentBoxO p{
	padding-bottom: 10px;
	margin-bottom: 0px;
}
.contentBoxOBottom {		
	padding: 15px 15px 5px 15px;
	background-image: url('images/content-box-o-bottom.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}




.centerWidth {
	width: 852px;
	margin-right: auto;
	margin-left: auto;
}

#shadowTile {
	background-image: url('images/shadow-tile.png');
	background-repeat: repeat-y;
	background-position: center;
}
#siteWrapper {
	width: 884px;
	margin-right: auto;
	margin-left: auto;
}

#headerWrapper {
	background-image: url('images/header-shadow.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	height: 151px;
	margin-top: 17px;
}
#headerWrapper span{
	font-size:12px !important; 
}
#navWrapper {
	background-image:url("images/nav-tile.gif");
	background-repeat:repeat-x;
	font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;
	font-size:15px;
	font-weight:bold;
	height:43px;
	margin: 0 auto 0;
	padding:0;
}
#navWrapper li{
	list-style: none; 
	float: left; 
}
#navWrapper li a {
	text-decoration: none;
	color: #E1E1E1;
	margin: 0px;
	padding: 10px 13px; 
	display:block;
}
#navWrapper a:hover {
	color: #FFFFFF;
}

#contentWrapper {
	background-color: #0C6973;
	padding-left: 8px;
	padding-right: 8px;
}
#leftC {
	float: left;
	width: 529px;
	margin-top: 12px;
}
#rightC {
	float: right;
	width: 303px;
	margin-top: 12px;
}
#clearDiv {
	clear: both
}


#footerWrapper {
	background-image: url('images/footer-shadow.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 44px;
	text-align: center;
	color: #525252;
	line-height: 20px;
}
#footerWrapper a {
	color: #525252;
	text-decoration: none;
}
#footerWrapper a:hover {
	color: #313131;
}
/*** ESSENTIAL STYLES ***/
/***************************************************************/
/***************************************************************/


#navWrapper ul {
    position:       absolute;
    top:            -999em;
    /* border-left: 1px solid #efefef; */
}
#navWrapper ul li {
    width:          100%;
}
#navWrapper li:hover {
    visibility:     inherit; /* fixes IE7 'sticky bug' */
}
#navWrapper li {
    float:          left;
    position:       relative;
	margin:			0;  
}
#navWrapper a {
    display:        block;
    position:       relative;
	padding-left:	20px;
	padding-right:	20px; 
}
#navWrapper li:hover ul,
#navWrapper li.sfHover ul {
    left:           0px;
    top:            35px; /* match top ul list item height */
    z-index:        99;
}
#navWrapper li:hover li ul,
#navWrapper li.sfHover li ul {
    top:            -999em;
}
#navWrapper li li:hover ul,
#navWrapper li li.sfHover ul {
    left:           10em; /* match ul width */
    top:            0;
}
#navWrapper li li:hover li ul,
#navWrapper li li.sfHover li ul {
    top:            -999em;
}
#navWrapper li li li:hover ul,
#navWrapper li li li.sfHover ul {
    left:           10em; /* match ul width */
    top:            0;
}

/*** DEMO SKIN ***/
#navWrapper li:hover a,
#navWrapper li.sfHover a
{
	color:			white !important; 
	 background:	#969594; 
	
}

#navWrapper li li {
    background:     #969594;
    width: 			250px; 
}
#navWrapper li:hover li a,
#navWrapper li.sfHover li a
{
    font-size:		14px !important; 
    padding: 		10px;  
    height:			auto; 
    color: 			#CCCCCC !important;
    border:			none; 
    font-weight:	normal; 
	background: 	#969594; 
}
#navWrapper li li a:hover,
#navWrapper li li a.sfHover
{
	background: 	#888685 !important; 
	color:			white !important; 
}



/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: url('images/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0 !important;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}
