﻿/* ------------------------------------------------
	reset css

    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing. This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
    You should have received a copy of the GNU General Public License along with this program. If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
/*hr { display: none; }*/ /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */


/* Typeface */
	body, a, div, p {font:9pt arial}
	a {text-decoration:underline} 
	a:hover {text-decoration:underline}
	h1, h2, h3 {font-weight:bold; margin-bottom:10pt}
	h1 {font-size:14pt;}
	h2 {font-size:13pt;}
	h3 {font-size:12pt;}
	h4 {font-size:11pt;}
	h5 {font-size:10pt;}
	h6 {font-size:8pt; font-weight:bold}
	#mainmenu a {font:arial 12pt; text-transform:uppercase; text-decoration:none}
	#mainmenu a:hover {text-decoration:underline}
	#mainmenu a.active {font-weight:bold}
	.newsitemdate {font-size:8pt;}
	.newsitemingress {font-size:9pt}
	.newsitem a {font-size:8pt; text-decoration:underline;}
	.newsitemtitle a, .newsitemtitle a:visited {font-weight:bold; text-decoration:none; font-size:9pt}
	#footer, #footer a, #footer a:visited {font-size:7pt; line-height:16px}
	#footer a, #footer a:visited {text-decoration:underline;}
	
/* Color */
	body {background:white}
	body, a, a:visited, div {color:black}
	a, a:visited {color:rgb(0,102,153)}
	#mainmenu {background:rgb(30,171,199)}
	#mainmenu a, #mainmenu a:visited {color:white}
	h1, h2, h3, h4, h5, h6 {color:rgb(228,57,28)}
	.newsitemdate {color:#808080}
	.newsitemtitle a, .newsitemtitle a:visited {color:rgb(228,57,28)}
	#footer, #footer a, #footer a:visited {color:rgb(95,95,95)}
	
/* Layout */
	#themebody {background:url(../images/bg_body.png) repeat-x 0px 53px; text-align:center;}
	FORM {display:inline}
	DIV {-moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding: 0;}
	p {margin-bottom:20px;}
	#container {width:986px; height:100%; margin:auto; background:url(../images/bg_orangestripe.png) no-repeat 0px 53px;}
	#mainmenu {width:143px; padding-top:20px; text-align:right; float:left}
	#content {margin:21px 30px 20px 20px; width:470px; float:left}
	#rightcol {margin:40px 0px 20px 0px; float:left}
	#rightcol .label {font-size:11pt; color:#666666; margin-bottom:10px}
	#sponsors {color:gray}
	#sponsors img {border:0}
	
	#header {height:159px;}
	#label {float:left; margin:53px 10px 0px 20px}
	#logo {margin:0px 0px 0px 10px; float:left}
	
	.newsitem {margin-bottom:20px; padding-top:10px; background:url(../images/news_border.png) no-repeat top center}
	.newsitemdate {width:80px; float:left; margin-bottom:20px}
	.newsitemingress {margin-bottom:10px}
	.newsitemingress a {float:right}
	.newsitemtitle a, .newsitemtitle a:visited {float:left;}
	
	#footer {padding:0px 0px 10px 0px; height:60px}
	.bar {background:url(../images/bottombar.gif) repeat-x}

/* FORMS */
    .FormCaption {margin-bottom:5px}
    .FormControl, .Formtextbox {margin-bottom:15px; width:100%}
    .FormsButtonSend {margin-top:20px} 

	
/* Extras */

	/* CSS-fade */
		.fade {position:absolute; top:159px; left:0px; z-index:1000; width:100%}
		.f1, .f2, .f3, .f4, .f5, .f6, .f6 {overflow:hidden; font:1px; line-height:1px; height:1px; width:100%; margin-bottom:0px; background:black; opacity:.30; filter:alpha(opacity=30)}
		.f2 {opacity:.25; filter:alpha(opacity=25)}
		.f3 {opacity:.20; filter:alpha(opacity=20)}
		.f4 {opacity:.15; filter:alpha(opacity=15)}
		.f5 {opacity:.10; filter:alpha(opacity=10)}
		.f6 {opacity:.05; filter:alpha(opacity=5)}