body {
	background-color:#114466;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin:0;
	padding-top:10px;
	}

#wrapper {
	width:1030px;
	background:#000 url(../images/home/top-blk.gif) no-repeat;
	margin:0 auto;	
	}

/*============= header ==================*/	
#header {
	height: 120px;
	position:relative;
	}
	
.login {position:absolute; top:15px;left:870px; color:#ff0;}

.fblike {position:absolute; top:20px; left:890px;}	

/*============= top menu ==================*/
#topNav {
	width:100%;
	height:30px;		
	padding-left:90px;
	position:relative;
	}

#topNav ul {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:90px;
	}

#topNav ul li {
	margin:5px 0 5px 25px;
	padding:0 0;
	float:left;
	position:relative;
	font-size:12px;
	text-transform:uppercase;
	}

#topNav ul li a {
	display:block;
	margin:0;
	padding:0 10px;
	background:#000;
	text-decoration:none;
	color:#fff;
	}

#topNav ul li:hover a,#topNav ul li:active a {
	background:#000; /* Top menu items background color */
	color:#ff0;
	}

/*============= submenu ==================*/

#topNav ul li:hover ul { 
	display:block; /* Show the sub menus */
	}
	
#topNav ul ul {
	display:none; /* Sub menus are hiden by default */
	position:absolute;
	top:1.2em;
	width:12em; /* width of the drop-down menus */
	}

#topNav ul ul li {	
	margin:0; /* Reset the 1px margin from the top menu */
	width:100%;
	}
	
#topNav ul li.hover ul li a:hover, #topNav ul ul li a {	
	padding:4px;	
	line-height:1.5em; /* overwrite line-height value from top menu */
	border-top:1px solid #ddd; /* sub menu item horizontal lines */
	}

#topNav ul li.hover ul li a:hover, #topNav ul ul li a:hover { 
	background:#379; /* Sub menu items background color */
	color:#fff;
	font-weight:bold;
	}

/*============= banner ==================*/	

#banner {
	float:left;
	width:826px;
	margin-left:5px;
	padding:0;
	}
	
/*============= rt column buttons ==================*/	

#button {
	float:right;
	width:180px;
	}

#button ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
#button ul li {
	margin-bottom:20px;
	}	
	
.clear {
	clear:both;	
	}	

#news {
	display: block;
	width:170px;	
	height:40px;
	background:url(../buttons/news.gif) no-repeat 0 0;
	}	
#news:hover {
	background-position: 0 -40px;
	}	
#news span {
	display: none;
	}
	
#directions {
	display: block;
	width:170px;	
	height:40px;
	background:url(../buttons/directions.gif) no-repeat 0 0;
	}	
#directions:hover {
	background-position: 0 -40px;
	}	
#directions span {
	display: none;
	}
	
#donate {
	display: block;
	width:170px;	
	height:40px;
	background:url(../buttons/donate.gif) no-repeat 0 0;
	}	
#donate:hover {
	background-position: 0 -40px;
	}	
#donate span {
	display: none;
	}
	
#videos {
	display: block;
	width:170px;
	height:40px;
	background:url(../buttons/videos.gif) no-repeat 0 0;
	}	
#videos:hover {
	background-position: 0 -40px;
	}	
#videos span {
	display: none;
	}					
 	
/*============= features ==================*/
#features {	
	margin-top:5px; /*---IE---*/
	}
	
#features ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
#features ul li {
	float:left;
	margin:0px 2px 5px 5px;
	}

/*============= features image links ==================*/

#aq2012 {	
	display: block;
	width:270px;	
	height:180px;
	background:url(/images/home/aq-feature.jpg) no-repeat 0 0;
	}	
#aq2012:hover {
	background-position: 0 -180px;
	}	
#aq2012 span {
	display: none;
	}
	
#ss {	
	display: block;
	width:270px;	
	height:180px;
	background:url(/images/home/ss.jpg) no-repeat 0 0;
	}	
#ss:hover {
	background-position: 0 -180px;
	}	
#ss span {
	display: none;
	}	
	
#mission {	
	display: block;
	width:270px;	
	height:180px;
	background:url(/images/home/mission.gif) no-repeat 0 0;
	}	
#mission:hover {
	background-position: 0 -180px;
	}	
#mission span {
	display: none;
	}
	
#besecure {	
	display: block;
	width:270px;	
	height:180px;
	background:url(/images/home/bsecure.jpg) no-repeat 0 0;
	}	
#besecure:hover {
	background-position: 0 -180px;
	}	
#besecure span {
	display: none;
	}
	
#ornament {	
	display: block;
	width:270px;	
	height:180px;
	background:url(/images/home/ornament.jpg) no-repeat 0 0;
	}	
#ornament:hover {
	background-position: 0 -180px;
	}	
#ornament span {
	display: none;
	}
	
#difference {	
	display: block;
	width:270px;	
	height:180px;
	background:url(/images/home/difference.jpg) no-repeat 0 0;
	}	
#difference:hover {
	background-position: 0 -180px;
	}	
#difference span {
	display: none;
	}	
	
#leaders {	
	display: block;
	width:270px;	
	height:180px;
	background:url(/images/home/leaders.jpg) no-repeat 0 0;
	}	
#leaders:hover {
	background-position: 0 -180px;
	}	
#leaders span {
	display: none;
	}	
	
#story {	
	display: block;
	width:270px;	
	height:180px;
	background:url(/images/home/tell.jpg) no-repeat 0 0;
	}	
#story:hover {
	background-position: 0 -180px;
	}	
#story span {
	display: none;
	}
	
#retreat {	
	display: block;
	width:270px;	
	height:180px;
	background:url(/images/home/retreat.jpg) no-repeat 0 0;
	}	
#retreat:hover {
	background-position: 0 -180px;
	}	
#retreat span {
	display: none;
	}
	
#culinary {	
	display: block;
	width:270px;	
	height:180px;
	background:url(/images/home/culinary.jpg) no-repeat 0 0;
	}	
#culinary:hover {
	background-position: 0 -180px;
	}	
#culinary span {
	display: none;
	}					
	
/*============= scrollbox ==================*/
	
.textbox a:hover {
	color:#f00; 	
	}
	
.textbox a {
	color: #ff0;
	}
	
#textbox{
	  float:right;
	  width: 190px;
	  margin-right:5px;
	  padding-top:45px;
	  background: url(../images/home/hi-lites.gif) no-repeat;
	}

#textbox .scroll{	
	  font-size:.8em;
	  color: #ffffff;
	  line-height: 17px;
	  height: 330px;
	  overflow: auto;
	}
	
h1 {color:red; font-size:1.1em;}	
	
/*============ footer ================*/		

#footer {	
	height:30px;
	font-size:.8em;
	padding-left: 20px;
	margin-top: 5px; /*---IE---*/
	clear:both; /*---safari---*/
	}

#footer p {
	color: #ffffff;
	text-align: left;
	}

.footer-img {
	margin-left: 5px;
	border:0;
	}