/* ******************************************* *\
 * Cascading Style Sheet File                  *
 * reeep.org  Public Website                   *
 *                                             *
 * punkt .netServices                          *
 * Author: Daniel Daxl                         *
\* ******************************************* */
/*

TABLE OF CONTENTS

Reset Elements
Search Elements
HTML Elements
Page Structure
Navigation
Sub Navigation
Topics (List)
Topic (selected Topic)
Hot Topics
Main Content
Event List
General List
World Map
Related Topics Box
Widget
Forms
Clear
Footer

   ...- @ Reset  Elements ...*/

@import "reset.css";

/* ...- @ Search Elements ...*/

@import "search.css";

/* ...- @ HTML Elements   ...*/


/**
 * keeps the scrollbar in the y-axis visible
 */

html {
overflow-y:scroll
}




body,html {
background:#fff;
font-size:98%;
height:100%;
margin:0;
padding: 0
}

body,form {
font-family:Arial, Helvetica, Georgia, Sans-serif
}

p {
color:#333333;
margin:0
}

p.date,p.lead {
font-weight:bold
}

a:link,a:visited {
color:#333333
}

a:hover,a:active {
color:#333333
}

:focus {
outline:none
}

img {
border:0;
margin:0;
padding:0
}

img, div, #map_canvas {
behavior: url(iepngfix.htc);
}

.hide {
display: none;
}

table tr.dark td {
padding: 10px 0 10px 5px;
background: #EFEFEF;
}

table tr.light td {
padding: 10px 0 10px 5px
}

/* ...- @ Page Structure ....*/
#wrapper {
width:1000px;
margin:0 auto;
padding:0
}

/* ...- @ HEADER ... */
#branding {
background:url(../images/bg_body.jpg) 0 0 no-repeat;
width:100%;
height:175px;
margin:0;
padding:0
}

h1#logo,#logo {
position:relative;
float:left;
margin:0;
background:url(../images/branding.gif) 5px 15px no-repeat;
width:190px;
height:100%
}

h1#logo a {
display:block;
width:190px;
height:100%;
text-decoration: none;
text-indent:-9000px
}

h2 {
border:0;
margin:0
}

h4 {
margin:0;
border:0
}

#general {
position:relative;
width:243px;
float:right;
margin:0
}

/* Switch Box */
#general dl {
position: relative;
float: left;
background: #fff;
margin: 5px 0 ;
border: 1px solid #ccc;
padding: 0;
font:11px Arial, Helvetica, Georgia, Sans-serif;
color: #333333
}

#general dt {
background: #f5f4f5; /*url(../images/bg_subnavigation_li.gif) 0 100% no-repeat;*/
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 4px;
color: #666;
font-weight: bold
}

#general dd {
background: #fff;
padding: 4px;
color: #333333;
font-weight: normal
}

#general dd a {
color: #26A178;
padding: 0
}

#general form {
margin:5px 0 0
}

/* Login Form */
#general #login input.text {
float:left;
width:73px;
height:20px;
background:url(../images/bg_login_textfield.gif) 0 0 repeat-x;
font:11px Arial, Helvetica, Georgia, Sans-serif;
color:#333333;
border:0;
margin-right: 5px;
padding:3px 0 0 5px
}

#general #login input.button,#general #search input.button {
background:url(../images/btn_login.gif) 0 0 no-repeat;
float:right;
font:11px Arial, Helvetica, Georgia, Sans-serif;
width:70px;
height:20px;
border:0;
margin:0 5px 0 0;
text-align:right;
padding:0 20px 0 0
}

/* Search Form */
#general #search input.text {
float:left;
width:155px;
height:20px;
background:url(../images/bg_login_textfield.gif) 0 0 repeat-x;
font:11px Arial, Helvetica, Georgia, Sans-serif;
color:#333333;
border:0;
padding:3px 0 0 5px
}

