/*#############################################################
Name: Indigo
Description: A lightweight (7kb images), simple and professional design.
Date: 2006-07-27
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #444444;
}
a:hover {
	color: #000000;
	text-decoration: underline
}

.small, p, td, body {font-family:verdana,arial; font-size:12px;}

xbody {
	color: #466;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	
	font-family:verdana,arial
	margin: 0;
}

input {
	color: #555;
	font-family: verdana,arial, sans-serif;
}

cite,code {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}

p {
	padding-bottom: 1.2em;
  text-align: justify;
}

h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}

.shout {
	font-size: 1.8em;
	font-weight: bold;
}

.loud {
	font-size: 1.6em;
  font-weight: bold;
}

code {
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display:block;
	font-family: verdana,arial, sans-serif;
	margin-bottom: 12px;
	padding: 8px;
	white-space: pre;
}
cite {
	background: url(images/quote.gif) no-repeat;
	color: #666;
	display: block;
	font-family: verdana,arial, sans-serif;
	padding-left: 28px;
}

h1,h2,h3, h4 {
  color: #000000;
	padding-top: 6px;
	margin-bottom: 8px;
}


/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	background: url(images/topleft.gif) no-repeat;
}

.header {
	height: 92px;
}

/* title */
.title {
	float: left;
	padding: 28px 0 0 76px;
}
.title h1 {
	color: #FFF;
	font-family: verdana,arial, sans-serif;
}
/* navigation */
.navigation a {
padding:3px;
	color: #FFF;
	margin-left:8px;
	margin-right:8px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
padding:3px;
	background:url(images/back3.gif) #4D96CA repeat-x;
	color: #FFF;
}
.navigation a#on{
background:url(images/back3.gif) #4D96CA repeat-x;
	/*background:url(img/bg_menuon.gif) #ACD700 repeat-x;*/
}

/* main */
.main {
	background: #FFF url(img/bgmain.gif) no-repeat;
	clear: both;
	padding: 12px 12px 0 52px;
}

/* main left */
.sidenav {
	float: left;
	width: 24%;
}
.sidenav h1 {
	border-bottom: 1px dashed #DDD;
	color: #E73;
	font-size: 1.2em;
	height: 20px;
	margin-top: 1.2em;
}

.sidenav ul {
	xmargin: 0;
	padding: 0;
  margin-bottom: 9px;
}
.sidenav li { 
	border-bottom: 1px dashed #EEE;
	xlist-style: none;
	margin: 0;
}
.sidenav li a {
	color: #777;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 18px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: #111;
	xbackground: url(img/nav_li.gif) no-repeat;
}

/* content */
.content {
	
	float: left;
	margin-right: 4%;
	width: 69%;
	
}
.content .descr {
	color: #C60;
	margin-bottom: 6px;
}

.content li {
	xlist-style: url(images/li.gif);
	xmargin-left: 18px;
}

li {
	margin-bottom: 9px;
}

ul {
	margin-bottom: 9px;
}
/* search form */
.styled {
	border: 3px double #E5E5E5;
	padding: 2px 3px;
}
.button {
	border: 1px solid #AAA;
	margin-left: 5px;
	padding: 2px 3px;
}

