@charset "utf-8";

/* ------------------------------------------------------------------------------- base.css | v0.3 (06132010) | Thierry Koblentz | Modification by bogodesign */

html { height: 100%; overflow-y: scroll; font-size: 10px; }

body {height: 100%; background: #002941; color: #fff; line-height: 1.4em; }

body, input, button, textarea, select { font-family: Arial, Helvetica, sans-serif; letter-spacing:normal; }
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; letter-spacing: -0.05em; }

h1 {font-size: 1em; text-indent:-9999px;}
h2 {font-size: 5em; line-height:1.1em;}
h3 {font-size: 3.6em;}
h4 {font-size: 2em;}

h1, h2, h3, h4 {font-weight: 700;}

a:link {color: #00AEEF; text-decoration:none;}
a:visited {text-decoration: none; color:#00AEEF;}
a:hover {text-decoration: none; color:#8ee0ff;}
a:focus {text-decoration: none;}
a:focus {outline: 1px dotted #000;}
a:active {outline: none;}

body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td { margin: 0; padding: 0; }

img { border: 0; }

/* to prevent a gap from showing below images in some browsers */
img {vertical-align: bottom;}

/* Styling of list items
 * This styles sheet contains a class to apply on lists to reset list-type and margin on LIs
 */
ol li,
ul ol li	{list-style-type: decimal;}
ul li		{list-style-type: disc;}
ul ul li	{list-style-type: circle;}
ul ul ul li	{list-style-type: square;}
ol ol li	{list-style-type: lower-alpha;}
ol ol ol li	{list-style-type: lower-roman;}

sub {vertical-align: text-bottom; font-size: 75%;}
sup {vertical-align:text-top;font-size: 75%;}
small { font-size:75%;}

/* according to Eric Meyer's reset: tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption { line-height:0; text-indent:-9999px;}
th {text-align: center;} 
tbody th {text-align: left;}

blockquote, q, em, cite, dfn, i, cite, var, address {font-style: italic;}

/* to prevent some browsers from inserting quotes on "q" and "p" ("p" in blockquotes) */
blockquote p:before, blockquote p:after, q:before, q:after {content: '';}

th, strong, dt, b {font-weight: bold;} 

abbr, acronym {border-bottom: 1px dotted #333; font-variant: normal;} 

/* Creating white space (vertical gutters) via padding */
h1, h2, h3, h4, p, pre, ul, ol, dl, fieldset, address {padding:5px 15px;}
p:first-child { padding-top:15px;}
p:last-child { padding-bottom:15px;}

/* this is to reset the left/right gaps (created by the previous and next rules) on nested elements */
/*dd p, dd pre, dd ul, dd ol, dd dl, li p, li pre, li ul, li ol, li dl, fieldset p, fieldset ul, fieldset ol,*/
.noPadding { padding: 0 0 0 0 !important;}

dd {padding-left: 20px;margin-top: .5em;}
li {margin-left:15px;}

table {margin-right: 15px; margin-left: 15px;} 

/* form elements */
	label {padding-top: 1.2em;}
/* line height helps to set the vertical alignment of radio buttons and check boxes (remember to group these in fieldsets) */
	fieldset {line-height: 1;}
/* vertical alignment of checkboxes (a different value is served to IE 7) */
	input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
/* vertical alignment of radio buttons */
	input[type="radio"] {vertical-align: text-bottom;}
/* vertical alignment of input fields for IE 6 */
	input {_vertical-align: text-bottom;}
/* a specific font-size is set for these elements the line-height is to override FF's default styling */
input, button, textarea, select, optgroup, option {font-size: .9em;line-height: 1.4 !important;}

/* this is to fix IE 6 and 7 which create extra right/left padding on buttons
 * IMPORTANT: because IE 6 does not understand the first selector below, you need to apply the class "inputButton" to all input of type="button" in your documents
 * the first declaration is for IE 6 and 7, the second one for IE 6 only, the third one is for all browsers.
 */
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.inputButton
{*overflow: visible;  _width: 0;  padding: .2em .4em;}

/* Clear fix for floated elements. The parent element will be able to calculate it's height */
.clr:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clr {display: inline-block;}
* html .clr{height: 1%;}
.clr {display: block;}

/* ---------------------------------------------------------------------------------------------------------- The Custom Style Declarations by bogodesign */

/* layout definitions */
.across { width:100%; padding:0; margin:0; }
	.across.top { background: #001724 url(../gfx/back-menu.png) repeat-x center bottom;}
	.across.middle { margin-top:-30px;}
	.across.sponsor { background-color:#001724;}
	
.fixed { width:950px; margin:0 auto; }

	.fixed.menu { position:relative; height:160px;}
		.menu #menuButtons { display:block; position:absolute; bottom:0; left:0; width:950px; height:140px;}
		.menu #menuBlind { width:950px; height:77px; position:absolute; bottom:0; left:0; background:url(../gfx/back-menu.png) no-repeat center bottom;}
	
	.fixed.news { background:url(../gfx/back-map.png) top right no-repeat; min-height:700px;}
	.fixed.text { background:url(../gfx/back-map-darker.png) top right no-repeat; min-height:700px; }
	.fixed.gallery { padding-top:50px;}
	.fixed.contact { background:url(../gfx/back-map-darker.png) top right no-repeat; min-height:700px;}
	
	.fixed.footer { height:200px; text-align:center;}

/* Menu Definition */
	#menuButtons li { list-style:none; padding:0; float:left; margin:0 3px; 0 0;}
	#menuButtons li a, #menuButtons li a:visited { display:block; width:130px; height:120px;}
		#menuButtons li a span { display:block; color:#156583; text-shadow:0 -1px 0 #000;}
		#menuButtons li a .no { font-size:11px; line-height:14px; font-weight:100; padding:20px 0 0 20px;}
		#menuButtons li a .label { font-size:16px; font-weight:700; padding:0 0 20px 20px; line-height:1.3em;}
		
	#menuButtons li a:hover { background:url(../gfx/menu-highlight.png) no-repeat top center;}
		#menuButtons li:hover a span { text-shadow:0 1px 0 #000;}
		#menuButtons li a:hover .no { font-size:11px; line-height:14px; font-weight:700; color:#00aeef;}
		#menuButtons li a:hover .label { color:#FFF;}
		
/* Logo Definition */
	h1 { position:absolute; top:-130px; right:0; width:284px; height:240px; padding:0; margin:0;}
	h1 a img { display:block; position:absolute; top:0; right:0;}

/* Header 600px with Last Action Photo */
	#header { position:relative; width:950px; height:370px; /*overflow:hidden;*/}
		#header.plainpage { height:auto;}
	#headerPhotos { position:absolute; top:5px; left:5px; padding:0; margin:0;}
		#headerPhotos * { padding:0; margin:0; list-style:none;}
		#headerPhotos li { display:none;}
		#headerPhotos li:first-child { display:block;}
	#headerBlind { position:absolute; top:0; left:0; width:950px; height:374px; background:url(../gfx/photoScreen.png) no-repeat center center;}

	#about { text-indent:-9999px; width:250px; height:140px; background:url(../gfx/about.png) center center no-repeat; position:absolute; bottom:-50px; right:30px;}

/* News Section */
	#newsFlow { width:632px; float:left; margin:0; padding:0;}
	  #newsFlow li { margin:0; padding:15px; list-style:none;}
	  #newsFlow li h2 { margin:10px 0; padding:0;color:#00aeef; text-shadow: 0 2px 5px #001420;}
	  #newsFlow li a,
	  #newsFlow li a:visited {color:#00aeef; text-shadow: 0 2px 5px #001420;}
	  #newsFlow li a:hover {color:#4d6f80; text-shadow: 0 0 5px #000;}

	  img.left { float:left; margin:5px 5px 5px 0;}
	  img.right { float:right; margin:5px 0px 5px 5px;}
	  img.center { display:block; margin:5px auto;}
	  
	 
	  #newsFlow li iframe, #newsFlow li p, #newsFlow li ul li { font:1.6em/1.5em Georgia, Times, serif; padding: 0 0 20px 60px;}
	  #newsFlow li ul li { margin-left:90px; padding:0; list-style:square;}
		#newsFlow li p.first { background:url(../gfx/newsIcon.png) no-repeat 10px 0px;}
	  	#newsFlow li p span { display:block; color: #4d6f80;}
	  	#newsFlow li p.first.big {font-size:20px;}
		#newsFlow li p.first.big span { font-size:16px;}

	.newsRanking { float:right; /*position:relative;*/ margin-top:0px; width:318px; height:365px; background:url(../gfx/ranking-back.png) left center no-repeat;}
		.newsRanking h3, .newsRanking .date, .newsRanking ul { margin:0 0 0 50px; padding:0; }

	.newsRanking h3 { padding-top:30px; color:#156583; text-shadow: 0 2px 5px #001420; line-height:1.1em;}
		.newsRanking h3 span { display:block; font-size:0.5em; letter-spacing:0; line-height:1em;}
	.newsRanking .date { padding:3px 0; color:#156583; text-shadow: 0 2px 5px #001420; font-size:1.2em;}
    .newsRanking ul { padding:10px 0; text-shadow: 0 2px 2px #001420;}
	    .newsRanking ul li { margin:0; padding:3.5px 0; list-style:none; font-size:1.4em; line-height:1em;}
		.newsRanking ul li.fat { font-weight:700;}
		.newsRanking ul li a, .newsRanking ul li a:visited { color:#a4c6d9; position:relative;}
		   .newsRanking ul li a:hover {color:#fff;}
	
	#newsRanking2{margin-top:0px;}

	#newsImages {float:right; margin-top:180px; width:315px;}
	#newsVideos {float:right; margin-top:110px; width:315px;}
		#newsImages a { width:285px; position:relative; display:block; margin:20px 0; border:10px solid #002941; box-shadow:-10px 0px 15px #001420; -moz-box-shadow:-10px 0px 15px #001420; -webkit-box-shadow:-10px 0px 15px #001420; border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px;}
		#newsImages img { }
		#newsImages a .caption,#newsImages a:visited .caption { display:block; padding:20px 10px; background:url(../gfx/semiTransNavy.png); position:absolute; bottom:0; left:0; width:265px; color:#FFF; font-weight:700; font-size:1.4em; line-height:1.3em; display:none;}
		#newsImages a:hover .caption {display:block;}

/* Last Video bit and Video Gallery */
	#lastVideo {float:right; /*position:relative;*/ margin-top:65px; width:318px; height:271px; background:url(../gfx/video-back.png) left center no-repeat; text-shadow: 0 2px 3px #001420; }
	.lastVideos {float:right; /*position:relative;*/ width:318px; height:271px; background:url(../gfx/video-back.png) left center no-repeat; text-shadow: 0 2px 3px #001420; }
	.lastVideos a {margin-top:30px !important;}
	#lastVideo h3,.lastVideos h3 { color:#156583; padding:0; margin:30px 0 0 50px; font-size:1.8em;}
	a.videoSnippet { display:block; position:relative; width:208px; height:130px; margin:15px 0 5px 50px; -moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;}
	a:hover.videoSnippet { -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
	.videoThumb { position:absolute; top:0; left:0;}
	.videoPlaySign { position:absolute; top:50%; left:50%; margin:-36px 0 0 -29px }
	.videoTitle, .videoDate { display:block; margin:0 0 0 50px; padding:2px 0; }
	.videoTitle { color:#a4c6d9; font-size:1.5em; font-weight:700;}
	.videoDate  { color:#156583; font-size:1.2em;}
	
/* Gallery */
	.gallery .col {width:50%; text-shadow: 0 2px 3px #001420;}
	.gallery .col h2 {color:#00aeef; text-shadow: 0 2px 5px #001420;}
	.gallery .col h3 {color:#a4c6d9; padding-top:30px; line-height:1.1em; font-size:1.5em; font-weight:700; float:none; clear:both; display:block;}
	.gallery .col h3.first { padding-top:10px;}
	
	.gallery .col.pictures { float:left;}
	.gallery .col.videos { float:right;}

	.col ul li {list-style:none; padding:0; margin:0; float:left;}
	.col ul { padding:0; margin:0;}
	
	.col.pictures ul { padding-left:10px;}
	.col.pictures ul li { padding:5px;}
	.col.pictures ul li a { -moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;}
	.col.pictures ul li a:hover {-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
	
	.col.videos li { margin:0 0 0 -20px; width:237px; height:271px; background:url(../gfx/video-back.png) left center no-repeat;}
	.col.videos li.last { margin-left:10px;}
	.col.videos li a.videoSnippet {margin:30px 0 5px 40px;}
		.videoTitle { padding-top:10px; line-height:1.1em;}
		
/* Contact */
	.contact { text-shadow: 0 2px 3px #001420;}
	.contact h2 {color:#00aeef; text-shadow: 0 2px 5px #001420; font-size:3em; padding:25px 0 5px 40px;}
	.contact h3 {color:#a4c6d9; padding:0 0 10px 0; line-height:1.1em; font-size:1.5em; font-weight:700; float:none; clear:both; display:block;}
	.contact h3 small { font-weight:100; font-size:.7em;}
	.contact h3.lower { padding-top:30px;}
	
	.contact .row { width:100%; clear:both; float:none;}
	.contact .col { float:left;width:50%;}

	.contact ul { margin:0; padding:15px 0; background:url(../gfx/video-back.png) left center no-repeat; height:271px; position:relative;}	
	.contact ul li { list-style:none; padding:0; margin:0; float:left; width:250px; font-size:1.2em; line-height:1.6em; }
	.contact ul li:first-child { float:none; clear:both; width:100%;}
	.contact ul li div.padder {margin:15px 0 5px 45px;}
	.contact ul li.last { margin-left:10px;}

/* Plain Text Page */
.fixed.text h2 {margin:0; padding:25px 15px 15px 15px;color:#00aeef; text-shadow: 0 2px 5px #001420; width:632px;}
	#textFlow {width:100%; float:left; margin:0; padding:20px 0 0 0;}
	#textFlow li { margin:0; padding:0; list-style:none; float:left; width:316px; text-shadow:0 1px 3px #001420;}
	
	#textFlow li h3, #textFlow li h4 { line-height:1.2em; padding-top:0.75em; font-family:Georgia, Times, serif; font-weight:100; text-shadow: 0 2px 5px #001420;}
	
	#textFlow li p { font:1.2em/1.5em Arial, Helvetica, sans-serif; color:#cde3ef;}
	#textFlow li p strong, #textFlow li p em { color:#FFF;}
	
	#textFlow li ul {font:1.2em/1.5em Arial, Helvetica, sans-serif; color:#cde3ef;}
	#textFlow li ul li { list-style:square; float:none; margin-left:15px; width:auto; height:auto; line-height:1.5em;}
	#textFlow li ul li h4 {font:1.5em/1.1em Arial, Helvetica, sans-serif;}
	#textFlow li ul li p {font-size:1em; padding-top:0px;}
	
	#textFlow li .first { padding-top:0;}

	#final, #textFlow #final p {color:#00AEEF;}
	#map {text-shadow: none;}


/* Sponsor Logos */
	#sponsorBlindTop,
	#sponsorBlindBottom { background:url(../gfx/back-sponsors.png) no-repeat center center;}

	#sponsorBlindTop { background-position:top; height:87px;}
	#sponsorBlindBottom { background-position:bottom; height:84px;}
	
	.sponsorList { margin:-20px auto 0 auto; padding:0 0 40px 0; width:1150px;}
	.sponsorList li { list-style:none; padding:10px 15px; margin:0; display:block; float:left; line-height:45px;}
	.sponsorList li img { vertical-align:middle;}
	.sponsorList li:first-child { float:none; color:#156583; font-size:11px; line-height:1.3em; padding-bottom:0px;}