/*#############################################################
Name: Transparentia
Date: 2006-08-20
Description: Simple, lightweight and slightly blue.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #36C;
}
a:hover {
	color: #06F;
}
body {
	background: #EEE url(img/bg1.gif);
	color: #444;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
	text-align: -moz-center;
}
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: 16px;
	margin-bottom: 4px;
	color:#1E316B;
}
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;
}
#dropmenudiv {
	BORDER-RIGHT: #f77424 0px solid; 
	BORDER-TOP: #f77424 0px solid; 
	Z-INDEX: 100; 
	FONT: 11px/18px Tahoma; 
	BORDER-LEFT: #f77424 0px solid; 
	BORDER-BOTTOM: #f77424 0px solid; 
	POSITION: absolute
}
#dropmenudiv A {
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 4px; 
	FONT: 11px Tahoma; 
	WIDTH: 100%; 
	COLOR: white; 
	TEXT-INDENT: 9px; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #6677E3 1px solid; 
	TEXT-ALIGN: left; TEXT-DECORATION: none
}
#dropmenudiv A:hover {
	FONT-WEIGHT: bold; COLOR: White; BACKGROUND-COLOR: #353a74
}

#menu {
	WIDTH: 150px; COLOR: #00008b; FONT-FAMILY: Verdana, Arial, sans-serif
}
#menu A:link {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: normal; PADDING-BOTTOM: 4px; MARGIN: 1px 0px; WIDTH: 150px; COLOR: #003366; PADDING-TOP: 4px; FONT-FAMILY: Verdana, Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
#menu A:visited {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: normal; PADDING-BOTTOM: 4px; MARGIN: 1px 0px; WIDTH: 150px; COLOR: #003366; PADDING-TOP: 4px; FONT-FAMILY: Verdana, Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
#menu A:hover {
	COLOR: #a52a2a; TEXT-DECORATION: none
}
#topmenu {
	PADDING-RIGHT: 1em; FONT-WEIGHT: bold; PADDING-TOP: 1em; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-ALIGN: right
}
#topmenu A:link {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 0.8em; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 0.8em; PADDING-BOTTOM: 0.3em; BORDER-LEFT: #666666 1px solid; COLOR: #ffffff; PADDING-TOP: 0.3em; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
#topmenu A:visited {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 0.8em; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 0.8em; PADDING-BOTTOM: 0.3em; BORDER-LEFT: #666666 1px solid; COLOR: #ffffff; PADDING-TOP: 0.3em; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
#topmenu A:hover {
	BORDER-RIGHT: #90200a 1px solid; PADDING-RIGHT: 0.8em; BORDER-TOP: #90200a 1px solid; PADDING-LEFT: 0.8em; PADDING-BOTTOM: 0.3em; BORDER-LEFT: #90200a 1px solid; COLOR: #ffffff; PADDING-TOP: 0.3em; BORDER-BOTTOM: #90200a 1px solid; BACKGROUND-COLOR: #90200a; TEXT-DECORATION: none
}

pscroller1{float:left;width: 14px;height: 150px;border: 0px solid black}

cite {
	background: url(img/quote.gif) no-repeat;
	color:#1E316B;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}
h1,h2,h3 
{
	font-family:Calibri; 
	color:#1E316B;
	padding-top: 6px;
	padding-left: 6px;

}

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

/* structure */
.container {
	background: url(img/bgcontainer.gif) repeat-y;
	padding-bottom: 6px;
}
.header {
	background: url(img/MainBanner3.jpg) repeat-x;
}

/* title */
.title h1 {
	color: #FFF;
	height: 117px;
	line-height: 150px;
	margin-bottom: 8px;
	text-align: center;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 3em;
    font-family: Verdana, sans-serif;
}

/* 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: 0px;
}
.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: 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 0px 3px 0px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: #111;
}

/* content */
.content {
	float: right;
}
.content .item {
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
}
.content .descr {
	color: #333;
	margin-bottom: 6px;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 0px;
}