/* Newsletter Form */
#general #newsletter input.text {
float:left;
width:110px;
height:20px;
background:url(../images/bg_login_textfield.gif) 0 0 repeat-x;
font:11px Arial, Helvetica, Georgia, Sans-serif;
color:#333333;
border:0;
padding:3px 0 0 5px
}

#general #newsletter input.button {
background:url(../images/btn_newsletter.gif) 0 0 no-repeat;
float:right;
font:11px Arial, Helvetica, Georgia, Sans-serif;
width:109px;
height:20px;
border:0;
margin:0 5px 0 0;
text-align:right;
padding:0 20px 0 0
}

#general p {
display:block;
width:100%;
float:left;
font:11px Arial, Helvetica, Georgia, Sans-serif;
margin:0;
padding:2px 0 2px 2px
}

/* ...- @ Navigation ....*/
#navigation {
background:url(../images/bg_navigation.gif) left top no-repeat;
width: 1000px;
float:left;
position:relative;
list-style:none;
padding:0;
margin: -25px auto 0 auto;
}

/* GENERAL */

#navigation li {
height:40px;
float:left;
text-align: center;
padding:0
}

#navigation li a {
background:url(../images/bg_navigation_trenner.gif) left top no-repeat;
display:block;
width: auto;
font:12px Arial, Georgia, Sans-serif;
font-weight: bold;
color:#666;
text-decoration:none;
padding: 13px 10px 13px 10px;
/* padding:13px 12px 13px 13px; win optimized*/ 
/* padding: 13px 13px 13px 10px mac optimized*/
}

#navigation li a:hover {
background:url(../images/bg_navigation_hover.gif) right top no-repeat;
}

#navigation li.active a, #navigation li.active a:hover {
background:url(../images/bg_navigation_active.gif) right top no-repeat !important;
color:#fff!important
}

/* LEFT ELEMENT */

#navigation li.first a {

}

#navigation li.first, #navigation li.firstactive {
/*padding-left:18px original */
padding-left: 22px
}

/* LEFT ELEMENT (hover) */

#navigation li.first a:hover {
background:url(../images/bg_navigation_hover.gif) left top no-repeat !important
}

/* LEFT ELEMENT (active) */

#navigation li.firstactive a, #navigation li.firstactive a:hover {
background:url(../images/bg_navigation_active.gif) left top no-repeat !important;
/*padding-left:18px original */
color: #fff !important;
padding-left: 10px
}

/* LAST ELEMENT */

#navigation li.lastactive, #navigation li.last {
float: left
}

#navigation li.last a {
padding-left: 10px;
padding-right: 0
}

#navigation li.lastactive a, #navigation li.lastactive a:hover {
background: url(../images/bg_navigation_active.gif) left top no-repeat !important;
color: #fff !important;
}


/* ...- @ Sub Navigation ....*/
#navigation_container {
position: relative;
float: left;
width: 180px;
height: 520px;
border: 0;
margin: 0;
padding: 0,
}

/* 1. Position */
.sub_navigation {
float:left;
position:relative;
list-style:none;
width:160px;
padding:0;
margin:0;
border:0;
background: #fff;
}

.sub_navigation a:hover {
background:#eee;
}

.sub_navigation.special {
margin-right: 6px;
padding-top: 23px
}

ul.sub_navigation li {
display: inline;
margin:0;
}

ul.sub_navigation li a.hassubnav {
	background: #fff url(../images/hassubnav_bg.gif) center no-repeat;
}

ul.sub_navigation li a.hassubnav:hover {
	background: #fff url(../images/hassubnav_bg_hover.gif) center no-repeat;
}

ul.sub_navigation li a {
zoom: 1;
display:block;
border:1px solid #ccc;
background:url(../images/bg_subnavigation_li.gif) 0 100% no-repeat;
font-size:12px;
color:#666;
text-decoration:none;
padding:5px 13px;
margin-bottom: 2px;
}

.sub_navigation li.active a {
background: #4DB291 url(../images/bg_subnavigation_li_active.gif) 0 bottom no-repeat;
color:#fff;
font-weight:bold;
}


