body {
	margin:0; padding:0;
	font-family:verdana, arial, sans-serif; 
	font-size:80%; 
	color:#cccccc; 
	background-color:#002233;
}

p {
margin:0; padding:0.4em 0.2em 0.6em 0.2em;}

a:link, a:visited {
	color:#ee0000; 
	text-decoration:none;
}

a:hover {
	color:#fe0000; 
	text-decoration:underline;
}

a:active {
	color:#ff0000; 
	text-decoration:underline;
}


div {
	margin:0; padding:0;
}

div.wholepage {
	margin:0 1.5% 0 1.5%; 
	padding:0; 
	overflow:hidden;
}

h1 {
	color:#33cccc; 
	font-size:150%; 
	font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
	font-weight:normal;
}


/* +++ Start Of Header Section +++ */

#header {
margin:0; padding:0; }

.superheader {
background-color:#002233; text-align:right; color:#FFFFFF; padding:5px 5px 5px 5px;}

.mainheader {
	margin:0; padding:9px 9px 0px 9px; text-align:left; 
	background: #000000 url("images/headbg.jpg"); background-repeat:no-repeat;
	background-position:right top;  
	-moz-border-radius: 15px; border-radius: 15px;
}

.mainheader h1 {
font-size:37px; margin:0 0 4px 0; padding:0;}

.mainheader p {
text-indent:4em; color:#5D99C7; margin:0; padding:3px; font-weight:bold;}

.subheader {
background-color:#002233; margin:0; padding:1.1em; text-align:center; color:#990000; position:relative;}

#navmenu {position:absolute; top:2px; text-align: center; width:100%; font-size:125%;}
#navmenu a:link{color:#ccc;}
#navmenu a:visited {color:#ccc;}

a.nav {color:#bbb; font-size:130%;}
a.navon{color:#ccc; font-size:130%; text-decoration:underline;}

/* +++ Start Of Side Menu Section +++

#sidecontainer {
margin:0; padding:0; float:left; width:13%; text-align:center; background-color:#000000; }

#sidecontainer h2 {
display:block; margin:0; padding:0.2em; color:#FFFFFF; background-color:#770000; font-weight:normal;
 font-family:"trebuchet ms", "lucida sans", arial, sans-serif; font-size:16px;}

.nav {
margin:0 0 1.5em 0; padding:0; list-style-type:none; background-color:#440000;}

.nav li {
margin:0; padding:0; display:block; border-bottom:1px solid #770000; font-size:13px;}

.nav a:link, .nav a:visited {
display:block; margin:0; text-decoration:none; color:#6699ff; margin:0; padding:0.5em;}

.nav a:hover {
display:block; margin:0; text-decoration:none; color:#666699; margin:0; padding:0.5em; background-color:#660000;}

.nav a:active {
display:block; margin:0; text-decoration:none; color:#4f9f00; margin:0; padding:0.5em;}
 */



/* +++ Start Of Content Section +++ */

#content {margin:0 0 0 0%; padding:1.8em 0.8em 0.8em 4%;  background: #000000;  -moz-border-radius: 15px; border-radius: 15px;  position: relative;}

#content img {border-style:none;}

q {display:block; margin:0; padding:0.4em 20% 0.6em 20%; color:#cccccc; font-size:120%; 
text-align:center; height:3em;}

q:before, q:after {
content:"";}

#content h1 {margin:0; padding:0.1em; text-indent:1.0em;;}


/* +++ Start of Footer Section +++ */

#footer {
margin:0; padding:0;}

.superfooter {
background-color:#002233; height:1.8em;}

.mainfooter { -moz-border-radius: 15px; border-radius: 15px;
background-color:#000000; text-align:center; }

.subfooter {
background-color:#002233; height:0.6em;}

#footer p {
font-size:75%; color:#cccccc; padding:0.3em;}


/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2{
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	
	/* 3 Column settings */
	.threecol {
	}
	.threecol .colmid {
		right:20%;			/* width of the right column */
	}
	.threecol .colleft {
		right:40%;			/* width of the middle column */
	}
	.threecol .col1 {
		width:40%;			/* width of center column content (column width minus padding on either side) */
		left:100%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:38%;			/* Width of left column content (column width minus padding on either side) */
		left:20%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
	border-left:1px solid #334466;
	text-align:center;
		width:18%;			/* Width of right column content (column width minus padding on either side) */
		left:64%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */					
	}

	/* 2 Column (right menu) settings */
	.rightmenu {
	}
	.rightmenu .colleft {
		right:18%;			/* right column width */
	}
	.rightmenu .col1 {
		width:80%;			/* left column content width (left column width minus left and right padding) */
		left:18%;			/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:18%;			/* right column content width (right column width minus left and right padding) */
		left:20%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}

/*lightbox code*/

#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: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*lytbox*/

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99997; width: 100%; height: 100%; }
	#lbOverlay.black { background-color: #000000; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }
	#lbOverlay.orange { background-color: #FFBB48; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99998; text-align: center; line-height: 0; display:-moz-inline-stack; }
#lbMain a img { border: 1px solid #ffffff; }

#lbOuterContainer {	position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.black { border: 2px solid #CCCCCC; background-color: #000000; }
	#lbOuterContainer.grey { border: 2px solid #888888; }
	#lbOuterContainer.red { border: 2px solid #DD0000; }
	#lbOuterContainer.green { border: 2px solid #00B000; }
	#lbOuterContainer.blue { border: 2px solid #5F89D8; }
	#lbOuterContainer.gold { border: 2px solid #B0B000; }
	#lbOuterContainer.orange { border: 2px solid #D15211; }

#lbTopContainer, #lbBottomContainer { 
	font: 0.85em Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; font-size: 0.9em;
	overflow: hidden; margin: 0 auto; padding: 0; position: relative; z-index: 14; display: none;
}
#lbTopContainer { overflow: hidden; margin-top: 5px; }
#lbTopContainer.black, #lbBottomContainer.black { background-color: #000000; }
#lbTopContainer.grey, #lbTopContainer.red, #lbTopContainer.green, #lbTopContainer.blue, #lbTopContainer.gold, #lbTopContainer.orange,
#lbBottomContainer.grey, #lbBottomContainer.red, #lbBottomContainer.green, #lbBottomContainer.blue, #lbBottomContainer.gold, #lbBottomContainer.orange {
	background-color: #ffffff;
}
	
#lbImage, #lbIframe { border: none; }
#lbImage.black, #lbIframe.black { border: 1px solid #CCCCCC; }
	#lbImage.grey, #lbIframe.grey { border: 1px solid #888888; }
	#lbImage.red, #lbIframe.red { border: 1px solid #DD0000; }
	#lbImage.green, #lbIframe.green { border: 1px solid #00B000; }
	#lbImage.blue, #lbIframe.blue { border: 1px solid #5F89D8; }
	#lbImage.gold, #lbIframe.gold { border: 1px solid #B0B000; }
	#lbImage.orange, #lbIframe.orange { border: 1px solid #D15211; }
#lbImageContainer, #lbIframeContainer { padding: 10px; z-index: 12; }
#lbLoading {
	height: 100%; width: 100%; margin-top: -10px;
	background: url('images/loading_white.gif') center no-repeat;
}
#lbLoading.black { background: url('images/loading_black.gif') center no-repeat; }

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrevHov { width: 48%; height: 100%; background: transparent url('images/blank.gif') no-repeat; display: block; left: 0; float: left; margin-left: 3px; border: none !important; }
	#lbPrevHov.black:hover, #lbPrevHov.black:visited { background: url('images/prev_black_t.png') left 30% no-repeat; }
	#lbPrevHov.grey:hover, #lbPrevHov.grey:visited { background: url('images/prev_grey_t.png') left 30% no-repeat; }
	#lbPrevHov.red:hover, #lbPrevHov.red:visited { background: url('images/prev_red_t.png') left 30% no-repeat; }
	#lbPrevHov.green:hover, #lbPrevHov.green:visited { background: url('images/prev_green_t.png') left 30% no-repeat; }
	#lbPrevHov.blue:hover, #lbPrevHov.blue:visited { background: url('images/prev_blue_t.png') left 30% no-repeat; }
	#lbPrevHov.gold:hover, #lbPrevHov.gold:visited { background: url('images/prev_gold_t.png') left 30% no-repeat; }
	#lbPrevHov.orange:hover, #lbPrevHov.orange:visited { background: url('images/prev_orange_t.png') left 30% no-repeat; }
	
#lbNextHov { width: 48%; height: 100%; background: transparent url('images/blank.gif') no-repeat; display: block; right: 0; float: right; margin-right: 3px; border: none !important; }
	#lbNextHov.black:hover, #lbNextHov.black:visited { background: url('images/next_black_t.png') right 30% no-repeat; }
	#lbNextHov.grey:hover, #lbNextHov.grey:visited { background: url('images/next_grey_t.png') right 30% no-repeat; }
	#lbNextHov.red:hover, #lbNextHov.red:visited { background: url('images/next_red_t.png') right 30% no-repeat; }
	#lbNextHov.green:hover, #lbNextHov.green:visited { background: url('images/next_green_t.png') right 30% no-repeat; }
	#lbNextHov.blue:hover, #lbNextHov.blue:visited { background: url('images/next_blue_t.png') right 30% no-repeat; }
	#lbNextHov.gold:hover, #lbNextHov.gold:visited { background: url('images/next_gold_t.png') right 30% no-repeat; }
	#lbNextHov.orange:hover, #lbNextHov.orange:visited { background: url('images/next_orange_t.png') right 30% no-repeat; }
	
#lbPrev, #lbPrevTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbPrev.black, #lbPrevTop.black { background: url('images/prev_black.png') no-repeat; }
	#lbPrev.blackOff, #lbPrevTop.blackOff { background: url('images/prev_black_off.png') no-repeat; cursor: default; }
	#lbPrev.grey, #lbPrevTop.grey { background: url('images/prev_grey.png') no-repeat; }
	#lbPrev.greyOff, #lbPrevTop.greyOff { background: url('images/prev_grey_off.png') no-repeat; cursor: default; }
	#lbPrev.red, #lbPrevTop.red { background: url('images/prev_red.png') no-repeat; }
	#lbPrev.redOff, #lbPrevTop.redOff { background: url('images/prev_red_off.png') no-repeat; cursor: default; }
	#lbPrev.green, #lbPrevTop.green { background: url('images/prev_green.png') no-repeat; }
	#lbPrev.greenOff, #lbPrevTop.greenOff { background: url('images/prev_green_off.png') no-repeat; cursor: default; }
	#lbPrev.blue, #lbPrevTop.blue { background: url('images/prev_blue.png') no-repeat; }
	#lbPrev.blueOff, #lbPrevTop.blueOff { background: url('images/prev_blue_off.png') no-repeat; cursor: default; }
	#lbPrev.gold, #lbPrevTop.gold { background: url('images/prev_gold.png') no-repeat; }
	#lbPrev.goldOff, #lbPrevTop.goldOff { background: url('images/prev_gold_off.png') no-repeat; cursor: default; }
	#lbPrev.orange, #lbPrevTop.orange { background: url('images/prev_orange.png') no-repeat; }
	#lbPrev.orangeOff, #lbPrevTop.orangeOff { background: url('images/prev_orange_off.png') no-repeat; cursor: default; }
	
#lbNext, #lbNextTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbNext.black, #lbNextTop.black { background: url('images/next_black.png') no-repeat; }
	#lbNext.blackOff, #lbNextTop.blackOff { background: url('images/next_black_off.png') no-repeat; cursor: default; }
	#lbNext.grey, #lbNextTop.grey { background: url('images/next_grey.png') no-repeat; }
	#lbNext.greyOff, #lbNextTop.greyOff { background: url('images/next_grey_off.png') no-repeat; cursor: default; }
	#lbNext.red, #lbNextTop.red { background: url('images/next_red.png') no-repeat; }
	#lbNext.redOff, #lbNextTop.redOff { background: url('images/next_red_off.png') no-repeat; cursor: default; }
	#lbNext.green, #lbNextTop.green { background: url('images/next_green.png') no-repeat; }
	#lbNext.greenOff, #lbNextTop.greenOff { background: url('images/next_green_off.png') no-repeat; cursor: default; }
	#lbNext.blue, #lbNextTop.blue { background: url('images/next_blue.png') no-repeat; }
	#lbNext.blueOff, #lbNextTop.blueOff { background: url('images/next_blue_off.png') no-repeat; cursor: default; }
	#lbNext.gold, #lbNextTop.gold { background: url('images/next_gold.png') no-repeat; }
	#lbNext.goldOff, #lbNextTop.goldOff { background: url('images/next_gold_off.png') no-repeat; cursor: default; }
	#lbNext.orange, #lbNextTop.orange { background: url('images/next_orange.png') no-repeat; }
	#lbNext.orangeOff, #lbNextTop.orangeOff { background: url('images/next_orange_off.png') no-repeat; cursor: default; }
	
#lbTopData, #lbBottomData { float: left; text-align: left; padding-left: 10px;}
#lbBottomData { padding-bottom: 0.5em; }
	#lbBottomData.black, #lbTopData.black { color: #ffffff; }
	#lbBottomData.grey, #lbTopData.grey { color: #333333; }
	#lbBottomData.red, #lbTopData.red { color: #620000; }
	#lbBottomData.green, #lbTopData.green { color: #003300; }
	#lbBottomData.blue, #lbTopData.blue { color: #01379E; }
	#lbBottomData.gold, #lbTopData.gold { color: #666600; }
	#lbBottomData.orange, #lbTopData.orange { color: #D15211; }

#lbTopNav, #lbBottomNav { float: right; text-align: right; padding-right: 10px; }
#lbNumTop, #lbNumBottom {float: left; font-style: italic; }
#lbDescBottom { display: block; }
#lbTitleTop, #lbTopNav { margin-top: 0.3em; }
#lbTitleTop, #lbTitleBottom { display: inline; font-weight: bold;  font-size: 200%;}

#lbClose, #lbCloseTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbClose.black, #lbCloseTop.black { background: url('images/close_black.png') no-repeat; }
	#lbClose.grey, #lbCloseTop.grey { background: url('images/close_grey.png') no-repeat; }
	#lbClose.red, #lbCloseTop.red { background: url('images/close_red.png') no-repeat; }
	#lbClose.green, #lbCloseTop.green { background: url('images/close_green.png') no-repeat; }
	#lbClose.blue, #lbCloseTop.blue { background: url('images/close_blue.png') no-repeat; }
	#lbClose.gold, #lbCloseTop.gold { background: url('images/close_gold.png') no-repeat; }
	#lbClose.orange, #lbCloseTop.orange { background: url('images/close_orange.png') no-repeat; }
	
#lbPrint, #lbPrintTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbPrint.black, #lbPrintTop.black { background: url('images/print_black.png') no-repeat; }
	#lbPrint.grey, #lbPrintTop.grey { background: url('images/print_grey.png') no-repeat; }
	#lbPrint.red, #lbPrintTop.red { background: url('images/print_red.png') no-repeat; }
	#lbPrint.green, #lbPrintTop.green { background: url('images/print_green.png') no-repeat; }
	#lbPrint.blue, #lbPrintTop.blue { background: url('images/print_blue.png') no-repeat; }
	#lbPrint.gold, #lbPrintTop.gold { background: url('images/print_gold.png') no-repeat; }
	#lbPrint.orange, #lbPrintTop.orange { background: url('images/print_orange.png') no-repeat; }

#lbPlay, #lbPlayTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbPlay.black, #lbPlayTop.black { background: url('images/play_black.png') no-repeat; }
	#lbPlay.grey, #lbPlayTop.grey { background: url('images/play_grey.png') no-repeat; }
	#lbPlay.red, #lbPlayTop.red { background: url('images/play_red.png') no-repeat; }
	#lbPlay.green, #lbPlayTop.green { background: url('images/play_green.png') no-repeat; }
	#lbPlay.blue, #lbPlayTop.blue { background: url('images/play_blue.png') no-repeat; }
	#lbPlay.gold, #lbPlayTop.gold { background: url('images/play_gold.png') no-repeat; }
	#lbPlay.orange, #lbPlayTop.orange { background: url('images/play_orange.png') no-repeat; }
	
#lbPause, #lbPauseTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbPause.black, #lbPauseTop.black { background: url('images/pause_black.png') no-repeat; }
	#lbPause.grey, #lbPauseTop.grey { background: url('images/pause_grey.png') no-repeat; }
	#lbPause.red, #lbPauseTop.red { background: url('images/pause_red.png') no-repeat; }
	#lbPause.green, #lbPauseTop.green { background: url('images/pause_green.png') no-repeat; }
	#lbPause.blue, #lbPauseTop.blue { background: url('images/pause_blue.png') no-repeat; }
	#lbPause.gold, #lbPauseTop.gold { background: url('images/pause_gold.png') no-repeat; }
	#lbPause.orange, #lbPauseTop.orange { background: url('images/pause_orange.png') no-repeat; }
	
/* Some extra padding on the bottom buttons so it's not too close to the border. */
#lbClose, #lbPrint, #lbPlay, #lbPause { margin: 0 0 6px 8px; }

/* Lytetip */
* html a:hover { background: transparent; }

.lytetip { outline: none; border-bottom: 1px dotted; z-index:24; text-decoration:none; }
.lytetip span {
	color: #000000;
	position: absolute;
	top: 2em; left:0;
	padding: 0.5em 0.8em;
	font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	background: #F4F5FB; 
	border: 1px solid #888888;	
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 2px 3px 0px #949494;-moz-box-shadow: 1px 2px 3px 0px #949494;box-shadow: 1px 2px 3px 0px #949494;
	width: 240px;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
	text-align: left;
	display: none;
}

.lytetip:hover { z-index:25; color: #aaaaff; background:; text-decoration: none; }
.lytetip:hover span { display: block; }
.lytetip:hover em {	font-size: 1.2em; font-weight: bold; display: block; padding: 0 0 0.6em 0; }
.lytetip:hover .lbTipImg { border: 0; margin: -20px 0 0 -36px; float: left; position: absolute; height: 32px; width: 32px; }
.lbErrorImg { background: url('images/error.png'); }
.lbInfoImg { background: url('images/info.png'); }
.lbHelpImg { background: url('images/help.png'); }
.lbWarningImg { background: url('images/warning.png'); }
span.lbCustom { padding: 0.5em 0.8em 0.5em 1.5em !important; }
span.lbIEFix { padding: 0.5em 0.8em !important; }
.lytetip .lbError { background: #FFE7D7; border: 1px solid #FF3334; }
.lytetip .lbInfo, .lytetip .lbHelp { background: #D2EEF7; border: 1px solid #2BB0D7; }
.lytetip .lbWarning { background: #FFFFAA; border: 1px solid #FFAD33; }



table.gallery{ 
	text-align: center;
	border-collapse:collapse; 
	border: 1px;
	border-spacing:0.5em 1em;
	background: #111111; 
}

td.gallery{
	text-align: center;
	border: 0.5px solid #aaaaaa;
	padding:4px 5px 4px 5px;
}
td.center{
	text-align: center;
	padding:7px 5px 15px 5px;
}

tr.gallery{
	height: 140px;
}

@media only screen and (max-width: 480px) {/*device-*/
	div.wholepage {
		margin:0 0 0 0 !important; 
	}
}