/* search form */
form {
	padding: 0 0 0px 0px;
}
.styled {
	border: 1px solid #DDD;
	padding: 4px;
}
.button {
	background: url(img/search.gif) no-repeat left bottom;
	border: none;
	height: 27px;
	width: 27px;
}

/* footer */
.footer {
	background: #FFF;
	border: 1px solid #EEE;
	color: #666;
	font-size: 1.1em;
	margin: 0 ;
	text-align: center;
	width: 720px;
}
.footer a {
	color: #36C;
	text-decoration: none;
}
.footer a:hover {
	color: #06F;
	text-decoration: underline;
}
#pscroller1
{
    float:left;
    width: 150px;
    height: 150px;
    border: 0px solid black;
    padding: 10px;
    /*background-color: #FFF;*/
}
#menu {
	WIDTH: 150px; 
	COLOR: #00008b; 
	FONT-FAMILY: Verdana, Arial, sans-serif
}
#menu A:link {
	PADDING-RIGHT: 3px; 
	DISPLAY: block; 
	PADDING-LEFT: 8px; 
	FONT-WEIGHT: normal; 
	PADDING-BOTTOM: 4px; 
	MARGIN: 1px 0px; 
	WIDTH: 150px; 
	/*COLOR: #003366;*/ 
	PADDING-TOP: 4px; 
	FONT-FAMILY: Verdana, Arial, sans-serif; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none
}
#menu A:visited {
	PADDING-RIGHT: 3px; 
	DISPLAY: block; 
	PADDING-LEFT: 8px; 
	FONT-WEIGHT: normal; 
	PADDING-BOTTOM: 4px; 
	MARGIN: 1px 0px; 
	WIDTH: 150px; 
	COLOR: #003366; 
	PADDING-TOP: 4px; 
	FONT-FAMILY: Verdana, Arial, sans-serif; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none
}
#menu A:hover {
	COLOR: white; 
	TEXT-DECORATION: none
}
#topmenu {
	PADDING-RIGHT: 1em; 
	FONT-WEIGHT: bold; 
	PADDING-TOP: 1em; 
	FONT-FAMILY: Verdana, Arial, sans-serif; 
	TEXT-ALIGN: right
}
#topmenu A:link {
	BORDER-RIGHT: #666666 1px solid; 
	PADDING-RIGHT: 0.8em; 
	BORDER-TOP: #666666 1px solid; 
	PADDING-LEFT: 0.8em; 
	PADDING-BOTTOM: 0.3em; 
	BORDER-LEFT: #666666 1px solid; 
	COLOR: #ffffff; 
	PADDING-TOP: 0.3em; 
	BORDER-BOTTOM: #666666 1px solid; 
	BACKGROUND-COLOR: #000000; 
	TEXT-DECORATION: none
}
#topmenu A:visited {
	BORDER-RIGHT: #666666 1px solid; 
	PADDING-RIGHT: 0.8em; 
	BORDER-TOP: #666666 1px solid; 
	PADDING-LEFT: 0.8em; 
	PADDING-BOTTOM: 0.3em; 
	BORDER-LEFT: #666666 1px solid; 
	COLOR: #ffffff; 
	PADDING-TOP: 0.3em; 
	BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
#topmenu A:hover {
	BORDER-RIGHT: #90200a 1px solid; 
	PADDING-RIGHT: 0.8em; 
	BORDER-TOP: #90200a 1px solid; 
	PADDING-LEFT: 0.8em; 
	PADDING-BOTTOM: 0.3em; 
	BORDER-LEFT: #90200a 1px solid; 
	COLOR: #ffffff; 
	PADDING-TOP: 0.3em; 
	BORDER-BOTTOM: #90200a 1px solid; BACKGROUND-COLOR: #90200a; TEXT-DECORATION: none
}