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

#menu
	{
	width: 152px;
	height: 360px;
	margin: 0px auto;
	z-index: 100;
	}

#menu, #menu ul					{ list-style-type: none; padding: 0px; }

#menu ul						{ position: absolute; width: 150px; margin: 0px; left: -9999px; }
#menu li 						{ text-indent: 5px; float: left; }
#menu li#home					{ background: #69f; }

#menu li, #menu li a
	{
	font-weight: bold;
	font-size: 0.92em;
	color: #ffc;
	text-decoration: none;
	line-height: 30px;
	width: 150px;
	display: block;
	cursor: pointer;
	}

#menu li li a					{ font-weight: normal; font-size: 1em; color: #556676; }

#menu :hover,
#menu :hover > a
	{
	background: url(/grfx/bg-menu-item.png);
	color: #556676;
	z-index: 500;
	}

#menu :hover ul
	{
	position: static;
	height: auto;
	margin-top: -1px;
	}

#menu :hover ul li, #menu :hover ul li a
	{
	background: none;
	text-align: left;
	text-indent: 10px;
	}

#menu li ul li:hover a,
#menu li 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;
	}


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