a/*#############################################################

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-color : #0094D6 ;

	color: #466;

	font: normal 62.5% "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(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;

}

h1,h2,h3 {

	color: #06C;

	padding-top: 6px;

}

/* misc */

.clearer {

	clear: both;

}



/* structure */

.container {

	background-image: url(img/bg.gif);

	background-repeat: repeat-x ;

	height: 130px;

	width: 100%;

}



.header{ 

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

 	height: 130px;

	width: 100%;

}



/* title */

.title {

	float: left;

	padding: 8px 0 0 76px;

	height: 25px;



}

.title h1 {

	color: #FFF;

	font: normal 2em Verdana,sans-serif;

	padding: 7px 55px;

	height:25px;

}



.welcomeHeading{

	font-size: 2em; 

	margin-bottom: 4px;

	color: white;

	padding-left:70px; 

	height:25px;

/*	overflow: hidden; */

}

.welcomeHeading2{

	font-size: 1.0em; 

	color:white; 

	padding-left:70px; 

	height:16px; 

	overflow: hidden;

}



/* navigation */

.navigation {

	float: left;

	height: 32px;

	margin-left: 70px;

	margin-right: 70px;

	width: 100%;

}

.navigation a {

	color: #FFF;

	float: left;

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

	margin-top: 40px;

	padding: 8px 20px;

	text-align: right;

	text-decoration: none;

}

.navigation a:hover {

	background-color: #4A91C3;

	color: #FFF;

}



/* 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 {

	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;

}

.sidenav li a:hover {

	color: #111;

	background: 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 {

	list-style: url(img/li.gif);
font-size:1.2em;
margin:10px 18px 0px 0px; 
}



/* search form */

.styled {

	border: 3px double #E5E5E5;

	padding: 2px 3px;

}

.button {

	border: 1px solid #AAA;

	margin-left: 5px;

	padding: 2px 3px;

}



/*form styles (events page)*/

.legend {	font-size: 1.6em;
	font-weight: bold ;
	}



.form_ul{

	font-size: 1.5em;

}











/* footer */

.footer {

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

	color: #C1DEF0;

	font-size: 1.1em;

	line-height: 20px;

	text-align: center;

	padding-top: 10px;

	padding-bottom: 20px;



}

.footer a {

	color: #FFF;

	text-decoration: none;

}

.footer a:hover {

	color: #FFF;

	text-decoration: underline;

}