/* --------------------------------------- */
/* GENERAL */
/* --------------------------------------- */

html,body				{ margin: 0px; padding: 0px; }

body
	{
	background-color: #fff;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 0.8em;
	color: #000;
	}

div#wrapper
	{
	position: relative;
	width: 950px;
	margin: 0px auto;
	padding: 0px;
	}

.debug					{ border: 1px solid #f00; }

.button					{ cursor: pointer; }
.clear					{ clear: both; }

a						{ color: #00f; text-decoration: underline; }
a:hover					{ color: #f90; text-decoration: underline; }


/* ======================================= */

/* --------------------------------------- */
/* HEADER */
/* --------------------------------------- */

div#header
	{
	background: url(/grfx/bg-header.jpg) no-repeat;
	width: 100%;
	height: 172px;
	margin: 0px;
	}


/* ======================================= */

/* --------------------------------------- */
/* NAVIGATION */
/* --------------------------------------- */

#navigation
	{
	width:12em;
	height:auto;
	margin: 0px auto;
	}

ul.nav, ul ul
	{
	border:0;
	list-style-type:none;
	width:14em;
	height:22em;
	overflow:hidden;
	font-weight: bold;
	font-size:0.85em;
	color:#ffc;
	text-align:left;
	padding:0;
	margin:0;
	}

ul.nav table
	{
	border-collapse:collapse;
	font-size:1em;
	padding:0;
	margin:0;
	}

ul.nav ul 		{ margin-left:0em; }
ul.nav li		{ text-indent:0.5em; }
ul.nav li.drop	{ margin-bottom:-2px; }

ul.nav li#home	{ background: #69f; }

ul.nav li a,
ul.nav li a:visited
	{
	display:block;
	width:14em;
	height:2.2em;
	line-height:1.9em;
	color:#ffc;
	text-decoration:none;
	}

ul.nav li ul	{ display:none; }

ul.nav li:hover a,
ul.nav li a:hover
	{
	background: url(/grfx/bg-menu-item.png);
	border:0;
	font-weight:bold;
	color:#556676;
	}

ul.nav li:hover ul,
ul.nav li a:hover ul,
ul.nav li ul#highlight
	{
	background: url(/grfx/bg-menu.png);
	display:block;
	width:18em;
	height:auto;
	_height: auto;
	min-height: 8.5em;
	font-size:1em;
	margin-top:-1px;
	}

ul.nav li:hover ul li a,
ul.nav li a:hover ul li a
	{
	background: none;
	height:2em;
	font-weight:normal;
	color:#556676;
	}

ul.nav li:hover ul li:hover a,
ul.nav li a:hover ul li a:hover
	{
	background:#556676;
	color:#ffc;
	}

/* ======================================= */

/* --------------------------------------- */
/* CONTENT */
/* --------------------------------------- */

div#main
	{
	background: #b8dbfd url(/grfx/bg-main.jpg) repeat-x fixed;
	position: relative;
	height: auto;
	_height: 400px;
	min-height: 400px;
	margin: 0px;
	}

div#content
	{
	background-color: #ffffdf;
	font-size: 0.85em;
	margin: 0px;
	margin-right: 180px; /* sidebar2 */
	margin-left: 180px; /* sidebar */
	height: auto;
	_height: 400px;
	min-height: 400px;
	padding: 15px;
	}

div#content h3
	{
	font-weight: bold;
	font-size: 1.2em;
	color: #00f;
	margin: 0px;
	}

#sidebar
	{
	position:absolute;
	width:180px; /* see margin content */
	top:15px;
	left:0;
	}

#sidebar2
	{
	position: absolute;
	width:180px; /* see margin content */
	top:15px;
	right:0;

	font-size: 0.8em;
	}

#sidebar2 h3
	{
	background-color: #ffc;
	font-weight: bold;
	font-size: 0.95em;
	color: #104982;
	text-align: center;
	text-transform: uppercase;
	line-height: 1em;
	margin: 0px;
	padding: 4px;
	}

#sidebar h4, #sidebar2 h4
	{
	background-color: #69f;
	font-weight: bold;
	font-size: 0.95em;
	color: #ffc;
	text-transform: uppercase;
	margin: 0px;
	padding: 4px;
	}

.special_searchblock
	{
	position: relative;
	background-repeat:  no-repeat;
	background-position:  5px 5px;
	width: 170px;
	height: auto;
	_height: 100px;
	min-height: 100px;
	margin: 0px auto;
	padding: 4px;
	}

.special_searchblock p.clickable
	{
	width: 90px;
	height: 98px;
	position: relative;
	top: 5px;
	left: 55px;
	cursor: pointer;
	}

.special_searchblock p.clickable a, .special_searchblock p.clickable a:hover
	{
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	text-decoration: underline;
	}

.special_searchblock p.clickable a:hover
	{
	color: #ffc;
	}

.special_searchblock p
	{
	margin: 0px;
	}


/* ======================================= */

/* --------------------------------------- */
/* BREADCRUMB  */
/* --------------------------------------- */

#breadcrumb				{ font-size:0.8em; color: #666; margin-bottom: 15px; }
#breadcrumb a			{ font-weight: normal; color: #666; text-decoration: underline; }
#breadcrumb a:hover		{ font-weight: normal; color: #69f; text-decoration: underline; }

/* ======================================= */


/* --------------------------------------- */
/* FOOTER */
/* --------------------------------------- */

#footer
	{
	position: relative;
	background-color: #556676;
	clear:both;
	height:18px;
	margin: 0px;
	}


/* ======================================= */