/* 2. Position */
.sub_navigation li.active ul {
margin:2px 0 0
}

.sub_navigation li.active ul li {
display:block;
width:100%;
border:0;
margin:1px 0;
padding:0;
}

.sub_navigation li.active ul li a {
display:block;
width:115px;
background:url(../images/bg_subnavigation_li_li.gif) 0 0!important;
color:#26A178;
padding-left:30px;
font-weight:normal;
}

.sub_navigation li.active ul li.active a {
display:block;
width:115px;
background:url(../images/bg_subnavigation_li_li.gif) 0 0!important;
color:#26A178;
padding-left:30px;
font-weight:bold;
}

/* ...- @ Topics       ....*/
#topics {
position: relative;
float: left;
padding: 23px 0 0 0;
margin: 0
}

#topics li {
/*background: url(../images/bg_topic.jpg) 0 0 repeat-y;*/
background: url(../images/bg_topic_footer.jpg) left bottom no-repeat;
list-style:none;
float:left;
width:162px;
height: 233px;
margin:0 4px 0 0;
padding:0;
border:0
}

#topics li:hover {
background: url(../images/bg_topic_footer_hover.jpg) left bottom no-repeat !important;
}

/* hover simulation for IE 6 */
#topics li.iehover {
background: url(../images/bg_topic_footer_hover.jpg) left bottom no-repeat !important;
}

#topics li.active, #topics li.active:hover {
background: url(../images/bg_topic_active.jpg) 0 0 repeat-y !important
}

#topics li a {
display:block;
text-decoration:none
}

#topics li h3 {
background: url(../images/bg_topic_headline.jpg) 0 0 no-repeat;
margin: 0;
border: 0;
height:29px
}

#topics li:hover h3 {
background:url(../images/bg_topic_headline_hover.jpg) 0 0 no-repeat!important
}

/* hover simulation for IE 6 */
#topics li.iehover h3 {
background:url(../images/bg_topic_headline_hover.jpg) 0 0 no-repeat!important
}

#topics li.active h3,  #topics li.active:hover h3 {
background: url(../images/bg_topic_headline_active.jpg) 0 0 repeat-y!important
}

#topics li h3 a {
padding:10px 0 0 35px;
border:0;
margin:0;
color:#F29100;
font-size:12px;
font-weight:normal
}

#topics li img {
width:160px;
height:122px;
margin:0 0 0 1px
}

#topics li p {
font-size:12px;
padding:5px 5px 2px
}

#topics li div.footer {
background: url(../images/bg_topic_footer.jpg) left bottom no-repeat;
height:19px;
display: none
}

#topics li.active div.footer {
display: block;
background:#e6e6e6
}

/* ...- @ Topic        ....*/

#topic {
float:left;
position:relative;
margin: 0 3px 0 0;
padding: 0;
border: none;
background: url('../images/bg_topic_bottom-left.gif') 6px bottom no-repeat
}

#topic img {
border: 1px solid #FFD128;
padding: 3px;
margin-left: 16px;
position: relative;
clear: right
}

#topic p a {
color: #333333
}

/* topic | quite_topic | list */
.ht_qht_l {
width: 471px; 
}

/* topic | list */
.ht_l {
width: 634px;
}

/* topic | quite_list */
.ht_qht {
width: 818px;
}

/* topic */
.ht {
width: 984px; /* topic */
}

#topic div.box-outer {
position: relative;
background: url('../images/bg_topic_bottom-right.gif') right bottom no-repeat;
padding-bottom: 5%
}

#topic div.box-inner {
position: relative;
background: url('../images/bg_topic_top-left.gif') 6px top no-repeat
}

#topic h3 {
position: relative;
display: block;
/*background:url(../images/bg_line_orange.gif) left bottom repeat-x;*/
background: url(../images/bg_topic_top-right.gif) right top no-repeat;
padding: 10px 10px 20px 16px;
border:0;
margin: 0;
color:#F29100;
font-size:12px;
font-weight:normal
}

