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

/********
COLORS:
Yellow: #DF8C2C
Light Blue: #77A6BF
Dark Blue: #2C435E
Orange: #F2B063
Dark DARK Blue: #000107
*********/

html {
	overflow: scroll;	
}

body {
	background-color: #0B2545;
	background-image: url(../images/full_bkgnd.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

/************** GLOBAL **************/

h1 { /* ALL CAPS HEADING */
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #DF8C2C;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: normal;
	text-transform: uppercase;
}

h2, h5, h6 { /* Mixed Case & Yellow Headings */
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #DF8C2C;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: normal;
}

h3 { /* ALL CAPS & White Heading */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: normal;
	text-transform: uppercase;
}

h4 { /* ALL CAPS & BLUE DECKHEAD */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #77A6BF;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: normal;
	text-transform: uppercase;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	outline: none;
}

a:link, a:visited {
	color: #77A6BF;	
}

a:hover, a:active {
	color: #FFF;
}

.clearfloat {
	clear: both;
}

p {
	margin-bottom: 20px;	
}

hr {
	color: #666;
	background-color: #666;
	height: 1px;
	margin-top: 40px;
	margin-bottom: 40px;
	border: 0;
}

strong {
	font-weight: bold;	
}

em {
	font-style: italic;	
}

blockquote {
	margin: 15px 0 15px 15px;
	padding-left: 10px;
}

/************** MAIN STRUCTURE **************/

#big_wrapper {
	width: 1200px;
	margin: 0 auto;
}

#wrapper {
	width: 1020px;
	margin: 0 auto;
}

#header {
	width: 1020px;
	height: 136px;
	background-image: url(../images/headerbanner.jpg);
	position: relative;
}

#nav_main {
	width: 1020px;
	height: 36px;
	background-image: url(../images/navbar_sprite.jpg);
	position: relative;
	z-index: 2000;
}
        
#banner {
	width: 1020px;
	height: 91px;
}
        
#content {
	width: 1020px;
	position: relative;
}
        
#footer {
	width: 1020px;
	min-height: 180px;
	position: relative;
}

/************** HEADER BTNS **************/

#action_btns {
	width: 175px;
	height: 96px;
	position: absolute;
	left: 805px;	
	top: 19px;
	
}

.donate_btn {
	display: block;
	width: 175px;
	height: 46px;
	margin-bottom: 4px;
}

.involve_btn {
	display: block;
	width: 175px;
	height: 46px;
}

/************** NAV MAIN **************/

ul#nav {
	display: block;
	width: 960px;
	height: 36px;
	margin: 0 auto;
}

ul#nav li {
	float: left;
}

ul#nav a {
	display: block;
	height: 36px;
}

#home {
	width: 83px;	
	height: 36px;
}

#home:link, #home:visited {
	background: url(../images/navbar_sprite.jpg) -26px 0;
}

#home:hover, #home:active {
	background: url(../images/navbar_sprite.jpg) -26px -36px;
}

#about {
	width: 120px;	
	height: 36px;
}

#about:link, #about:visited {
	background: url(../images/navbar_sprite.jpg) -113px 0;
}

#about:hover, #about:active {
	background: url(../images/navbar_sprite.jpg) -113px -36px;
}

#history {
	width: 105px;	
	height: 36px;
}

#history:link, #history:visited {
	background: url(../images/navbar_sprite.jpg) -233px 0;
}

#history:hover, #history:active {
	background: url(../images/navbar_sprite.jpg) -233px -36px;
}

#education {
	width: 131px;	
	height: 36px;
}

#education:link, #education:visited {
	background: url(../images/navbar_sprite.jpg) -338px 0;
}

#education:hover, #education:active {
	background: url(../images/navbar_sprite.jpg) -338px -36px;
}

#support {
	width: 141px;	
	height: 36px;
}

#support:link, #support:visited {
	background: url(../images/navbar_sprite.jpg) -469px 0;
}

#support:hover, #support:active {
	background: url(../images/navbar_sprite.jpg) -469px -36px;
}

#events {
	width: 100px;	
	height: 36px;
}

#events:link, #events:visited {
	background: url(../images/navbar_sprite.jpg) -610px 0;
}

#events:hover, #events:active {
	background: url(../images/navbar_sprite.jpg) -610px -36px;
}

#shipstore {
	width: 150px;	
	height: 36px;
}

#shipstore:link, #shipstore:visited {
	background: url(../images/navbar_sprite.jpg) -710px 0;
}

#shipstore:hover, #shipstore:active {
	background: url(../images/navbar_sprite.jpg) -710px -36px;
}

#guestbook {
	width: 130px;	
	height: 36px;
}

#guestbook:link, #guestbook:visited {
	background: url(../images/navbar_sprite.jpg) -867px 0;
}

#guestbook:hover, #guestbook:active {
	background: url(../images/navbar_sprite.jpg) -867px -36px;
}

/************** ABOUT - DROP-DOWN MENU **************/

ul#about_dropdown {
	width: 230px;
	position: absolute;
	top: 36px;
	left: 113px;
	z-index: 1000;
	border-top: solid 4px white;
}

