/* general stuff */


	body{
	margin:0;
	padding:0;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	background-image: url(../images/bg_main.jpg); /* needed for IE ;( */
	background-repeat:repeat-x;
	}

	a {
	text-decoration:  none;
	font-weight: bold;
	color: #666
	 }
	a:hover {
	text-decoration:  underline; 
	color: #666;
	 }


	H1 {
		color: #666666;
		font-size: 16px;
	}

	H2 {
		color: #666666;
		font-size: 14px;
		font-weight: normal;
	}

	H3 {
		color: #333333;
		font-size: 12px;
		font-weight: normal;
	}

	H4 {
		color: #333333;
		font-size: 10px;
		font-weight: bold;
	}

	#search {
	margin: 0px;
	padding: 0px;
	width: 148px;
	height: 28px;
	padding-left: 10px;
	padding-top: 20px;
	vertical-align: top;
	}

	#search .inputbox{
	width: 100px;
	height: 18px;
	font-size: 10px;
	background: transparent;
	border: #666;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	}


	#search .button{
	margin: 0px;
	padding: 0px;
	height: 14px;
	font-size: 10px;
	background: transparent;
	border: none;
	line-height: 10px;
	}

	#search form {
	margin: 0px;
	padding: 0px;
	}


	#pathway{ 
	width: 500px;
	height: 19px;
	padding-left: 20px;
	padding-top: 5px;
	}
	 
	iframe.wrapper {
	 z-index: 0;
	 }
	 
	.clr{clear:both;}
	.content {
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 18px;
	}

	table.moduletable th {
		padding: 5px;
		color: #666;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 2px;
	}

	/* Topmenu */

	 ul#mainlevel-nav
	{
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
	white-space: nowrap;
	}

	ul#mainlevel-nav li{
	width: auto;
	width: 80px;	/* Perhaps you need to modify this if you use too long item names */
	float: right;
	margin: 0;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	padding-left: 0px;
	padding-right: 5px;
	}

	ul#mainlevel-nav li a{
	font-weight: normal;
	height: 40px;
	display: block;
	text-align:center;
	text-decoration: none;
	text-transform:uppercase;
	text-indent: 5px;
	color: #666;
	white-space: nowrap;
	background-image: url(../images/bg_topmenu.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}

	ul#mainlevel-nav li a#active_menu{
	font-weight: normal;
	height: 40px;
	display: block;
	text-align:center;
	text-decoration: underline;
	text-transform:uppercase;
	color: #666;
	white-space: nowrap;
	background-image: url(../images/bg_topmenu_active.gif);
	background-repeat: no-repeat;
	}
	ul#mainlevel-nav li a:hover{
	font-weight: normal;
	height: 40px;
	display: block;
	text-align:center;
	text-transform:uppercase;
	color: #666;
	white-space: nowrap;
	background-image: url(../images/bg_topmenu_hover.gif);
	background-repeat: no-repeat;
	}


	/* Main Menu(s) */

	a.mainlevel {
	clear:right;
	font-size: 12px;
	color: #666;/
	width: 170px;
	display: block;
	line-height: 20px;
	text-indent: 10px;
	margin-left: 10px;
	text-decoration: none;
	font-weight: normal;
	voice-family:"\"}\""; /* Box Model fix */
	voice-family:inherit;
	width: 170px;
	border-bottom: 1px dotted #333;
	}

	html>body a.mainlevel {width:170px;} /* Opera5-Fix-fix ;-) */


	a.mainlevel:hover {
	background-color:#F9E79B;
	border-bottom: 1px dotted #333;
	text-decoration: none;
	color: #666;
	}

	a.mainlevel#active_menu {
	background-image:url(../images/mainmenu_active.jpg);
	text-decoration: none;
	font-weight: bold;
	color: #666;
	}


	a.sublevel {
	padding: 0px;
	color: #666;
	margin-left: 15px;
	font-size: 11px;
	width: 160px;
	background-color: #EBEBEB;
	display: block;
	line-height: 20px;
	text-decoration: none;
	text-indent: 15px;
	font-weight: normal;
	/*voice-family:"\"}\""; /* Box Model fix */
	/*voice-family:inherit;*/
	width: 160px;
	border-bottom: 1px dotted #666;
	}

	html>body a.sublevel {width:160px;} /* Opera5-Fix-fix ;-) */

	a.sublevel:hover, a.sublevel#active_menu {
	text-decoration: none;
	width: 16px;
	background-color:#d7d7d7;
	text-indent: 15px;
	color: #F90;
	/*voice-family:"\"}\""; /* Box Model fix */
	/*voice-family:inherit;*/
	width: 160px;
	border-bottom: 1px dotted #666;
	}
	html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
	width: 160px;
	}


	/* Other Joomla! Stuff */

	#title { 
	font-size:14px; 
	font-weight:bold;
	}
	.pathway {
	color: #666;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	}

	.pathway a{
	color: #666;
	text-decoration: none;
	font-weight: normal;
	}

	.mosimage {
	  border: 1px solid #cccccc;
	  margin: 5px
	}

	.mosimage_caption {
	  margin-top: 2px;
	  background: #efefef;
	  padding: 1px 2px;
	  color: #666;
	  font-size: 10px;
	  border-top: 1px solid #cccccc;
	}

	hr {
	width:  90%; 
	 }
	hr.separator {
	width:  40%; 
	 }
	a.pnav {
	}
	.pnav:hover {
	}
	.small {
	font-size: 10px;
	color: #ABABAB;
	line-height: 0.7;
	}
	.smalldark {
	font-size: 10px;
	color: #000;
	height: 10px;
	line-height: 10px;
	text-align: left;
	}

	.sectiontableentry1 {
	text-align: left;
	background: #EFEFEF;
	font-size: 11px;
	padding: 2px;
	}
	.sectiontableentry2 {
	background: #FFF;
	font-size: 11px;
	text-align: left;
	padding: 2px;
	}
	.button {
	border: 1px solid #BBBBBB;
	}
	.inputbox {
	border: 1px solid #BBBBBB;
	}

	.createdate {
	font-size: 10px;
	color: #ABABAB;
	height: 10px;
	line-height: 0.7;
	}
	.modifydate {
	font-size: 10px;
	color: #ABABAB;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	}
	a.readon {
	font-size: 10px;
	text-decoration: none;
	line-height: 15px;
	border: 1px solid #EEEEEE;
	padding-left: 13px;
	background: url(../images/readon.gif) no-repeat left;
	margin-top: 10px;
	text-decoration: none;
	font-weight: normal;
	}

	.blog_more {
	font-size: 10px;
	}

	a.readon:hover {
	background: #EEEEEE url(../images/readon.gif) no-repeat left;
	text-decoration: none;
	}

	.blog {
	width: 100%;
	}

	.lable {
		font-size: 12px;
	}

	.contentheading {
	width: 98%;
	font-weight: normal;
	font-size: 16px;
	letter-spacing:2px;
	height: 23px;
	line-height: 20px;
	border-bottom: 1px solid #666;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	color: #666;
	}

	.contentpaneopen {
	text-align: left;
	background: transparent;
	font-size: 12px;
	line-height: 1.8;
	}

	table.contentpane td.contentheading {
	font-weight: bold;
	font-size: 16px;
	height: 23px;
	line-height: 20px;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	border: none;
	}

	table.contentpane ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

	table.contentpane ul li{
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
	}

	.contentdescription {
	font-size: 12px;
	}
	.sectiontableheader {
	font-weight: bold;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	}
	.categorytitle {
	font-weight: bold;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
	font-family: "Trebuchet MS", Verdana, sans serif;
	}
	.componentheading {
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 2px;
	height: 23px;
	line-height: 20px;
	font-family: "Trebuchet MS", Verdana, sans serif;
	border-bottom: 1px solid #666;
	color: #666;
	margin-bottom: 5px;
	}
	a.category {
	text-decoration:  underline; 
	 }
	a.category:hover {
	text-decoration:  underline; 
	 }
	table.moduletable {
	width:  100%; 
	font-size: 80%;
	 }
	/*
	table.moduletable th  {
	font-size: 90%;
	}
	*/
	.poll {
	font-size: 10px;
	text-align: center;
	}


	.back_button a{
	font-size: 10px;
	font-weight: normal;
	}

	.blogsection {
	font-size: 11px;
	}

	.blog_more ul li{
	list-style: none;
	padding-left: 14px;
	line-height: 18px;
	}

	table.contenttoc {
	border: 1px solid #CCCCCC;
	padding: 3px;
	}

	table.contenttoc th{
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #BBBBBB;
	}

	form {
	margin: 0px;
	padding: 0px;inlevel
	}






	/* BEGIN OF DIVS */
	#panorama{
	position:absolute;
	top:100px;
	left:109px;
	height:100px;
	width:742px;
	z-index:20;
	}

	#panorama_subtitle {
	position:absolute;
	top:201px;
	left:109px;
	width:736px;
	padding-left:3px;
	padding-right:3px;
	z-index:20;
	font-size:6pt;
	font-color:#444444;
	text-align:right;
	}

	#main {
		position:absolute;
		left: 0px; top: 0px; width: 100%; height: 100%;
		margin: 0px;
		padding: 0px;
		z-index:1;
	}

	.main {
		background-image: url(../images/bg_main.jpg);
		background-repeat:repeat-x;
		z-index:2;
	}

	#leftshadow {
		position: absolute;
		left: 100px; top:0px; width: 9px; height: 511px;
		background-image: url(../images/leftshadow.jpg);
		background-repeat:no-repeat;
		z-index:3;
	}

	#center {
		position: absolute;
		left: 110px; top: 0px; width: 750px; height: 511px;
		background-image: url(../images/bg_center.jpg);
		background-repeat:repeat-x;
		z-index:4;
	}

	#header {
		position:absolute;
		left: 0px; top: 0px; width: 750px; height: 100px;
		z-index:5;
	}

	#logo {
		position: absolute;
		left: 135px; top: 10px; width: 155px; height: 72px; /* you need to modify this if your logo has other dimensions */
		background-image: url(../images/logo.gif);          /* this is your logo */
		background-repeat:no-repeat;
		z-index:13;
	}

	#topmenu {
		position: absolute;
		left: 250px; top: 10px; width: 580px; height:40px;
		z-index:6;	
	}

	#intro {
		position: absolute;
		left: 210px; top: 20px; width: 250px; height: 50px;
		z-index: 12;
	}

	#maincontent {	
		position: absolute;
		left: 100px; top:211px; width: 520px; height: auto;
		padding: 5px;
		z-index:7;
	}

	#content {
		position: absolute;
		left: 110px; top: 211px; width: 520px; height: auto;
		padding: 5px;
		z-index:8;
	}

	#right {
		position: absolute;
		left: 645px; top: 211px; width: 200px; height: auto;
		margin-top: 10px;
		margin-right: 5px;
		border-left:1px dotted #333;
		padding-left: 10px;
		z-index:9;
	}

	#rightshadow {
		position: absolute;
		left: 850px; top: 0px; width: 11px; height: 511px;
		background-image: url(../images/rightshadow.jpg);
		background-repeat:no-repeat;
		z-index:10;
	}

	#footer1 {
		position: relative;
		left: 20px; top: 30px; width: 170px;
		z-index:11;
		font-size:9px;
		font-weight: normal;
		color: #D7D7D7;
	}