#topic h3 span, div.list h3 span {
background: url(../images/bg_line_orange.gif) left bottom repeat-x;
padding-bottom: 8px
}

#topic h4 {
/*background: url('../images/bg_line_black.gif') left top repeat-x;*/
font-weight:bold;
margin: 0;
padding: 3px 0 10px 17px;
font-size:12px
}

#topic p {
margin:0;
padding: 0 10px 0 16px
}

#topic p.caps {
padding: 0 0 0 15px;
color: #333333;
}

#maincontent div.image {
position:relative;
width:386px;
padding:0;
float:right
}

/* ...- @ Hot Topics   ....*/
#hot_topics {
float:left;
margin:0 0 0 1px
}

#hot_topics li {
background:#fff url(../images/bg_hottopic.gif) 0 0 repeat-y;
list-style:none;
width:162px;
margin:0 0 6px;
padding:0;
border:0
}

#hot_topics li a {
display:block;
text-decoration:none
}

#hot_topics li h3 {
background: url(../images/bg_hottopic_headline.gif) 0 0 no-repeat;
margin-bottom: 8px;
height:34px
}

#hot_topics li h3 a {
padding:10px 0 0 35px;
border:0;
margin:0;
color:#F29100;
font-size:12px;
font-weight:normal
}

#hot_topics li p {
font-size:12px;
padding:5px 5px 2px 10px
}

#hot_topics li div.footer {
background:url(../images/bg_hottopic_footer.gif) left bottom no-repeat;
display:block;
height:21px
}

/* ...- @ Main Content    ....*/
#maincontent {
position:relative;
font-size:12px;
float:left;
margin:0;
padding: 23px 0;
width:100%
}

#maincontent p {
line-height:1.6em;
padding-bottom:1em
}

#maincontent p.link a {
background:url(../images/arrow_right_up.gif) 0 3px no-repeat;
padding-left:40px;
text-decoration:none;
color:#F29100
}

#maincontent p.external_link a {
padding: 0;
text-decoration: underline;
/*color:#26A178*/
color: #aaa
}

#maincontent p.internal_link a {
background:url(../images/arrow_right_up_green.gif) 0 3px no-repeat;
padding-left:40px;
text-decoration:none;
color: #26A178
}

#maincontent p.download_link {
display: block;
margin-left: 20px
}

#maincontent p.download_link a {
padding: 3px 0 3px 30px !important;
text-decoration:none;
color: #26A178
}

#maincontent p.download_link a.default { 
background:url(../images/mime/doc.gif) 0 0 no-repeat;
}

#maincontent p.download_link a.doc { 
background:url(../images/mime/doc.gif) left top no-repeat;
}

#maincontent p.download_link a.xls { 
background:url(../images/mime/xls.gif) 0 0 no-repeat;
}

#maincontent p.download_link a.pdf { 
background: url(../images/mime/pdf.gif) 0 0 no-repeat;
}

#maincontent p.download_link a.pps { 
background:url(../images/mime/pps.gif) 0 0 no-repeat;
}

#maincontent p.download_link a.ppt { 
background:url(../images/mime/ppt.gif) 0 0 no-repeat;
}

#maincontent p.download_link a.zip { 
background:url(../images/mime/zip.gif) 0 0 no-repeat;
}

#maincontent div.question {
border: 1px solid #999;
display: block;
float: left;
width: 100%;
margin: 3px 0;
padding: 5px;
}

#maincontent div.question a {
padding-left: 13px;
color: #999;
text-decoration: none
}

#maincontent div.question a.plus {
background: url('../images/icn_plus.gif') left 2px no-repeat
}

#maincontent div.question a.minus {
background: url('../images/icn_minus.gif') left 2px no-repeat
}

#maincontent div.hide_answer {
display: none;
}

#maincontent div.show_answer {
display: block;
}

