/*#############################################################

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: #F70;

}

a:hover {

	color: #C60;

}

body {

	background: #cccccc url(images/bg.gif) repeat-x;

	color: #466;

	font: normal 12px "Lucida Sans Unicode",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;

}

code {

	background: url(images/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(images/quote.gif) no-repeat;

	color: #666;

	display: block;

	font: normal 1.3em "Lucida Sans Unicode",serif;

	padding-left: 28px;

}

h1,h2,h3 {

	color: #06C;

	padding-top: 6px;

}

/* misc */

.clearer {

	clear: both;

}



/* structure */

.container {

	background: url(images/topleft.gif) no-repeat;

}



.header {

	height: 92px;

}



/* title */

.title {

	float: left;

	padding: 10px 0 0 76px;

}

.title h1 {

	color: #FFF;

	font: normal 2em Verdana,sans-serif;

}

.topdesc h2 {

	color: #06C;

	font: normal 2em Verdana,sans-serif;

	font-weight: bold;

	text-align: center;

}

/* navigation */

.navigation {

	float: left;

	height: 92px;

	margin-left: 24px;

	padding: 0 16px;

}

.navigation a {

	color: #FFF;

	float: left;

	font: bold 1.2em "Trebuchet MS",sans-serif;

	margin-top: 56px;

	padding: 8px 18px;

	text-align: center;

	text-decoration: none;

}

.navigation a:hover {

	background-color: #4A91C3;

	color: #FFF;

}



/* main */

.main {

	background: #FFF url(images/bgmain.gif) no-repeat;

	clear: both;

	padding: 12px 12px 0 52px;
	width: 1010px;

}



/* main left */

.sidenav {

	float: right;

	width: 200px;

}

.sidenav .ttl {

	border-bottom: 1px dashed #DDD;

	color: #E73;

	font-size: 1.2em;

	height: 20px;

	margin-top: 1.2em;
	
	font-weight: bold;

}

.sidenav ul {

	margin: 0;

	padding: 0;

}

.sidenav li { 

	border-bottom: 1px dashed #EEE;

	list-style: none;

	margin: 0;

}

.sidenav li a {

	color: #777;

	display: block;

	font-size: 0.9em;

	padding: 3px 6px 3px 18px;

	text-decoration: none;

	height: 30px;

}

.sidenav li a:hover {

	color: #06C;

	font-weight: bold;

	background: url(images/nav_li.gif) no-repeat;

}



/* content */

.content {

	float: left;

	width: 700px;

}

.content .descr {

	color: #C60;

	margin-bottom: 6px;

}

.content li {

	list-style: url(images/li.gif);

	margin-left: 18px;

}

.content tbody {
	width: 680px;
}

/* title bar */

.styled {

	border: 3px double #E5E5E5;

	padding: 2px 3px;

	background-color: #99BD6B;

	text-align: center;

}

.button {

	border: 1px solid #AAA;

	margin-left: 5px;

	padding: 2px 3px;

}



/* footer */

.footer {

	background: #0094D6 url(images/bgfooter.gif) repeat-x;

	color: #C1DEF0;

	font-size: 1.1em;

	line-height: 40px;

	text-align: center;

}

.footer a {

	color: #FFF;

	text-decoration: none;

}

.footer a:hover {

	color: #FFF;

	text-decoration: underline;

}

.rssfeeds {

	background-color: White;

	clear: both;

	padding: 0px 12px 0 52px;

}
td.rsstd {

	padding: 10px 10px 15px 10px;
	width: 680px;
	word-break: break-all;
	text-align: left;
	table-layout: fixed;
}

.wrapper {

	margin-left: 15%;

   margin-right: 15%;

}

.path {

	border-bottom: thick;

}

.path a {

	color: #06C;

}

.cen

{	

	color:#FFF;

	font-family:Verdana;

	width:100%;

	font-size:10px;

	font-weight:bold;

	text-align:center;

	text-transform:uppercase;

}

.left {



	text-align:left;

	margin:auto;

	width:200px;



}

a.sub_cat:link, a.sub_cat:visited, a.sub_cat:active {

  	text-decoration: none;

  	color: #767676;

  	background: transparent;

	font-size:11px;



}



a.sub_cat:hover {

  	text-decoration: underline;

  	color: #767676;

  	background: transparent;

	font-size:11px;



}

a.cat:link, a.cat:visited, a.cat:active {

  	text-decoration: none;

  	color: #E73;

	font-weight:bold;

	font-family:verdana;

	background:transparent url('images/folder.gif') no-repeat;

	background-position:left;

	padding-left:23px;

	font-size:13px;

}



a.cat:hover {

  	text-decoration: none;

  	color: #537BB6;

	background:transparent url('images/folder.gif') no-repeat;

	background-position:left;

	padding-left:23px;

	font-family:verdana;

	font-size:13px;

	font-weight:bold;

}



a.cat3:link, a.cat3:visited, a.cat3:active {

  	text-decoration: none;

  	color: #E73;

	font-weight:bold;

	font-family:verdana;

	background:transparent url('images/info.gif') no-repeat;

	background-position:left;

	padding-left:23px;

	font-size:13px;

	padding-bottom:2px;

	padding-top:2px;

}



a.cat3:hover {

  	text-decoration: none;

  	color: #a873b3;

	background:transparent url('images/info.gif') no-repeat;

	background-position:left;

	padding-left:23px;

	font-family:verdana;

	font-size:13px;

	font-weight:bold;

	padding-bottom:2px;

	padding-top:2px;

}



a.cat2:link, a.cat2:visited, a.cat2:active {

  	text-decoration: underline;

  	color: #E73;

	font-weight:bold;

	font-family:verdana;

	background:transparent url('images/icon.gif') no-repeat;

	background-position:left;

	padding-left:23px;

	font-size:12px;

	padding-top:3px;

	padding-bottom:3px;

}



a.cat2:hover {

  	text-decoration: underline;

  	color: #537BB6;

	background:transparent url('images/icon.gif') no-repeat;

	background-position:left;

	padding-left:23px;

	font-family:verdana;

	font-size:12px;

	padding-top:3px;

	padding-bottom:3px;

}