body
{
	font-size:16px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	/*background-image:url('../img/backgrounds/bg_tropical.png'), url('../img/background.png');
	background-repeat:no-repeat, repeat;*/

	background-image:url('../img/background.png');

	/*background-size:100% 44%, 46px 29px;*/
}

b{font-weight:bold;}

i{font-style:italic;}

p
{
	margin-bottom:1em;
	font-size:16px;
	text-align:left;
}

p.faq
{
	margin-left:1.5em;
	margin-bottom:2em;
	border-left:1px solid rgba(0,0,0,0.2);
	padding-left:0.25em;
}

h1, h2, h3, h4, h5
{
	font-weight:bold;
	border-bottom:1px solid black;
	margin-bottom:1em;
}

h1 { font-size:1.2em; }

.precache, .hidden
{
	display:none;
}


.content
{
	/*position:absolute;*/
	width:940px;
	border:1px solid black;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	margin-bottom:1em;
	box-shadow:0px 3px 15px #000;
	/*background-color:#eee;*/
	background-color:rgba(255,255,255,0.8);
	border-radius:3px;
}

.bgImage
{
	position:absolute;
	z-index: -5;
	width:100%;
	top:0;
}

.bgImage img
{
	width:100%;
}

.nav
{
	position:relative;
	text-align:left;
	/*width:100%;*/
	padding-bottom:0.5em;
	background-color:#222;
	color:#fff;
	z-index:30;
	min-height:1em;
	
	box-shadow:0px 3px 5px rgba(0,0,0,0.25);
}

.nav a
{
	color:#fff;
	margin-right:0.4em;
	margin-left:0.4em;
}

.nav .logo
{
	position:absolute;
	top:-14px;
	left:8px;
	z-index:50;
	/*border:1px solid white;
	box-shadow:3px 3px 10px rgba(0,0,0,0.5);*/
}

.nav .logo:hover
{
	top:-13px;
	left:9px;
}

.nav .links
{
	position:absolute;
	left:255px;
	top:0px;
	z-index:40;
}

.subNav
{
	background-color:#333;
	border-top:1px solid black;
	
	color:#fff;
	padding-top:5px;
	
	height:1.5em;
	border-bottom:1px solid black;
	
	/*margin-bottom:1em;*/
}

.subNav a
{
	position:relative;
	background-color:#333;
	color:#fff;
	text-decoration:none;
	padding-top:8px;
	padding-bottom:3px;
	padding-left:1em;
	padding-right:01em;
	top:0.25em;
}

.subNav a:hover
{
	background-color: #494949;
}

.subNav a.active
{
	border-left:2px solid black;
	border-right:2px solid black;
	border-bottom:2px solid black;
	background-color:#494949;
	box-shadow:2px 2px 5px rgba(0,0,0,0.35);
	z-index:20;
	padding-top:16px;
	padding-bottom:6px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
}