#maincontent div.text {
position:relative;
width:400px;
background:url(../images/bg_line.gif) 0 0 repeat-y;
padding:0 0 0 10px;
float:left
}

#maincontent h2.standalone {
float:left;
background:url(../images/bg_h2.gif) 5px 5px no-repeat;
color:#00966E;
font-size:18px;
font-weight:bold;
padding:0 10px 0 20px
}

#maincontent div.text2 {

width:505px;
padding:0 0 0 10px;
float:left;
}

#maincontent div.text2 h2 {
display:block;
width:100%;
float:left;
color:#00966E;
font-size:18px;
font-weight:bold;
padding:0 10px 10px 0
}

div.text2 p.caps {
color: #333333;
padding: 0 !important;
margin: 0;
}

div.text2 table.dinfo {
margin-top: 20px;
float: left
}

#maincontent div.text2 h2.news {
color:#F29100; !important
}

#maincontent div.news ul {
margin:0 0 10px 18px !important;
/*list-style-image:url(../images/bg_content_li.gif) !important*/
list-style: none
}

maincontent div.news li {
padding:1px 0 !important;
margin-left: 15px !important
}

#maincontent div.text2 h3 {
display:block;
width:100%;
float:left;
color:#00966E;
font-size:12px;
font-weight:bold;
margin: 15px 0pt 10px;
padding:0 10px 0 0
}

#maincontent div.text2 h3.project_title {
margin: 10px 0 10px 0 !important
}

#maincontent div.text2 img {
border: 1px solid #FFD128;
padding: 3px;
position: relative;
clear: right
}

#maincontent div.text2 ul {
display: block;
width: 100%;
position: relative;
float: left;
margin: 0 0 20px 5px;
list-style: none;
line-height:1.6em
}

#topic ul {
display: block;
width: 90%;
position: relative;
margin: 0 0 20px 16px;
list-style: none;
line-height:1.6em
}

#maincontent div.text2 ul li, #topic ul li {
background: url('../images/bg_content_li.gif') 0 11px no-repeat;
padding: 5px 0 0 13px
}

#maincontent div.text2 ol {
margin: 0 0 15px 30px;
list-style: decimal !important;
line-height:1.6em
}

#topic ol {
margin: 0 0 15px 35px;
list-style: decimal !important;
line-height:1.6em
}

#maincontent div.image img {
width:372px;
float:right;
padding-bottom:5px;
}

#maincontent div.list {
position:relative;
/*background: url(../images/bg_list_header.gif) 0 0 no-repeat;*/
background: url('../images/bg_topic_bottom-left.gif') left bottom no-repeat;
width:342px;
padding: 0;
margin:0 0 0 5px;
float:left
}

#maincontent div.list div.box-outer {
position: relative;
background: url('../images/bg_topic_bottom-right.gif') right bottom no-repeat;
padding-bottom: 5%
}

#maincontent div.list div.box-inner {
position: relative;
background: url('../images/bg_topic_top-left.gif') left top no-repeat
}

#maincontent div.list h3 {
position: relative;
display: block;
/*background:url(../images/bg_line_orange.gif) left bottom repeat-x;*/
background: url(../images/bg_topic_top-right.gif) right top no-repeat;
padding: 10px 10px 5px 10px !important;
border:0;
margin: 0;
color: #F29100;
font-size:12px;
font-weight:normal
}

#maincontent div.list h3,#maincontent div.list p.sort {
color: #F29100;
font-size:12px;
font-weight:normal
}

#maincontent div.list p.sort {
padding: 10px 0 0 10px
}

#maincontent div.list p.sort span {
text-decoration: underline;
cursor: pointer;
}

#maincontent div.list p.sort span.active {
font-weight:bold;
text-decoration: none;
}

#maincontent div.list h3 {
padding:0
}

#maincontent div.list form {
background:url(../images/bg_line_orange.gif) left bottom repeat-x;
margin:0 0 10px 10px;
padding:0 0 10px;
border:0
}

#maincontent div.list select {
margin: 10px 0 0 0
}

#maincontent div.list ul {
position:relative;
margin: 5px 0 0 10px; 
list-style:none
}

#maincontent div.list ul li {
padding:0
}

#maincontent div.list ul li p.date a {
display:block;
background:url(../images/bg_content_li_arrow.gif) left top no-repeat;
padding:10px 0 0 20px;
text-decoration:none
}

#maincontent div.list ul li p.text {
padding-left:20px
}

#maincontent div.list ul li.first p.date a {
background:url(../images/bg_content_li_arrow2.gif) left top no-repeat;
text-decoration:none
}

#maincontent div.list div.footer {
background: url(../images/bg_list_footer.gif) 0 0 repeat-y;
clear: left;
width:341px;
height:30px;
margin:0 0 -10px -10px
}

/* ...- @ Event List         ....*/

div#maincontent ul.eventlist, div#maincontent ul.itemlist {
 padding: 0 10px;
}

div#maincontent ul.eventlist li, div#maincontent ul.itemlist li {
	display: block;
	background: #fff;
	
}

div#maincontent ul.eventlist li h1, div#maincontent ul.itemlist li h1{
	display: block;
	width: auto;
	font-weight: bold;
	font-size: 15px;
	background: none;
	float: none;
	padding: 5px;
	background: #096 url(../images/item_header.gif) 0 0 repeat-x;
	color: #096;
}

div#maincontent ul.eventlist li h1 a, div#maincontent ul.itemlist li h1 a {
	color: #26A178;
}

div#maincontent ul.itemlist p.ddate {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #333;
	text-align: right;
	padding: 5px;
	}

div#maincontent ul.eventlist li p.ecategory, div#maincontent ul.itemlist li p.dstats, div.text2 p.ecategory {
	float: right;
	color: #333333;
	padding: 5px;
	color: #096;
	}
	
div#maincontent ul.eventlist li p.edate {
	color: #333;
	margin: 10px 0;	
	padding: 0 5px;
	font-size: 14px;
}

div#maincontent ul.eventlist li p.edesc {
	padding: 0px 10px 30px 5px
}

/* ...- @ General List       ....*/

div#maincontent ul.list {
 float: left;
 padding: 0;
 margin-left: 0;
 width:100%;
}

div#maincontent ul.list li {
	display: block;
	padding: 5px 0 5px 0;
	background: url('../images/bg_line_black.gif') left bottom repeat-x;
	
}

div#maincontent ul.list li h2 {
	display: block;
	border: 0;
	width: auto;
	font-weight: bold;
	font-size: 12px;
	background: none;
	float: none;
	padding: 0;
}

div#maincontent ul.list li a {
	/* color: #858585; grey */
	color: #26A178
}

div#maincontent ul.list li a:hover {
	text-decoration: none;
	/* color: #858585 grey */
	color: #009966
}

div#maincontent ul.list li h2 span {
	/* color: #858585 grey */
	color: #009966
}

div#maincontent ul.itemlist p.ddate {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #333;
	text-align: right;
	padding: 0;
	}

div#maincontent ul.list li p.cright {
	float: right;
	color: #666;
	padding: 0;
	color: #096;
	}
	
div#maincontent ul.list li p.date {
	color: #333;
	margin: 10px 0;	
	padding: 0;
	font-size: 14px;
}

div#maincontent ul.list li p.edesc {
	padding: 0px 10px 30px 0
}

/* ...- @ World Map          ....*/
#worldmap {
position: relative;
margin-top: 20px;
float: left;
border: 1px solid #47AF8D;
width: 500px;
height: 300px
}

#worldmap img {
border: 0 !important;
padding: 0 !important
}

#world_wide {
position: absolute;
top: -20px;
left: 0;
float: left;
background: url('../images/bg_worldmap_left.gif') left top no-repeat;
margin: 0 0 0 120px;
padding: 0;
z-index:10;
height: 20px;
border: 0;
}

