/*
Template name: Transparentia
Template URI: http://templates.arcsin.se/transparentia-website-template/
Release date: 2006-08-20
Description: Simple, lightweight and slightly blue.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #36C;
}
a:hover {
	color: #06F;
}
body {
	background: #EEE url(img/bg.gif);
	color: #444;
	font: normal 72.5% Arial, Helvetica, Sans-Serif;
	margin: 0;
}
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
h2 {
	font-size: 1.2em;
	margin-bottom: 4px;
}
code {
	background: url(img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}
h2,h3 { color: #555; padding-top: 6px }
tr, td { border: solid 1px #999 }
td.g { color: green }
td.r { color: red }
.n { color: #005B7F }

/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	background: url(img/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	padding-bottom: 6px;
	width: 767px;
	border-bottom: 1px solid #DDD;
}
.header { background: #79AE28 }

/* title */
.title h1 {
	color: #FFF;
	font: bold 3em Verdana,sans-serif;
	height: 150px;
	line-height: 150px;
	margin-bottom: 8px;
	text-align: center;
}
.title a {
	color: #FFF;
	text-decoration: none;
}
.title a:hover {
	color: #FFF;
}

/* navigation */
.navigation {
	margin-bottom: 4px;
}
.navigation a {
	background-color: #4A91C3;
	color: #FFF;
	float: left;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	padding: 8px 0;
	width: 19%;
	border-right: 1px solid #FFF;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-color: #000;
	color: #FFF;
}

/* main */
.main {
	clear: both;
	padding: 8px 18px;
}

/* main left */
.sidenav h1,.sidenav ul {
	padding-left: 12px;
}
.sidenav {
	background: #EEE;
	border: 1px solid #E5E5E5;
	float: left;
	width: 200px;
}
.sidenav h1 {
	color: #666;
	font-size: 1.2em;
	height: 20px;
	margin-top: 1.2em;
}
.sidenav ul {
	border-top: 1px solid #FAFAFA;
	background: #EEE url(img/bgul.gif) repeat-x;
	margin: 0;
	padding: 0;
}
.sidenav li {
	border: 1px solid #FAFAFA;
	border-top: none;
	list-style: none;
	margin: 0;
}
.sidenav li a {
	color: #777;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: #111;
}

/* content */
.content {
	float: right;
	width: 731px;
}
.content .item {
	padding: 30px 70px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
}
.content .descr {
	color: #333;
	margin-bottom: 6px;
}
.content li {
	list-style: decimal;
	margin-left: 18px;
}
.item strong {
	font-weight: normal;
}

/* footer */
.footer {
	background: #FFF;
	border: 1px solid #EEE;
	color: #666;
	font-size: 1.1em;
	margin: 0 auto;
	text-align: center;
	width: 729px;
}
.footer a {
	color: #666;
	text-decoration: none;
}
.footer a:hover {
	color: #666;
	text-decoration: none;
}
.footer strong {
	font-weight: normal;
}
.footer .left, .footer .right {padding: 6px 12px;}
.footer .right, .footer .right a {color: #AAA;}
.footer .right a:hover {color: #666;}

/* floats */
.left {text-align: center;}
.right {float: right;}

/* add */

.qtprs, .qtprs2, .tstml, .fdbck, .nfr, .bswn, #h, .ytb, .bgpc, .pctstml, .pctstml2, .lex { text-align: center }
#h, .qtprs, .qtprs2, .bswn, .bld, .ps, .ps2 { font-weight: bold }
#h { font-size: 2.1em; color: #FC4C03 }
.hul, .bswn { color: #FF0000; text-decoration: underline }
.ytb { margin: 20px 0 20px 0 }
.qtprs, .qtprs2, .bswn { margin: 45px 0 35px }
.qtprs, .qtprs2 { color: #FF8000 }
.qtprs { font-size: 1.8em }
.qtprs2, .bswn { font-size: 1.6em }
.nfr, .tstml { font-size: 1.3em }
.nfr { margin: -15px 0 17px 0 }
.grn, .red { font-size: 1.8em }
.grn { color: green; text-decoration: blink }
.red { font-weight: bold; color: red; text-decoration: line-through }
.tstml { margin: -10px 0 15px 0 }
.bgpc { margin: 25px 0 23px 0 }
.pctstml { margin-bottom: 25px; padding: 15px; background: #DFFFB0; border: 1px #8a8a8a solid }
.pctstml2 { margin-bottom: 25px; padding: 15px; background: #FFFFCC; border: 1px #8a8a8a solid }
.fdbck { font-size: 1.5em }
.fltlft, .mypc, .mypccp, .trnfr { float: left }
.mypc { margin-right: 10px }
.mypccp { margin: 3px -103px 0 6px }
.fltrgt { float: right; margin-left: 10px }
.ulmgn { margin-left: 115px }
.ulmgn2, .nm { font-size: 1.1em }
.ulmgn2 { margin-left: 125px }
.nm { text-align: right; margin: -10px 0 20px 0 }
.trnfr { font-size: 1.2em }
.ultrnfr { margin: 0 0 20px 185px; padding: 0 }
.lnk { font-size: 1.5em; text-align: center; margin: 15px 0 20px 0 }
.lnk a { color: #F26522 }
.lnk a:hover { color: #F7941D }
.lnk2 { background-color: #FFFBC5 }
.ps { background: #FFFFCC; margin-bottom: 15px; padding: 10px; border: dashed 2px #E68B2C }
.ps p { margin-bottom: -10px }
.ps2 { color: red }

/* hide text */
.hd, .hd2, .hd3, .hd4, .hd5, .hd6, .hd6s, .hh2, .lex, #ft, .lex2 { color: #FFF }
.hd { margin-right: -111px }
.hd2 { margin-right: -85px }
.hd3 { margin-right: -97px }
.hd4 { font-size: 0.01%; margin-right: -15px }
.hd4 { font-size: 0.01%; margin-right: -15px }
.hd6 { margin-right: -73px }
.hd6s { margin-right: -88px }
.hh2 { margin-top: -28px }
.lex { font-size: 0.01% }
.lex2 { text-decoration: none }
#ft { margin-right:-55px }

/* clip */
.img { margin-top: 15px; text-align: center }
.cpt { margin: 10px 0 40px; font-size: 1.2em; font-weight: bold; text-align: center }
.cpt .rul { color: red }