/* Global 
---------------------------------------------------------- */

* {
	padding:0;
	margin:0;
}
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
html, body { width: 100%; height: 100%; padding-bottom: 9px; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.67em;
	color: #000000;
	background: #A0C6A3 url('../images/body_bg.gif');
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin: 15px 0;
	font-size: 1em;
}
li, dd, blockquote { 
	margin-left: 30px; 
}

h1 { font-size: 2.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }

table { border-collapse: collapse; border: 0px none; }
table td { padding: 0px; vertical-align: top; text-align: left; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.last { border-bottom: none !important; border-right: none !important; margin-right: 0 !important; background: none !important; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.fleft { display: block; float: left; }
.fright { display: block; float: right; }
.bl { display: block; }
br.break { display: block; margin: 5px 0; height: 10px; line-height: 10px; }
.none
.underline { text-decoration: underline !important; }
.small { font-size: 0.9em; }
.sl { background: url('../images/slash.gif') repeat-x; margin-top: 10px; border-bottom: 1px solid #E9EAE2; height: 11px; padding-bottom: 9px }

/* Links 
---------------------------------------------------------- */


a:link {
	color: #006699;
	text-decoration: underline;
}
a:visited {
	color: #00537D;
	text-decoration: underline;
}
a:hover, a:focus, a:active {
	text-decoration: none;
}
a img { border: 0px none; }

a.more { display: block; padding-left: 20px; margin: 5px 0; line-height: 1.8em; font-style: oblique; font-weight: bold; font-size: 0.9em; background: url('../images/arrow_2.gif') no-repeat 0 50%; }
a.more-2 { display: block; background: url('../images/bullet_2.gif') no-repeat 0 50%; padding-left: 15px; font-style: oblique; font-weight: bold }
a.none { text-decoration: none !important; }

/* Layout 
---------------------------------------------------------- */

#top { background: url('../images/opaque_1.png'); text-align: center; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:3px }
.wrapper { width: 982px; margin: 10px auto; padding-bottom: 10px; }
#header, .bg { background: url('../images/bg.gif'); }
#header { padding: 4px 10px 10px; }
#content { width: 100%; }
#main { width: 604px; }
#main .bg { padding: 10px 11px; background-position: -1px 0; }
#sidebar-left { width: 130px; }
#sidebar-left .bg { padding: 10px 0 10px 10px; }
#sidebar-right { width: 300px; }
#sidebar-right .bg { padding: 10px 10px 10px 0;  }
#footer { clear: both; background: url('../images/opaque_1.png');; margin-left:0; margin-right:0; margin-top:30px; margin-bottom:20px }

/* Header
---------------------------------------------------------- */

#top ul { margin: 0 auto; width: 995px; }
#top ul li { display: inline; margin: 0; list-style-type: none; background: url('../images/sep.gif') no-repeat 100% 2px;; padding-left:6px; padding-right:6px; padding-top:0; padding-bottom:0 }
#top ul li a { text-decoration: none; color: #5E5E5E; }
#top ul li a:hover { text-decoration: underline; }

#header #header-inner { background: url('../images/header_bg.jpg') repeat-x 0 6px; }
#header #header-inner2 { padding-left: 14px; background: url('../images/header_bg_2.jpg') no-repeat 0px 6px; }
#header #logo { float: left; width: 440px; height: 83px; margin-bottom: 10px; background: url('../images/logo.gif'); text-indent: -99999px }
#header #logo a { display: block; width: 100%; height: 100%; }
#header #banner { float: right; margin-top: 6px; }
#header #banner img { display: block; }
#header #text { background: url('../images/arrow_1.gif') no-repeat 0 97px; color: #000000; padding-left:12px; padding-right:20px; padding-top:93px; padding-bottom:0 }

#portal { margin: 4px 0; padding: 4px; background: url('../images/opaque_2.png'); }
#portal #search { height: 56px; float: left; width: 422px; background: #FFF; }
#portal #sections { float: right; width: 541px; background: #FFF; }

#search { margin: 0; padding: 0; }
#search fieldset { position: relative; border: 0px none; margin: 0; padding-left:8px; padding-right:8px; padding-top:8px; padding-bottom:0 }
#search fieldset legend { display: none; }
#search label { position: relative; display: block; float: left; height: 29px; width: 29px; margin: 0px; background: url('../images/search.gif') no-repeat; text-indent: -4000px }
#search .searchbox { border-left:1px solid #B3B9C3; border-right:0px solid #B3B9C3; border-top:1px solid #B3B9C3; border-bottom:1px solid #B3B9C3; float: left;	width: 285px;	background: #F6F6F6; font-size: 14px; color: #1986DD; margin-left:-29px; margin-right:-3px; margin-top:0; margin-bottom:0; padding-left:30px; padding-right:13px; padding-top:2px; padding-bottom:2px }
#search #search-submit { width: 72px; height: 22px; border: 0px none; background: url('../images/b_search.gif'); cursor: pointer }
#search div { margin-bottom: 6px; padding: 0 16px 0 8px; }
#search span { position: relative; border-bottom: 1px dashed #000; padding-bottom: 1px; cursor: pointer; }

#sections ul { margin: 0; padding: 5px 20px 6px 20px; }
#sections ul li { float: left; margin: 0; width: 25%; line-height: 15px; list-style-type: none; }
#sections ul li a { display: block; padding-left: 13px; background: url('../images/minus.gif') no-repeat 5px 55%; text-decoration: none; color: #000 }
#sections ul li a:hover { background: #398BCD url('../images/minus_white.gif') no-repeat 5px 55%; color: #FFF }

/* Content
---------------------------------------------------------- */

p img.fleft { margin-right: 15px; margin-bottom: 15px; }

.column-left { float: left; width: 285px; text-align: justify; }
.column-right { float: right; width: 285px; text-align: justify; }

.block { position: relative; padding: 6px 7px; background: #FFF; }
.block p { margin: 6px 0; margin-bottom: 0; }
.block h1 { position: relative; height: 32px; line-height: 32px; margin: 0 0 0 0; padding-left: 4px; color: #FFF; background-repeat: repeat-x; font-size: 14px; font-family: Arial; text-transform: uppercase; }
.block img { margin-top: 2px; }
.block  span { float: right; position: absolute; top: -6px; right: 0px;  }
.block h1 img { margin-top: 6px; }
.block h1 span img { margin: 0; }
.block a { color: #666666 !important; }
.block a span { text-decoration: none !important; }

.green h1 { background-image: url('../images/heading_bg_green.gif'); }
.green a:hover { color: #009966 !important; }
.orange h1 { background-image: url('../images/heading_bg_orange.gif'); }
.orange a:hover { color: #CC6600 !important; }
.blue h1 { background-image: url('../images/heading_bg_blue.gif'); }
.blue a:hover { color: #666699 !important; }
.olive h1 { background-image: url('../images/heading_bg_olive.gif'); }
.olive a:hover { color: #996600 !important; }

.block-2 { padding: 10px 15px 10px; background: #FFF; }
.block-2 h2 { padding-left: 18px; background: url('../images/bullet.gif') no-repeat 0 50%; color: #006699; font-size: 1.1em; margin-left:-15px; margin-right:0; margin-top:0; margin-bottom:15px }
.block-2 h2 a { text-decoration: none !important; }
.block-2 h3 { padding-left: 18px; background: url('../images/bullet.gif') no-repeat 0 50%; color: #006699; font-size: 1em; font-weight: normal; margin-left:-15px; margin-right:0; margin-top:0; margin-bottom:15px }
.block-2 h3 a { text-decoration: none !important; font-weight: bold; }
.block-2 h3 span { color: #CCCCCC; }
.block-2 p { text-align: justify; }
.info { clear: both; color: #CCCCCC; }
.info .fleft img { vertical-align: middle; }
.info .fright { color: #CCCCCC; font-size: 0.9em; }
.info .fright a { color: #CCCCCC; text-decoration: none; }
.info .fright a:hover { text-decoration: underline; }

.latest-mp3 p { text-align: center; }
.latest-mp3 a { display: block; float: left; margin: 0 2px; width: 90px; text-decoration: none !important; }
.latest-mp3 a img { width: 90px; }
.latest-mp3 a:hover { color: #666666 !important; }
.latest-mp3 span { display: block; margin: 4px 0; font-size: 9px; text-align: left; }

#pages { line-height: 30px; margin: 30px 250px 0px 130px; text-align: center; }
#pages a { padding: 3px 5px; background: #FFF; border: 1px solid #4E4E4E; font-size: 0.9em; text-decoration: none; }
#pages a:hover, #pages a.active { background: #0099CC; color: #FFF; }
.next, .prev { margin: 0 6px; background: none !important; border: none !important; }

/* Comments */
.comment { position: relative; clear: both; margin-bottom: 10px; }
.comment .userpic { float: left; margin-bottom: 10px; }
.comment .comment-entry { margin-left: 120px; }
.comment .comment-options { clear: both; margin-top: 0px; text-align: right; color: #CCCCCC; font-size: 0.9em; }
.comment .comment-options a { color: #CCCCCC; }

/* Sidebar (Left)
---------------------------------------------------------- */

#menu ul { margin: 10px 0; padding-right:450px; }
#menu ul ul { display: none; }
#menu ul li { list-style-type: none; margin-left: 0; }
#menu ul li a { background: url('../images/plus.gif') no-repeat 0 50%; padding-left: 10px; text-decoration: none }
#menu ul li.active a { background-image: url('../images/minus.gif'); }
#menu ul li.active ul { display: block; margin: 1px 0; }
#menu ul li.active ul li { margin-left: 13px; }
#menu ul li.active ul li a:hover { color: #009966 !important; }
#menu ul li a:hover { text-decoration: underline; color: #666666 !important; }
#hintbox {
	text-align:left;
	width:150px;
	font-size: 10px ;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	-moz-opacity: 0.9;
	filter:alpha(opacity="90");
	layer-background-color:#a396d9;
	color:#282828;
	z-index: 3;
	margin: 0px 15px 0px 0px;
	-moz-border-radius:5px;
	margin: 0px 0 0 0px;
	//margin-top: -10px;
	left: 0px;
	padding:3px 5px;
	position:absolute;
	visibility:hidden;
	z-index: 3;
}


/* Sidebar (Right)
---------------------------------------------------------- */

#login div { position: relative; }
#login form { position: relative; left: 3px; }
#login div.input { width: 162px; margin: 3px 0; background: url('../images/input_bg.gif');; padding-left:3px; padding-right:3px; padding-top:2px; padding-bottom:2px }
#login fieldset { background: url('../images/login_bg.jpg') no-repeat 100% 4px; border: 0px none; }
#login div.buttonrow { margin: 14px 0 7px 0; }
#login div.buttonrow input { vertical-align: middle; }
#login div.buttonrow #enter { width: 69px; height: 16px; margin-left: 16px; color: #FFF; font-size: 0.8em; font-weight: bold; border: 0px none; background: url('../images/b_bg.gif') no-repeat; cursor: pointer } 
#username, #password { width: 162px; padding-left: 3px; border: 3px solid #CA8835; }
label.overlabel { color:#7D0D00; position: absolute; top: -8px; left: 15px; }
label.overlabel-apply { position:absolute; top: -8px; left:15px; z-index:1; color:#7D0D00; }
#login p { margin-bottom: 13px; }


/* Footer 
---------------------------------------------------------- */

#footer .wrapper { padding: 0; margin: 0 auto; }
#copyright { float: left; width: 370px; font-size: 0.9em; padding: 10px 0 10px 46px; }
#copyright a, #copyright a:visited { color: #000; }
#counters { float: right; }
#counters img { margin: 6px 3px 2px 3px; }

.rating {
	color: #757575;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	width: 85px;
	height: 16px;
}
.unit-rating {
	margin: 0px;
	padding: 0px;
	width: 85px;
	height: 16px;
	position: relative;
	background-image: url('../dleimages/rating.gif');
	background-position:  left top;
	background-repeat: repeat-x; list-style-type:none
}
.unit-rating li {
	text-indent: -90000px;
	padding: 0px;
	margin: 0px;
	float: left;
}
.unit-rating li a {
	display: block;
	width: 17px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 17;
	position: absolute;
	padding: 0px;
}
.unit-rating li a:hover {
	background-image: url('../dleimages/rating.gif');
	background-position: left center;
	z-index: 2;
	left: 0px
}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 17px; }
.unit-rating a.r2-unit { left: 17px; }
.unit-rating a.r2-unit:hover { width: 34px; }
.unit-rating a.r3-unit { left: 34px; }
.unit-rating a.r3-unit:hover { width: 51px; }
.unit-rating a.r4-unit { left: 51px; }	
.unit-rating a.r4-unit:hover { width: 68px; }
.unit-rating a.r5-unit { left: 68px; }
.unit-rating a.r5-unit:hover { width: 85px; }
.unit-rating li.current-rating {
	background-image: url('../dleimages/rating.gif');
	background-position: left bottom;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1
}

.f_textarea {
	color: #757575;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	background-image: url('../images/dlet_field_o.gif');
	background-repeat: repeat-x;
	
	width: 459px;
	height: 156px;
	border: 1px solid #e0e0e0
}

.f_input {
	color: #757575;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	background-image: url('../images/dlet_field_o.gif');
	background-repeat: repeat-x;
	
	width: 300px;
	height: 14px;
	border: 1px solid #e0e0e0
}

.editor_button {
	float: left;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
}

.editbclose {
	float: right;
	cursor: pointer;
}