/**
 * Template: Strive
 * This copyright notice must stay intact for free use.
 *
 * Template copyright ClanTemplates.com
 * http://www.clantemplates.com
 * For quality free templates.
 *
 * @Designer: Subleme
 * @Coder: redSHIFT
 * 
 * script.aculo.us javascript framework from http://www.script.aculo.us
 */

@font-face {
  font-family: Proxima Nova Regular;
  src: url(https://www.the-gcn.com/ProximaNova-Regular.ttf);
}

body
{
	background: #122530 url('../images/background.jpg') repeat;
	text-align: center;
	font: normal 14px Proxima Nova Regular;
}

a,a:visited
{
	color: #1e3f51;
}
a:hover
{
	text-decoration: none;
}

a img,a:visited img
{
	border: 0;
}


/**
 * General Structure
 */

div#container
{
	width: 873px;
	margin: 0 auto 0 auto;
	text-align: left;
}


/**
 * Banner/Nav
 */
div#banner
{
	height: 238px;
	background: url('../images/logo.png') no-repeat;
	margin: -8px 0 10px 90px;
	clear: both;
}

div#nav
{
	background: url('../images/nav_bg_grey.png') no-repeat;
	height: 35px;
	margin: 13px 0px 0px 268px;
	width: 411px;
	overflow: hidden;
	float: left;
}

	div#nav a
	{
		color: #ffffff;
		font-family: 'Proxima Nova Regular', sans-serif;
		font-size: 12px;
		text-decoration: none;
		font-weight: bolder;
		height: 12px;
		display: block;
		float: left;
		padding: 11px 7px 11px 7px;
		text-transform: uppercase;
		margin: 1px 0 0 0;
	}
	
	div#nav a:hover
	{
		background: url('../images/nav_hover_grey.png') repeat-x;
		color: #000000;
	}


/**
 * Columns
 */
div.col1,div.col2
{
	float: left;
}

div.col1
{
	width: 190px;
}

div.col2
{
	width: 479px;
	margin: 0 7px 0 7px;
}


/**
 * Box Elements
 */
div.box
{
	margin: 0 0 10px 0;
}

div.box h1
{
	height: 29px;
	color: #ffffff;
	font: 16px 'Proxima Nova Regular', sans-serif;
	padding: 6px 0 0 10px;
	margin: 0;
	border-bottom: 1px solid #112735;
}

	div.col2 div.box h1
	{
		cursor: auto;
	}

	div.col1 div.box h1
	{
		background: url('../images/col1_head.png') no-repeat;
	}
	
	div.col2 div.box h1
	{
		background: url('../images/col2_head.png') no-repeat;
	}


div.box div.bar
{
	height: 23px;
	clear: both;
	background: url('../images/box_foot.png') repeat-x;
	color: #d1e3ee;
	font: 11px Tahoma;
}
	
	div.box div.bar span
	{
		height: 23px;
		display: block;
		background: url('../images/box_foot_left.png') no-repeat;
		float: left;
		padding: 4px;
	}
	
	div.box div.bar span span
	{
		height: 23px;
		width: 2px;
		background: url('../images/box_foot_right.png') top right no-repeat;
		float: right;
		display: block;
		margin: -4px;
	}
	
	div.box div.bar a
	{
		display: block;
		color: #d1e3ee;
		text-decoration: none;
	}
	div.box div.bar a.right
	{
		text-align: right;
	}
	
div.content
{
	margin: 0 2px 0 2px;
	background: #c1dae8 url('../images/body_bg.png') repeat-x;
	border: 1px solid #ffffff;
	padding: 10px 0 10px 0;
}

	div.content p
	{
		margin: 0;
		padding: 5px;
	}


/**
 * Lists
 */
ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

	ul li
	{
		background: url('../images/list_item.png') repeat-x;
		border: 1px solid #112735;
		border-top: 0px;
		height: 14px;
		padding: 4px;
	}
	
	ul li a
	{
		display: block;
		text-decoration: none;
		height: 14px;
	}

ul.sponsors li
{
	background: url('../images/list_sponsor.png') repeat-x;
	height: 48px;
	padding: 0;
}
	
	ul.sponsors li a
	{
		height: 48px;
	}


/**
 * Footer
 */
div#footer
{
	background: url('../images/footer.png') no-repeat;
	height: 36px;
	clear: both;
}

div#footer a
{
	display: block;
	height: 36px;
}

div#footer a span
{
	display: none;
}

#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:auto; background-color:#333333; }
#lightbox{ 
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	color:white;
	line-height:0;
}

#lightbox a, #lightbox a:hover{ 
	border-bottom:none;
	color:white;
	text-decoration:underline;
}

#lightbox a img{ border:none; }

#outerImageContainer{ 
	width:auto;
	height:auto; /* without this line error in IE8 detected */
	margin:0 auto;
	position:relative;
}

#lightboxImage{ 
	width:100%;
	height:100%;
}

#imageContainer{ 
	width:50px;
	height:50px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	font-size:0;/* ie fix - big info bar*/
}

#loading{ 
	position:absolute;
	top:40%;
	left:0;
	height:25%;
	width:100%;
	text-align:center;
	font-size:10px;
	z-index:1;
}
#loadingLink { 
	display:block;
	margin:0 auto;
	padding:0;
	width:60%;
	height:32px;
	background:url(../images/loading.gif) center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{ 
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#imageContainer>#hoverNav{ left:0; }
#hoverNav a{ outline:none; }

#prevLinkImg, #nextLinkImg{ 
	width:49%;
	height:100%;
	background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display:block;
	text-indent:-9999px;
	}
#prevLinkImg { left:0; float:left; }
#nextLinkImg { right:0; float:right; }
#prevLinkImg:hover, #prevLinkImg:visited:hover { 
	background:url(../images/prev.png) 5% center no-repeat; 
	_background-image:url(../images/prev.gif)
}
#nextLinkImg:hover, #nextLinkImg:visited:hover { 
	background:url(../images/next.png) 97% center no-repeat; 
	_background-image:url(../images/next.gif)
}

#imageDataContainer{ 
	font:10px Verdana, Helvetica, sans-serif;
	font-family:" Trebuchet MS",tahoma,verdana,arial,sans-serif;
	font-size:13px;
	width:100%;
}

#imageData{ 
	overflow:hidden;
	width:100%;
}
#imageDetails{ width:70%; float:left; text-align:left; 	padding:10px 10px 0 0; }
#caption{ font-weight:bold; display:block; }
#numberDisplay{ display:block; float:left; padding:9px 10px 0 0; }
#detailsNav{ display:block; float:left;   padding:0; }
#prevLinkDetails, #nextLinkDetails, #slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left; }
#prevLinkDetails { 
	margin:2px; width:32px;height:32px; background-position:left 100%;
	background-image:url(../images/navigation.png);
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/prev-32grey.png', sizingMethod='scale');
}
#prevLinkDetails:hover { 
	background-position:0 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/prev-32color.png', sizingMethod='scale');
}

#nextLinkDetails { 
	margin:2px; width:32px;height:32px; background-position:right 100%;
	background-image:url(../images/navigation.png);
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/next32-grey.png', sizingMethod='scale');
}
#nextLinkDetails:hover { 
	background-position:100% 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/next32-color.png', sizingMethod='scale');
}
#slideShowControl{ 
	display:block;
	width:32px; 
	height:32px; 
	float:left;
	margin:2px; 
	background-image:url(../images/navigation.png);
	background-position:-32px 100%;
	background-repeat:no-repeat;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/start32grey.png', sizingMethod='scale');
}
#slideShowControl:hover{ 
	background-position:-32px 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/start32color.png', sizingMethod='scale');
}
#slideShowControl.started{ 
	background-position:-64px 100%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pause32grey.png', sizingMethod='scale');
}
#slideShowControl.started:hover{ 
	background-position:-64px 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pause32color.png', sizingMethod='scale');
}

#close{ 
	padding:16px 0 0;
	float:right;
}
#closeLink { 
	display:block; 
	outline-style:none; 
	margin:0; 
	padding:0; 
	text-decoration:none; 
	width:48px;
	height:48px;
	background:url(../images/close.png) no-repeat 0 100%;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cancel48grey.png', sizingMethod='scale');
}
#closeLink:hover{ 
	background-position:0 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cancel48color.png', sizingMethod='scale');
}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html>body .clearfix { display:inline-block; width:100%; }

