@charset "utf-8";
/* 	CSS Document 
	Create by Rudi <http://www.balisidenotes.com>
*/

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
body {
	background-color: #1a1a1a;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}
strong {
	font-weight: bold;
	color: #fcd400; 
}
table {
	border-collapse: collapse;
	}
h1,h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: 1px dotted #fcd400;
	color: #fcd400;
	background: url(images/bulet.gif) right center no-repeat;
}
h3 {
	margin-bottom: 10px;	
	border-bottom: 1px dotted #fcd400;
}
h3 a:link {
	color: #fcd400;
	text-decoration: none;
}
h3 a:visited {
	color: #fcd400;
	text-decoration: none;
}
h3 a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
h3 a:active {
	color: #fcd400;
	text-decoration: none;
}
a:link {
	color: #fff;
	text-decoration: none;
}
a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
a:active {
	color: #fff;
	text-decoration: none;
}
/* Main Wrapper aka place for content*/
#wrapper {
	width: 899px;
	margin: auto;
	text-align: left;
	background: #0d0d0d;
}
#header {
	width: 899px;
	height: 254px;
	background: url(images/loadingAnimationv3.gif) center center no-repeat #000;
	color: #000;
}
#content {
	width: 899px;
	float: right;
	margin: auto;
	background: #0d0d0d;
}
#leftbar {
	width: 216px;
	text-align: left;
	margin-left: 10px;
}
#main-text {
	width: 619px;
	float: right;
	margin-right: 10px;
	line-height: 18px;
}
/* Main Wrapper aka place for content*/

/* Left Wrapper aka place for content*/
#logo {
	height: 123px;
	background: url(images/logo.gif) left top no-repeat;
	margin-bottom: 15px;
}
#navigation-top {
	height: 55px;
	background: url(images/navigation-top.gif) left top no-repeat;
}
#navigation {
	background: url(images/bg-nav.gif) left top repeat-y;
	color: #000000;
	padding: 0 13px;
}
#navigation ul {
	margin: 0;
	padding: 0;
}
#navigation li {
	list-style: none;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	line-height: 34px;
	background: url(images/logo-bulet.gif) left center no-repeat;
}
#navigation-btm {
	background: url(images/navigation-btm.gif) left top no-repeat;
	height: 16px;
	margin-bottom: 20px;
}
/* Left Wrapper aka place for content*/

/* right Wrapper aka place for content*/
#top-menu {
	height: 31px;
	background: url(images/polow-menu.jpg) left top no-repeat;
	margin-bottom: 30px;
	padding-left: 20px;
}
/* right Wrapper aka place for content
#top-menu ul {
	margin: 0;
	padding: 0;
}
#top-menu li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	line-height: 31px;
	list-style: none;
	font-size: 13px;
	font-weight: bold;
	padding: 0 15px;
	color: #000000;
	
}
*/
/* right Wrapper aka place for content*/

/* footer Wrapper aka place for content*/
#footer {
	height: 276px;
	background: url(images/polow-footer.jpg) left top no-repeat;
	clear: both;
}
#footer-left {
	width: 216px;
	text-align: center;
	float: left;
	padding-top: 13px;
	font-size: 11px;
}
#footer-right {
	width: 617px;
	text-align: left;
	float: right;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 25px 5px 10px 45px;
	color: #c4c4c4;
}
#copyright {
	clear: both;
	text-align: center;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 170px;
}
/* footer Wrapper aka place for content*/

/* class */
#navigation a:link {
	color: #000;
	text-decoration: none;
}
#navigation a:visited {
	color: #000;
	text-decoration: none;
}
#navigation a:hover {
	color: #FF0000;
	text-decoration: none;
}
#navigation a:active {
	color: #000;
	text-decoration: none;
}

#top-menu a:link {
	color: #000;
	text-decoration: none;
}
#top-menu a:visited {
	color: #000;
	text-decoration: none;
}
#top-menu a:hover {
	color: #FF0000;
	text-decoration: none;
}
#top-menu a:active {
	color: #000;
	text-decoration: none;
}
.post {
	text-align: justify;
}
/* class */

/* Dropdown Menu */
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300; width:100%; font-weight:bold; line-height: 30px;} 
#dropmenu a {display:block; color:#686868; text-decoration:none;} 
#dropmenu a:hover {color: #ff0000;} 
#dropmenu li {float:left; position:relative; padding: 0 15px;} 
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;} 
#dropmenu ul a {border-left:1px solid #333333;} 
#dropmenu li ul {border:1px solid #000; width:14.1em; background: #333333;} 
#dropmenu li ul a {width:12em; height:auto; float:left;} 
#dropmenu ul ul {top:auto;} 
#dropmenu li ul ul {left:12em; margin:0 0 0 10px;} 
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}  
/* Dropdown Menu */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */