@charset "utf-8";
body { width: 100%; background: #535353; margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
#body { background: #FFFFFF; width: 760px; text-align: left; margin: 0 auto; }
img { border: none; }
#logo { width: 760px; padding: 24px 28px 4px 28px;}
#header { position: relative; width: 760px; padding: 0 0 0 0; margin: 0; background: url("../images/header_gradient.gif") repeat-x; height: 216px; text-align: center; }
#header img { position: relative; bottom: -14px; }
#main { margin: 33px 25px 35px 25px; background: #ffffff; width: 710px; display: block; }
#search h1 { font-size: 13px; margin: 0; padding: 0 0 2px 0; }
#search .text { margin: 0 0 15px 0; padding: 0;  }
#search .checkbox { margin-bottom: 9px; }
#search .checkbox input { padding: 0; margin: 0; }
#search .submit { float: right; background-color: #b1b9bc; border: 1px solid #a9aaac; font-size: 11px; width: 42px; text-align: center; }
.bluetitle { font-size: 18px; color: #108da3; padding-bottom: 18px; font-weight: bold; }
.bluetext { color: #108da3; }
.text { border: 1px solid #666666; position: relative; }
#content { font-size: 12px; }
#content a:link { color: #108da3; text-decoration: underline; }
#content a:visited { color: #108da3; text-decoration: underline; }
#content a:hover { color: #0c5d6b; text-decoration: underline; }
#content a:active { color: #108da3; text-decoration: underline; }
#sidebarborder { border-right: 1px solid #949494; }
#sidebar { font-size: 12px; padding: 20px 26px 20px 26px; width: 174px; text-align: left; }
#sidebar a:link { color: #000000; text-decoration: none; }
#sidebar a:visited { color: #000000; text-decoration: none; }
#sidebar a:hover { color: #108da3; text-decoration: underline; }
#sidebar a:active { color: #000000; text-decoration: none; }
#footer { width: 760px; height: 50px; background: #067392; text-align: center; color: #ffffff; padding-top: 10px; }
#footer a:link { color: #ffffff; text-decoration: underline; }
#footer a:visited { color: #ffffff; text-decoration: underline; }
#footer a:hover { color: #feb300; text-decoration: underline; }
#footer a:active { color: #ffffff; text-decoration: underline; }
.forum { border-left: 1px solid #9fc4ca; }
.forum h3 { font-size: 14px; }
.forum th { color: #feb300; background-color: #108da1; border-left: 1px solid #108da1; border-right: 1px solid #108da1; font-size: 14px; white-space: nowrap; }
#forumhead a:link { color: #feb300; text-decoration: none; }
#forumhead a:visited { color: #feb300; text-decoration: none; }
#forumhead a:hover { color: #feb300; text-decoration: underline; }
#forumhead a:active { color: #feb300; text-decoration: none; }
.forum td { border-bottom: 1px solid #9fc4ca; border-right: 1px solid #9fc4ca; vertical-align: middle; }
.forum .c1 { background-color: #bedadf; }
.forum .c2 { background-color: #d6edf1; }
.forum .c1d { background-color: #bedadf; color: #666666; }
.forum .c2d { background-color: #d6edf1; color: #666666; }
.thread-rate { float: right; width: 115px; }
.star-div ul.star { list-style: none; margin: 0; padding: 0; width: 85px; height: 20px; position: relative; float: left; background: url('../images/stars.gif') repeat-x; cursor: pointer; }
.star-div li { padding: 0; margin: 0; float: left; display: block: width: 85px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0; }
.star-div li.curr { background: url('../images/stars.gif') left 25px; font-size: 1px; }
.star-div div.user { left: 15px; padding-top: 5px; position: relative; float: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #888; }

#nav {
	height: 45px; text-transform: uppercase;; font-weight: bold; text-align: center; background: url("../images/header_bottom.gif") no-repeat; color: #657477;
}

/* this is the main UL element*/
.dropdown{
    visibility:hidden;
	margin:0;
	padding:0;
	list-style:none;
	/*border-bottom:1px solid #444;*/
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	border-top:1px solid #444;
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	padding:5px;
	cursor:pointer;
	text-decoration: none;
	font-weight: bold;
	color: #6666FF;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
	text-decoration:none;
	color:#FFFFFF;
}

.dropdown a:hover{
	text-decoration:underline;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	border:1px solid #444;
	border-top:0;
	margin-left:-1px;
	background-color:#FFF;
	width:120px;
}
.dropdown li li a{
	color:#666666;
}
/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	/*background-image:url('/images/arrow_down_layer.png');
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:20px;
	width:105px;*/
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown ul li.submenu{
	/*background-image:url('/images/arrow_down_layer.png');
	background-position:center right;
	padding:5px;
	width:120px;*/
}


.pointer { cursor:pointer }

h4 { width: 100%; color: #000; font-size: 1.1em; font-weight: bold; text-transform: uppercase; padding: 8px 0 8px 10px; margin: 0; font-weight: normal; border-bottom: 1px solid #969696; position: relative;  background: #fff; }
h4 div.arrow-inactive-up {  background: #666 url('/images/arrow_up_layer.png') no-repeat bottom right; position: absolute; bottom: 0px; right: 0px; height: 19px; width: 19px; }
h4:hover div.arrow-inactive-up {  background: #666 url('/images/arrow_down_layer.png') no-repeat bottom right; position: absolute; bottom: 0px; right: 0px; height: 19px; width: 19px; }
h4 div.arrow-active-down {  background: #108DA1 url('/images/arrow_down_layer.png') no-repeat bottom right; position: absolute; bottom: 0px; right: 0px; height: 19px; width: 19px; }


/* Teaser content */
#search { padding: 20px 0 20px 26px; width: 200px; border-left: 1px solid #949494; float: right; position: relative; text-align: left; }
#content { width: 458px; margin-right: 26px; }
#teaser-container-resources { width: 510px; background-color: #ffffff; overflow: auto; }
#teaser-container { width: 760px; background-color: #ffffff; overflow: auto; }
.teaser { width: 200px; padding: 0 26px 30px 26px; float: left; font-size: 12px; }
.teaser p { margin: 5px 0; }
.teaser img { margin-bottom: 18px; }
.teaser a { float: right; }
#teaser1 h1 { color: #399413; font-size: 14px; padding: 0; margin: 0; }
#teaser1 a:link { color: #399413; text-decoration: none; }
#teaser1 a:visited { color: #399413;; text-decoration: none; }
#teaser1 a:hover { color: #399413; text-decoration: underline; }
#teaser1 a:active { color: #399413; text-decoration: none; }
#teaser2 h1 { color: #503b0e; font-size: 14px; padding: 0; margin: 0; }
#teaser2 a:link { color: #503b0e; text-decoration: none; }
#teaser2 a:visited { color: #503b0e; text-decoration: none; }
#teaser2 a:hover { color: #503b0e; text-decoration: underline; }
#teaser2 a:active { color: #503b0e; text-decoration: none; }
#teaser3 h1 { color: #108da1; font-size: 14px; padding: 0; margin: 0; }
#teaser3 a:link { color: #108da1; text-decoration: none; }
#teaser3 a:visited { color: #108da1; text-decoration: none; }
#teaser3 a:hover { color: #108da1; text-decoration: underline; }
#teaser3 a:active { color: #108da1; text-decoration: none; }

#teaser4 h1 { color: #6d1393; font-size: 14px; padding: 0; margin: 0; }
#teaser4 a:link { color: #6d1393; text-decoration: none; }
#teaser4 a:visited { color: #6d1393; text-decoration: none; }
#teaser4 a:hover { color: #6d1393; text-decoration: underline; }
#teaser4 a:active { color: #6d1393; text-decoration: none; }

a {
font-size: 12px;	
color:#108DA3;
text-decoration:none;
}

a:hover {text-decoration:underline;}