.subNav a.orange{color:#fb5900;}
.subNav a.green{color:#29f174;}
.subNav a.blue{color:#1c77f3;}
.subNav a.brown{color:#888;}

}

.subNav a:hover
{
	background-color:#555;
}

.iconFloat
{
	position:absolute;
	right:16px;
	top:-32px;
	z-index:50;
}

.body
{
	/*margin:2em;*/
	position:relative;
}

.body .bar
{
	background-color:rgba(0,0,0,0.9);
	color:#fff;
	padding:0.25em;
}

.body .leftBox, .body .rightBox, .body .leftBoxOffset
{
	position:absolute;
	margin-top:1em;
	padding:0.5em;
	/*border:1px solid black;*/
	width:445px;
	text-align:left;
	/*background-color:#ddd;*/
}

.body .mainText
{
	margin-top:1.25em;
	margin-left:1em;
	margin-right:1em;
	margin-bottom:1.5em;
	text-align:left;
}

.body .leftBox
{
	position:static;
	left:0;
}

.body .rightBox
{
	right:0;
}

.body .twitterWidget
{
	margin:1em;
}

.body .footer, .body .footerChatpage
{
	font-size:12px;
	margin-top:2em;
	/*border:1px solid black;*/
	background-color:#222;
	color:#fff;
	padding:0.5em;
}

.body .footerChatpage
{
	margin-top: 0;
}

.body .colParagraph
{
	padding:0.25em;
	margin-top:0.25em;
	text-align:justify;
	
	text-justify:auto;
	font-size: 15px;
}

.body .colImage, .shadowedImage
{
	border:1px solid black;
	box-shadow:2px 2px 6px rgba(0,0,0,0.4);
}

.body .colImage:hover
{
	opacity:0.85;
}

.body .col1, .body .col2, .body .col3, .body .col4
{
	position:relative;
	width:220px;
	left:12px;
	padding:0;
	margin-bottom:2em;
	font-size:16px;
}

.body .col2
{
	position:absolute;
	left:242px;
}

.body .col3
{
	position:absolute;
	left:474px;
}

.body .col4
{
	position:absolute;
	left:706px;
}

.textBox
{
	margin-top:1em;
	margin-bottom:1em;
	padding:0.5em;
	z-index:10;
}

.textBox p
{
	text-align:justify;
	font-size:16px;
}

.textBox ul
{
	font-size:14px;
	margin-bottom:1em;
}

.textBox ul li
{
	margin-left:1em;
	margin-bottom:0.5em;
}

.textBox ol
{

	margin-top:2em;
}

.textBox ol li
{
	padding:0.25em;
}

.textBox ol li a, .link a, .textBox table tr td a
{
	font-weight: bold;
	color:#444;
}

.textBox ol li a:hover, .link a:hover, .textBox table tr td a:hover
{
	color:#888;
}

table
{
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

table tr td
{
	padding: 0.25em;
	text-align: left;
}

table tr td.left
{
	text-align: right;
}

table tr td.center
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding:0.5em;
}

.bannerCaptions
{
	display:none;
}

.bannerLink
{
	color:#aaa;
	font-weight: bold;
}

.bannerLink:hover
{
	color:#eee;
}

ol.newsfeed
{

}

ol.newsfeed li a
{
	color:#777;
	font-weight: bold;
}

ol.newsfeed li a:hover
{
	color:#aaa;
}

.newsImage
{
	position:absolute;
	top:-17em;
	z-index:0;
	left:0;
}

.newsText
{
	margin-top:17em;
	padding:0.5em;
	z-index:20;
	position: relative;
}

.newsText p
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.bgimage
{
	position:absolute;
	z-index: 0;
	left:0;
	top:0;
}

#chat
{
	width:100%;
	height:570px;
}

.gallery-bar {
	margin-bottom: 1em;
	padding: 1em;
	height:222px;	/* hack for 1px border around images */
}

.gallery-left {
	float:left;
	margin-right: 2em;
	border: 1px solid black;
	box-shadow:2px 2px 6px rgba(0,0,0,0.4);
}

.gallery-right {
	float:right;
	margin-left: 2em;
	border: 1px solid black;
	box-shadow:2px 2px 6px rgba(0,0,0,0.4);
}

.gallery-images img {
	border:1px solid black;
	box-sizing:border-box;
	box-shadow:2px 2px 6px rgba(0,0,0,0.4);
}

.gallery-thumb:hover {
	cursor:pointer;
	opacity:0.8;
}

.gallery-popup {
	position: fixed;
	width:500px;
	margin-left: -250px;
	margin-top: -250px;

	top:50%;
	left:50%;

	display:none;

	z-index: 100;
}

.gallery-popup.active {
	display:block;
}

#gallery-black {
	position: fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.75);

	display:none;

	z-index: 50;
}

#gallery-black.active {
	display:block;
}

.orange,.green,.blue,.brown
{
	text-decoration:none;
	font-weight:bold;
}

.orange{color:#fb5900;}

.green{color:#20d464;}

.blue{color:#1c77f3;}

.brown{color:#52331e;}