/* footer */
.footer {
valign:bottom;
	font-size:10px;
	height:40px;
	
	background:url(images/footer.gif) repeat-x;
	color: #C1DEF0;
	/*line-height: 40px;*/
	
	text-align: center;
	
}
.footer a {
	color: #00F;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

ul
{
  margin-left: 2em;
	padding-bottom: 0em;
  margin-bottom: 9px;
}

.desc   {
font-size: 12px;
color: #222222
}


.home p {
  font-size: 12px;
  color: #222222;
	padding-bottom: 1.2em;
  text-align: left;
}

.desc li
{
  font-size: 12px;
}

.desc ul
{
  margin-bottom: 12px;
}
.desc a
{
	text-decoration: none;
  font-size: 12px;
}

lix
{
  xbackground-image: url(images/li.gif);
  xbackground-repeat: no-repeat;
  xbackground-position: 0 .4em;
  xpadding-left: .6em;
}

.clearfooter {
	font-size:12px;
	font-style: italic;
	text-align: center;
}

.anecdote {
	font-size:12px;
	font-style: italic;
	text-align: center;
	color: #666666
}



.links
{
	font-size: 10px;
	text-decoration: none;
}

.toplinks
{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.toplinks a:hover
{
	text-decoration: none;
}
.toplinks a:visited
{
	text-decoration: none;
}

.toplinks a:hover
{
	text-decoration: underline;
}

.smalllinks a
{
	font-size: 12px;
	font-color: #39A9FF;
	text-decoration: none;
}

.nl
{
	font-size: xx-small;
	font-face: Arial;
	text-decoration: italic;
}

.nl a
{
	font-size: xx-small;
	font-face: Arial;
	text-decoration: none;
}

.nl a:hover
{
	font-size: xx-small;
	font-face: Arial;
	text-decoration: underline;
}

.nl2
{
	font-size: xx-small;
	font-face: Arial;
	text-decoration: italic;
}

.nl2 a
{
	font-size: xx-small;
	font-face: Arial;
	text-decoration: italic;
}

.nl2 a:hover
{
	font-size: xx-small;
	font-face: Arial;
	text-decoration: underline;
}

.oldgreenlinks a:visited {
  color: #66ff00;
	text-decoration: none;
}

.greenlinks {
	font-face: Arial;
	color: #006600;
	font-weight:bold;
	text-decoration: none;
}

.greenlinks a:visited {
	color: #006600;
	font-weight:bold;
	text-decoration: none;
}

.greenlinks a:hover {
	color: #006600;
	font-weight:bold;
  xfont-size: 12px;
	text-decoration: underline;
}

.redlinks {
	font-face: Arial;
	color: #ff0000;
	text-decoration: none;
}

.redlinks a:visited {
	color: #ff0000;
	text-decoration: none;
}

.redlinks a:hover {
	color: #ff0000;
	font-weight:bold;
	text-decoration: none;
}


.whitedesc {
	font-size: 10px;
	color: #ffffff;
	font-face: Arial, sharp;
	text-decoration: none;
}

.whitedesc a {
	font-size: 12px;
	color: #ffffff;
	font-face: Arial, sharp;
	text-decoration: underline;
}

.whitedesc a:visited {
	color: #ffffff;
	text-decoration: none;
}

.whitedesc a:hover {
	color: #ffffff;
	text-decoration: underline;
}


.smalllinks a visited
{
	font-size: 12px;
	font-color: #39A9FF;
	text-decoration: none;
}

.smalllinks a hover
{
	font-size: 12px;
	font-color: #39A9FF;
	text-decoration: underline;
}

.links a
{
	font-size: 10px;
	text-decoration: none;
}

.links a.hover
{
	font-size: 14px;
	text-decoration: underline;
}

.style4 {
font-size: 12px
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

.style7 {
	font-family: verdana,arial, sans-serif;
font-size: 14px;}
.style14 {
	color: #999999;
	font-size: 10px;
}

.style30 {
	font-family: verdana,arial, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}


h1 {font-size: 20px}
h2 {font-size: 18px}
h3 {font-size: 16px}
h4 {font-size: 14px}

.size10 {font-size: 10px;}

.size12 {font-size: 12px;}

.size14 {font-size: 14px;}

.size16 {font-size: 16px;}
.header {font-family:Times New Roman; font-size:25px; color:#ff0000; font-weight:bold;}

.xsmall {font-family:verdana,arial; font-size:10px;}
.xsmall a {text-decoration:none; font-size:9; font-family:verdana,arial; color:#ffffff;}
.xsmall a:hover {text-decoration:none; font-size:9px; font-family:verdana,arial; color:#000000;}

.medium {font-family:verdana,arial; font-size:17px;}
.mediumblue {font-family:verdana,arial; font-size:20px; color:#0000ff;}
.big {font-family:verdana,arial; font-size:30px; color:#0000aa;}
.bigblue {font-family:verdana,arial; font-size:30px; color:red;}
.smallwhite {text-decoration:none; font-size:12px; font-family:verdana,arial; color:#ffffff;}

.small a {text-decoration:none; font-size:12px; font-family:verdana,arial; color:blue;}
.small a:hover {text-decoration:none; font-size:12px; font-family:verdana,arial; color:red; background:#ffffcc;}
.small a:active {text-decoration:none; font-size:12px; font-family:verdana,arial; color:red;}

.menu a:hover {text-decoration:underline; font-size:10px; font-family:verdana,arial; color:white;}
.menu a {text-decoration:none; font-size:10px; font-family:verdana,arial; color:white; font-weight:bold;}
.menu {text-decoration:none; font-size:10px; font-family:verdana,arial; font-weight:bold;}

.set a:hover {text-decoration:underline; font-size:11px; font-family:verdana,arial; color:#999999;}
.set a {text-decoration:none; font-size:11px; font-family:verdana,arial; color:#999999;}
.set {text-decoration:none; font-size:11px; font-family:verdana,arial; font-weight:bold;}