#world_wide a {
display: block;
float: left;
color: #26A178;
text-decoration: underline;
background: url('../images/bg_worldmap_right.gif') right top no-repeat;
padding: 3px 20px 5px 6px;
margin-left: 5px
}

#world_wide a:hover {
text-decoration: none
}

#map_canvas {
position: relative;
top: 0;
border: 0;
margin: 0;
width: 500px;
height: 300px
}



div.clist h3 {
	padding: 5px !important;
	background: #096 url(../images/item_header.gif) 0 0 repeat-x;
	color: #096;
}

div.clist ul {
	border-bottom: 5px solid #D3E0DC;
}

div.clist ul li {
	padding-bottom: 15px !important;
}

div.clist ul li.e {
	background-color: #efefef !important;
}

div.clist table {
	width: 100%;
	clear: both;
	margin-left: 5px;
}

div.clist table tr td {
	width: 33%;
}

table.dinfo {
	padding: 0;
	margin: 0;
	margin: 0 20px;
	margin-bottom: 20px;
	background: #fff;
	width: 720px;
}

table.dinfo tr td {
	padding: 5px;
	vertical-align: top;
	font-size: 12px;
}

table.dinfo tr td ul {
	line-height:1.6em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 14px;
}

table.dinfo tr td ol {
	line-height: 1.6em;
	list-style-type: decimal;
	list-style-position: inside;
}

table.dinfo tr td ol li {
	padding: 5px 0;
}

table.dinfo tr td ul li {
	background: transparent url(../images/bg_content_li.gif)  0pt 11px no-repeat scroll;
	padding:5px 0pt 0pt 13px;
}

table.dinfo tr td.thead {
	color: #096;
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

table.dinfo tr td.l {
	color: #666;
	text-align: right;
	font-size: 11px;
	width: 150px;
}

/* ...- @ Related Topics Box ....*/

/* RSS Link */
#rss {
display: block;
background:transparent url(../images/icn_rss.gif) 0 0 no-repeat;
height:26px;
width:26px;
text-decoration: none;
text-indent: -999999px
}

/* Print Link */
#print_page {
display: block;
background:transparent url(../images/icn_print.gif) 0 0 no-repeat;
height:26px;
width:26px;
text-indent: -999999px
}

/* XML Link */
#xml {
display: block;
background:transparent url(../images/icn_xml.jpg) 0 0 no-repeat;
margin-top:10px;
height:26px;
width:26px;
text-indent: -999999px
}

#policy_db {
background:url(../images/bg_related.jpg) 0 0 repeat-y;
float:right;
width:40px;
margin:0
}

#related_information {
background:url(../images/bg_related.jpg) 0 0 repeat-y;
float:right;
width:215px;
margin:0
}

#related_information h3 {
display:block;
background:url(../images/bg_related_header.jpg) 0 0 no-repeat;
color:#23A076;
font-size:12px;
padding:10px 0 7px 13px
}

#related_information h4.first {
background:transparent !important
}

#related_information h4 {
background:url(../images/bg_line_black.gif) 0 0 repeat-x;
color:#23A076;
font-size:12px;
font-weight:normal;
padding:10px 0 0 17px;
margin:0 10px
}

#related_information ul {
margin:10px 0 10px 25px;
list-style-image:url(../images/arrow_right_up_green.gif)
}

#related_information ul li {
margin: 5px 0 5px 0;
}

#related_information ul li a {
color: #26a178;
text-decoration: none
}

#related_information ul li a.default { 
background:url(../images/mime/doc.gif) 0 0 no-repeat;
padding: 0 0 0 20px;
}

#related_information ul li a.doc { 
background:url(../images/mime/doc.gif) left top no-repeat;
padding: 0 0 0 20px;
}

#related_information ul li a.xls { 
background:url(../images/mime/xls.gif) 0 0 no-repeat;
padding: 0 0 0 20px;
}

#related_information ul li a.pdf {
background: url(../images/mime/pdf.gif) 0 0 no-repeat;
padding: 0 0 0 20px;
}

#related_information ul li a.pps {
background:url(../images/mime/pps.gif) 0 0 no-repeat;
padding: 0 0 0 20px;
}

#related_information ul li a.ppt {
background:url(../images/mime/ppt.gif) 0 0 no-repeat;
padding: 0 0 0 20px;
}

#related_information ul li a.zip {
background:url(../images/mime/zip.gif) 0 0 no-repeat;
padding: 0 0 0 20px;
}

#related_information div.footer {
display:block;
background:url(../images/bg_related_footer.jpg) left bottom no-repeat
}

/* ...- @ Related Topics - Project Handbook Information ....*/

#related_information.project {
	width: 260px;
}

#related_information div.project_info {
	background-color: #dc9;
	padding: 4px;
	margin-bottom: 8px
}

#related_information div.project_info h4 {
	background: #ca5;
	background-image: none;
	padding: 3px;
	font-size: 12px;
	color: #fff;
	margin: 0;
	font-weight: bold;
}

#related_information div.project_info p {
	font-size: 12px;
	padding: 3px;
	font-weight: bold;
}

/* ...- @ Forms      ....*/

/*
 * further form styles will be find in form.css
 */

div.bigform{
float: left;
}

div.hottopicform{
padding: 20px;
}

div.bigform form table tr td.form_left,
div.hottopicform form table tr td.form_left,
{
text-align: right;
padding: 0 30px 0 10px
}

div.bigform #formerror,
div.hottopicform #formerror
{
margin-left: 5px !important
}

div.border {
background:url(../images/bg_line.gif) 0 0 repeat-y;
margin-left: 4px
}

p.error {
	color: red;
}


/* Newsletter Box */
/*Interior Pages*/
/*Clear*/
/* Hides from IE-mac \*/
*+html .clearfloat {
height:1%
}

/* End hide from IE-mac */
/* ...- @ Footer ....*/
#footer {
position:relative;
float:left;
clear:both;
width:100%;
height: 60px;
font-size:10px;
padding:0;
margin:-18px 0;
text-align:center
}

#footer.rounded {
background:#fff url(../images/bg_maincontent_x_footer.gif) 0 0 no-repeat!important
}

#footer ul {
position:relative;
width: 350px;
margin:30px auto 0 auto !important
}

#footer ul li {
float:left;
list-style:none;
padding:0 10px
}

#footer ul li a {
text-decoration:none
}

div.baseinfo_content ul {
	margin: 10px 0;
}

#calendar table { font-size: 12px; border:1px solid #fff; padding: 0; margin: 0px; }
#calendar th { background: #565; color: #fff; margin: 3px; padding: 2px 5px;}
#calendar td { background: #eee; color: #000;  padding: 2px;
    margin:0; height:60px; text-align:right; vertical-align:top; border:1px solid #fff;}
#calendar td.notInMonth{ background: #999; }
#calendar td {
	vertical-align: top;
}
#calendar li {
	text-align: left;
	text-decoration: none;
	background: #00966E;
	border-bottom: 1px solid #444;
}
#calendar li a {
	text-decoration: none;
}
#table_index {
	color: #fff;
	margin-bottom: 2px;
	background-color: #00966E;
}
#table_index th {
	padding: 5px;
	text-align: center;
	color: #fff;
}
#table_index th a {
	color: #00966E;
	display: block;
}
#table_index th b {
	font-size: 18px;
}
#table_index th.b {
	background-color: #d7eee6;
}

.printbutton{
background:url("../images/print.gif") no-repeat scroll 0 0 transparent;
border:medium none navajoWhite;
height:19px;
position:absolute;
right:15px;
width:20px;
text-indent:-9999px;
cursor:pointer}


/* ------------------------------------------------------------------------
	autocomplete for the "partner search"
------------------------------------------------------------------------- */

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	overflow: hidden;
}

.ac_loading {
	background: Window url('../images/loading.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}