* html .clearfix { 
	/* Hides from IE-mac \*/
	height:1%;
	/* End hide from IE-mac */
}	

#outerImageFrame{ 
	height:100%;
	width:100%;
	position:absolute;
}

#outerImageContainer{ 
	overflow:visible;
}
#outerImageContainer td{ 
	text-align:center;
	padding:0;
}

#lightboxFrameBody{ 
	background:url(../images/back_info.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_info.png', sizingMethod='scale');
}

#outerImageContainer td{ 
	font-size:0;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{ 
	height:19px;
	width:19px;
}

#outerImageContainer td.tl{ 
	background:url(../images/back_corvers.png) 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_lt.png', sizingMethod='scale');
}
#outerImageContainer td.tc{ 
	background:url(../images/back_tb.png) 50% 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_ct.png', sizingMethod='scale');
}
#outerImageContainer td.tr{ 
	background:url(../images/back_corvers.png) 100% 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_rt.png', sizingMethod='scale');
}
#outerImageContainer td.ml{ 
	background:url(../images/back_lr.png) 0 50%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_lc.png', sizingMethod='scale');
}
#outerImageContainer td.mr{ 
	background:url(../images/back_lr.png) 100% 50%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_rc.png', sizingMethod='scale');
}
#outerImageContainer td.bl{ 
	background:url(../images/back_corvers.png) 0 100%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_lb.png', sizingMethod='scale');
}
#outerImageContainer td.bc{ 
	background:url(../images/back_tb.png) 50% 100%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_cb.png', sizingMethod='scale');
}
#outerImageContainer td.br{ 
	background:url(../images/back_corvers.png) 100% 100%;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_rb.png', sizingMethod='scale');
}

#vlightbox{ 
	width:236px;
	zoom:1;	
}
.vlightbox{ 
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:3px;
	width:34px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
}
.vlightbox a{ 
	margin:0;
}
.vlightbox:hover, .vlightbox a:hover{ 
	text-decoration:underline;
	opacity:1;
}
.vlightbox img{ 
	display:block;
	border:none;
	margin:0;
}
.vlightbox div{ display:none}

.noticeui
{
	background: url(../images/noticebg.png) repeat-x 0 0;
	color: #FFF;
	width: 83%;
	font-weight: normal;
	padding: 13px 15px 0;	
	margin-bottom: 2.5em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	box-shadow: 1px 1px 2px rgba(0,0,0,.4);
	position: relative;
	left: 34px;
}

.noticeui p { margin-bottom: 1.5em; }
.noticeui p:last-child  { margin-bottom: 0; }

.noticeui ul { margin-left: 8px; margin-bottom: 1.5em; }
.noticeui ul:last-child { margin-bottom: 0; }

	.noticeui li { background: url(../images/noticetabs.png) no-repeat 0 -95px; list-style-type: none; padding-left: 18px; margin-bottom: .75em; }
		.noticeui-success li { background-position: 0 -95px; }
		.noticeui-warn li { background-position: 0 -895px; }
		.noticeui-error li { background-position: 0 -495px; }
		.noticeui-info li { background-position: 0 -1295px; }

.noticeui h00 { font-size: 14px; font-weight: bold; margin-bottom: .65em; }

.noticeui span { background: url(../images/noticetabs.png) no-repeat 100% 0; width: 33px; height: 40px; position: absolute; left: -34px; top: 9px; }

.noticeui-success { background-color: #EEF4D4; color: #596C26; border: 1px solid #8FAD3D; }
	.noticeui-success span { background-position: 100% 0;  }
.noticeui-warn { background-color: #FFEA97; color: #796100; border: 1px solid #E1B500; }
	.noticeui-warn span { background-position: 100% -800px;  }
.noticeui-error { background-color: #EFCEC9; color: #933628; border: 1px solid #AE3F2F; }
	.noticeui-error span { background-position: 100% -400px;  }
.noticeui-info { background-color: #C6D8F0; color: #285797; border: 1px solid #4381CD; }
	.noticeui-info span { background-position: 100% -1200px;  }
	
.download	{ padding: 4px; background:#c1dae8; width:250px; border:1px solid #222244; border-collapse: collapse; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom: 0.5em; margin-top: 0.5em; }