ul#about_dropdown li {
	display: block;
	width: 200px;
	height: 25px;
}

ul#about_dropdown a {
	display: block;
	width: 200px;
	height: 25px;
	background-color: #D1E9FF;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	padding-left: 15px;
	padding-top: 5px;
}

.content_text h2 a {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #DF8C2C;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: normal;
}

.content_text h2 a:hover {
	color: #FFF;
}

ul#about_dropdown a:hover {
	background-color: #2C435E;
}

/************** HISTORY - DROP-DOWN MENU **************/

ul#history_dropdown {
	width: 230px;
	position: absolute;
	top: 36px;
	left: 233px;
	z-index: 1000;
	border-top: solid 4px white;
}

ul#history_dropdown li {
	display: block;
	width: 200px;
	height: 25px;
}

ul#history_dropdown a {
	display: block;
	width: 200px;
	height: 25px;
	background-color: #D1E9FF;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	padding-left: 15px;
	padding-top: 5px;
}

ul#history_dropdown a:hover {
	background-color: #2C435E;
}

/************** EDUCATION - DROP-DOWN MENU **************/

ul#education_dropdown {
	width: 230px;
	position: absolute;
	top: 36px;
	left: 338px;
	z-index: 1000;
	border-top: solid 4px white;
}

ul#education_dropdown li {
	display: block;
	width: 200px;
	height: 25px;
}

ul#education_dropdown a {
	display: block;
	width: 200px;
	height: 25px;
	background-color: #D1E9FF;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	padding-left: 15px;
	padding-top: 5px;
}

ul#education_dropdown a:hover {
	background-color: #2C435E;
}

/************** SUPPORT - DROP-DOWN MENU **************/

ul#support_dropdown {
	width: 230px;
	position: absolute;
	top: 36px;
	left: 469px;
	z-index: 1000;
	border-top: solid 4px white;
}

ul#support_dropdown li {
	display: block;
	width: 200px;
	height: 25px;
}

ul#support_dropdown a {
	display: block;
	width: 200px;
	height: 25px;
	background-color: #D1E9FF;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	padding-left: 15px;
	padding-top: 5px;
}

ul#support_dropdown a:hover {
	background-color: #2C435E;
}

/************** EVENTS - DROP-DOWN MENU **************/

ul#events_dropdown {
	width: 230px;
	position: absolute;
	top: 36px;
	left: 610px;
	z-index: 1000;
	border-top: solid 4px white;
}

ul#events_dropdown li {
	display: block;
	width: 200px;
	height: 25px;
}

ul#events_dropdown a {
	display: block;
	width: 200px;
	height: 25px;
	background-color: #D1E9FF;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	padding-left: 15px;
	padding-top: 5px;
}

ul#events_dropdown a:hover {
	background-color: #2C435E;
}


/************** HOME PAGE CONTENT **************/

#left_content {
	width: 387px;
	height: 577px;
}
                
#right_content {
	width: 633px; /*full width 633px*/
	height: 577px;
	position: absolute;
	top: 0;
	left: 387px;
	background-image: url(../images/rightcontent.jpg);
}

.content_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	margin-left: 20px;
	margin-right: 47px;
}

.content_text li {
	list-style-type: disc;
	margin-left: 20px;
}

#news_links {
	position: absolute;
	top: 259px;
	left: 0px;
	width: 296px;	
}

#right_content h2 {
	margin-left: 20px;
}

#news_links h2 {
	margin-top: 0;	
}

#news_links p {
	margin-right: 30px;	
}

#posters {
	position: absolute;
	top: 259px;
	left: 278px;
	width: 270px;	/*full width - 297px*/
	padding-left: 27px;
	text-align: center;
}

#posters img {
	margin-top: 3px;
	margin-left: 4px;
}

#posters p img {
	border: none;
}

#right_content h2 {
	margin-left: 0;
}

#news_links h2 {
	margin-left: 20px;	
}

#right_content #news_links .content_text p {
	margin-bottom: 10px;	
}

#right_content #news_links .content_text p a {
	font-weight: normal;
	font-size: 10px;
}

/************** INTERIOR CONTENT **************/

#int_content {
	width: 960px;
	min-height: 300px;
	margin: 0 auto;
	background-image: url(../images/interior_bkgnd.jpg);
	position: relative;
	background-color: #0B1523;
	background-repeat: no-repeat;
}

#int_left {
	width: 602px;
	min-height: 300px;
	float: left;
	margin-bottom: 15px;
}

#middle_line {
	width: 9px;
	height: 3000px;
	background-color: #F00;
}

#int_right {
	width: 350px;
	min-height: 300px;
	float: left;
	margin-bottom: 15px;
	margin-left: 7px;
}

#int_right h2 {
	margin-left: 20px;	
}

#int_right h2 a {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #DF8C2C;
	font-weight: normal;
}

#int_right h2 a:hover {
	color: #FFF;
}

ul.children_list li { 
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left: 20px;
}

ul.children_list li a:link, ul.children_list li a:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #DF8C2C;
	font-weight: normal;
}

ul.children_list li a:hover, ul.children_list li a:active {
	color: #FFF;	
}

ul.children_list li ul li {
	margin-top: 10px;
	margin-bottom: 10px;
}

ul.children_list li ul li.page_item a:link, ul.children_list li ul li.page_item a:visited {
	color: #77A6BF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.children_list li ul li.page_item a:hover, ul.children_list li ul li.page_item a:active {
	color: #FFF;
}

.sidebar_excerpts {
	color: #77A6BF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.sidebar_excerpts a {
	font-size: 12px;
	margin-left: 40px;
}

.sidebar_excerpts p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.content_text p, .content_text li {
	line-height: 16px;
}

.content_text ul {
	margin-top: 30px;
	margin-bottom: 30px;	
}

.content_text li {
	margin-bottom: 10px;	
}

.content_text p a {
	font-size: 12px;
	font-weight: bold;
}

.content_text p.postmetadata {
	font-size: 10px;
	margin-top: 20px;
	border-top: 5px #FFF;
}

.content_text p.postmetadata a {
	font-size: 10px;
	font-weight: normal;
}

#int_right h2 {
	margin-top: 20px;
	margin-bottom: 15px;
}


/************** FOOTER CONTENT **************/

#spacer {
	width: 960px;
	height: 15px;
	margin-left: 30px;
	position: relative;
}

#sponsors_expandable {
	width: 960px;
	height: 92px;
	margin: 0 auto;
	background-image: url(../images/expandfooter.jpg);
	overflow: hidden;
	position: relative;
}

#sponsors_expandable h2 {
	margin-top: 5px;
	margin-left: 8px;
}

.sponsor_btn {
	position: absolute;
	right: 0;
	bottom: 0;
}

#footer_extra {
	width: 960px;
	height: 14px;
	margin: 0 auto;
	position: relative;
}
                
#tab {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 14px;
	background-image: url(../images/tabfooter.jpg);	
	background-repeat: no-repeat;
	cursor: pointer;
}

p.footer_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #CCCCCC;
}

#footer_extra a {
	font-size: 10px;
}

#nav_footer {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

#contact_left {
	width: 454px;
	height: 25px;
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	padding-bottom: 20px;
}

#contact_right {
	width: 506px;
	height: 40px;
	float: left;
	margin-top: 20px;
	padding-bottom: 20px;
}

#contact_right p {
	text-align: left;
}



p.submit_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	width: 110px;
	height: 16px;
	float: left;
	margin: 0;
	padding: 2px 0 0 0;
}

.emailbox {
	width: 188px;
	height: 16px;
	border: none;
}

#submitbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	background-color: #77A6BF;
	border: none;
	width: 66px;
	height: 17px;
	cursor: pointer;
}

.social_link {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 10px;
	margin-right: 3px;
}

#footer h3 {
	margin-left: 20px;
}

#sponsor_container {
	width: 960px;
	text-align: center;
	margin-top: -35px;
}

#sponsor_logos {
	width: 595px;
	margin: 0 auto;
}

#logo_left {
	width: 175px;
	height: 70px;
	text-align: center;
	background-color: #FFF;
	margin-right: 35px;
	float: left;
}


#logo_center {
	width: 175px;
	height: 70px;
	text-align: center;
	background-color: #FFF;
	margin-right: 35px;
	float: left;
}

#logo_right {
	width: 175px;
	height: 70px;
	text-align: center;
	background-color: #FFF;
	float: left;
}

#sponsor_container img.alignleft {
	border: 0;	
}

#sponsor_list {
	width: 960px;	
	margin: 10px auto 0 auto;
	text-align: center;
}

#sponsor_list p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCC;
	line-height: 14px;
}

/******************* WORDPRESS IMAGE STYLES ***************************/

img.size-thumbnail, img.attachment-thumbnail {
	border: 4px solid #FFF;
	width: 75px;
	height: 75px;
}

img.size-small, img.attachment-small {
	border: 4px solid #FFF;
}

.wp-caption-text {
	margin-top: 5px;
	font-size: 10px;
}

p.wp-caption-text {
	margin-bottom: 10px;	
}

.content_text div {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

img.size-medium, img.attachment-medium {
	border: 4px solid #FFF;
	/*float: left;*/
}

img.size-full, img.attachment-full {
	border: 4px solid #FFF;
	max-width: 560px;
}

.content_text #gallery-1 {
	margin-bottom: 20px;
}

.gallery-caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #CCCCCC;
}

.gallery-icon {
	
}

.content_text .gallery {
	width: 95%;	
}

#gallery-1 img {
	border: 4px solid #FFF;
} 

/****************** GUESTBOOK ROTATOR STYLES *************************/

#guestbook_slideshow {
	margin-left: 20px;
	margin-top: 20px;
	width: 312px;
	height: 605px;
}

/******************** CUSTOMIZING SIDE SHOPPING CART ******************/

div#sideshoppingcart {
	margin-left: 20px;
}

div#sideshoppingcart h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #DF8C2C;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: normal;
}

div#shoppingcartcontents {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
	font-size: 12px;
	font-weight: normal;
}

#shoppingcart_sidebar {
	margin-left: 20px;
	margin-top: 20px;
	width: 312px;
	height: 480px;
	text-align: center;
}