/*////////////////////////////////////////////////////////////////////////////
The content of this document is protected by copyright and trademark laws,
and, therefore, you may not copy, modify, upload, download, post, transmit,
republish, or distribute any of the content contained in the document without
prior written permission. Except as provided above, nothing contained in this
document shall be construed as granting a license or other rights under any 
patent, trademark, copyright, or other intellectual property of 
Action Web Graphics® or any third party. 

Copyright © 2009 ACTION WEB GRAPHICS ®. All Rights Reserved.
/////////////////////////////////////////////////////////////////////////*/

body {
	text-align: center;
	background-color: #EEE;
}
/* Formatting for paragraphs */
p {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #000000;
}

/* Container holds all visible page elements */
#container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	background: #fff;
	border:#000 solid;
}
/* Masthead */
.background {
	background-color:#039;
	width:780px;
	height:50px;
}
#masthead {
	width:780px;
	border-bottom-color:#039;
}
#masthead h1 {
	float:left;
	margin:0;
	padding:0;
}
/* Button wrapper for text only and low vission*/
.Mastnav{
	float:left;
	width:500px;
	height:30px;
	border:9px 0px 9px 20px;
}
/* Mast Navigation Section */
#textbot {
	width: 400px;
	color: #fff;
	text-align: center;
	margin-left:3px;
	font-size: 14px;
	display: block;
	position:relative;
}
#textbot #nav {
	padding: 0;
}
#textbot #nav li {
	display: inline;
	list-style-type: none;
	width: 150px;
	float: left;
	position: relative;
	margin: 5px;
	
}
#textbot #nav li:first-child {
	border-left: 0;
}

#textbot #nav li:hover ul {
	display: block;
	
}
#textbot #nav li a {
	color: #fff;
	background: #080;
	padding: 5px;
	display: block;
}
#textbot #nav li a:link {
	background: #039;
	color: #FFF;
}
#textbot #nav li a:visited {
	background-color: #080;
	color: #fff;
}
#textbot #nav li a:hover {
	background: #CCC;
	color: #000;
}
#textbot #nav li a:active {
	background: #000;
	color: #FFF;
}
//* light box .css *//
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




/* Search box holding the search form */
.searchbox {
	float:right;
	width:200px;
	margin:0px;
	color:#EEE;
}
/* form items only inside searchbax */
.searchbox_legend {
	border:1px solid #fff;
	padding:3px;
	background-color:#039;
}
.searchbox_input {
	border:3px double #666;
}
/* Turn off any default image borders */
img {
	border:0;
}
/* navcontainer holds navigation elements */
.navcontainer {
	width:780px;
	text-align:center;
	background: #000;
}
/* Main Navigation Section */
#navbar {
	width: 780px;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	margin-left:3px;
	font-size: 14px;
	display: block;
	height: 32px;
	position:relative;
}
#navbar #nav {
	padding: 0;
	width: 100%;
}
#navbar #nav li {
	display: inline;
	list-style-type: none;
	width: 95px;
	float: left;
	border-top:2px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	position: relative;
}
#navbar #nav li:first-child {
	border-left: 0;
}
#navbar #nav li ul {
	position: absolute;
	left: -40px;
	width: 200px;
	display: none;
	text-align:left;
	
}
#navbar #nav li:hover ul {
	display: block;
	
}
#navbar #nav li ul li {
	width: 100%;
	border: 0;
	border-top:2px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}
#navbar #nav li a {
	color: #fff;
	background: #080;
	padding: 5px;
	display: block;
}
#navbar #nav li a:link {
	background: #039;
	color: #FFF;
}
#navbar #nav li a:visited {
	background-color: #080;
	color: #fff;
}
#navbar #nav li a:hover {
	background: #CCC;
	color: #000;
}
#navbar #nav li a:active {
	background: #000;
	color: #FFF;
}
/* Floated three Column top Spread */
.mast_right {
	float:right;
	height:51px;
	width:250px;
}
.mast_left {
	float:left;
	height:51px;
	width:260px;
}
.mast_center {
	float:right;
	height:51px;
	width:270px;
}

/* Define styling of our reusable boxes - Main Page Pictures */
.subbox {
	float:none;
	width:780px;
}
.subbox_l {
	float:left;
	width:260px;
}
.subbox_r {
	float:right;
	width:250px;
}
.subbox_c {
	float:right;
	width:270px;
}
.subtext_l {
	float:left;
	width:260px;
}
.subtext_r {
	float:right;
	width:250px;
}
.subtext {
	float:right;
	width:270px;
}

/* Reusable Boxes - on all other pages */
.box {
	float:none;
	width:780px;
}
.picsbox {
	float:none;
	width:780px;
	height:203px;
}
.pics_l {
	float:left;
	width:260px;
	height:203px;
}
.pics_r {
	float:right;
	width:250px;
	height:203px;
}
.pics {
	float:right;
	width:270px;
	height:203px;
}

/* Welcome Text Section */
.welcome {
	width:780px;
	height:70px;
	background-color:#fff;
}
.image_float {
	float: left;
}

h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
}
#header {
	width: 780px;
	height: 80px;
	color:#000;
	background:url(#) no-repeat;
	border-color:#fff solid;
}

#header h1 {
	font-size: 218%;
	color: #FFF;
	width: 780px;
	border-color:#000;
}
/* Floated three Column top Spread */
.video_right {
	float:right;
	background-color: #000;
	width:240px;
	height:240px;
	color:#fff;
	text-align:center;
	margin-left:10px;
}
.sidebar_left {
	float:left;
	padding-right:0px;
	padding-left:10px;
	margin:0px;
	background:url(#) no-repeat right bottom;
	border: #000 1px solid;
	width:245px;
}
.center_right {
	float:right;
	padding-right:0px;
	padding-left:10px;
	margin-top:10px;
	background-color:#fff;
	width:245px;
}
.clearAll {
	clear: both;
	height: 0;
}
/* Common Containers Hold Everything left */
.content {
	width:770px;
	margin: 0px;
	text-align: left;
	background: #fff;
	padding-left:5px;
	color: #000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}
.mpcontent {
	width:530px;
	text-align: left;
	margin:10px 0 0 0;
	background: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}

/* Bingo Box for Events */
.bingo_r {
	float:right;
	width:250px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:16px;
	background-color:#fff;
	border:#080 solid;
	margin:15px;
	padding:10px;
}
/* Bingo paragraph formatting */
.bingotitle {
	color:#039;
	font-size:16px;
}
.bingoBAM {
	color: #800;
	font-size:16px;
}
.bingoBG {
	color: #800;
	font-weight:bolder;
	font-size:16px;
	width:40px;
	display:inline;
}
.bingoN {
	color:#039;
	font-weight:bolder;
	font-size:16px;
	width:40px;
	display:inline;
}
.bingoIO{
	color: #080;
	font-weight:bolder;
	font-size:16px;
	width:40px;
	display:inline;
}
/* Thank you box */
.thanks_l {
	float:left
	width:350px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:16px;
	background-color:#fff;
	border:#080 solid;
	margin:15px;
	padding:10px;
}
/* Floated two Column THANK You Spread */
.col_left {
	float:left;
	text-align:center;
	margin-right:7px;
	background-color:#fff;
	width:380px;
}
.col_right {
	float:right;
	text-align:center;
	background-color:#fff;
	width:380px;
}


/* Picture Gallery Container Holds Flash Gallery */
.gallery {
	height:500px;
	width:780px;
	background-color:#000;
}
/* Footer */
.footer {
	width:780px;
	height:80px;
	background-color:#000;
	text-align:center;
	font-size:30px;
	color:#fff;
}
foot {
	font-size: 12px;
}
h3 {
	font-size: 16px;
	color: #000;
}
h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bolder;
	color:#000;
}
h5 {
	font-size:10px;
	color:#000;
}

/* nav buttons css */
.p {
	margin:0px;
	padding:0px;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center  color: #000;
	line-height: inherit;
	vertical-align: top;
}

div {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
}

.clearfloat {
	clear:both;
	height:0px;
}
a:link {
	color:#039;
}

.content ul {
	list-style-type: none;
}
a:link, a:active{
	COLOR: #080;
}
a:link, a:hover{
	COLOR: #000;
}
/* Optional Use Tags */
#main {
	width:783px;
	height:45px;
	margin: 0px auto 0px 0px;
	background-color:#080;
}

/* Copyright Action Web Graphics 2009 */

.bold {
	font-weight: bold;
}

blockquote {
	font-size: 14px;
}


/* BEGIN FOOTER NAVIGATION */
.wrapper2 {
	width:780px;
	background-color:#fff;
	height:25px;
	text-align:center;
}
.homebutton_l {
	float: left;
	margin-right:7px;
	width:253px;
	height:25px;
	font-size:18px;
	font-weight:bold;
	background: #080;
}
.homebutton_l a:link, a:hover {
	color: #000000;
	text-decoration: none;
}

.donatebutton_c {
	float:right;
	margin-right:7px;
	background-color:#080;
	width:263px;
	height:25px;
	font-size:18px;
	font-weight:bold;
}

.donatebutton_c a:link, a:hover {
	color: #000000;
	text-decoration: none;
}
.returntop_r {
	float:right;
	background-color:#080;
	width:250px;
	height:25px;
	font-size:18px;
	font-weight:bold;
}

.returntop_r a:link, a:hover {
	color: #000000;	text-decoration: none;
}