@charset "ISO-8859-1";
body {
text-align:center;
margin:30px 0px 0px 0px;
background-color:#FFF;
font-family:Verdana, Arial, sans-serif;
font-size:12px;
color:#fff;
}
img {border:none;}
a {border:none;}

/* div styles */
.holder {
	width:919px;
	margin:auto;
	text-align:left;
	position: relative;
	height: 500px;
}
div.rss_panel {
background-color:#eee;
background:url(images/rss120.gif);
background-repeat:no-repeat;
padding: 35px 5px 5px 5px;
border: solid 1px #ccc;
width:120px;
}
html>body div.rss_panel {
width:110px;   	/* Hack to sort out padding in IE vs FF */
}
div.events_preview {
background-color:#eee;
background:url(images/next_events_top.jpg);
background-repeat:no-repeat;
padding: 35px 5px 5px 5px;
border: solid 1px #ccc;
width:120px;
}
html>body div.events_preview {
width:110px;   	/* Hack to sort out padding in IE vs FF */
}
div.masthead {
	position: relative;
	left: 0px;
	top: 0px;
	width:919px;
	height:110px;
	background:url(images/masthead.gif);
}
div.top_banner {
	width:468px;
	height:60px;
	background-color:#fff;
	position: absolute;
	top: 20px;
	left: 427px;
}
#status {
	width:468px;
	height:60px;
	background-color:#fff;
	position: absolute;
	top: 85px;
	left: 427px;
	text-align: right;
}
div.menu_holder {
	width:919px;
	height:40px;
	background-color:#CCC;
	position: relative;
    padding-left:25px;
	background:url(images/menu_bgd.gif);
	z-index:100;
}
html>body div.menu_holder {
width:894px;   	/* Hack to sort out padding in IE vs FF */
}
div.middle_bar {
	width:919px;
	height:37px;
	background:url(images/middle_bar.gif);
	position: relative;
	z-index:0;
}
div.main_area_holder {
	width:919px;
background:url(images/main_area_background.gif);
background-repeat:no-repeat;
background-position:bottom; 
	position: relative;
}
div.left_content {
background:url(images/left_alpha.gif);
	background-position:left;
	background-repeat:repeat;
	width:300px;
	float:left;
margin-bottom:20px;
padding-left:20px;
padding-right:20px;
text-align:left;
}
html>body div.left_content {
width:260px;   	/* Hack to sort out padding in IE vs FF */
}
div.central_content {
	width:474px;
	height:auto;
	float:left;
margin-bottom:100px;
padding-right:44px;
}
html>body div.central_content {
width:430px;   	/* Hack as above */
max-width:430px;
}
div.right_content {
background:url(images/right_alpha.gif);
	background-position:right;
	background-repeat:repeat;
	width:145px;
	float:left;
}


div.skyscraper_ad, div.right_footer {
width:120px;
margin-top:8px;
margin-bottom:8px;
}
div.right_footer {
margin-top:20px;
}
/*
div.events_top {
background:url(images/next_events_top.jpg);
	background-position:left;
	background-repeat:no repeat;
	width:120px;
	height:35px;
	margin:0px;
	padding:0px;
}
div.events_preview {
background:url(images/next_events_bgd.gif);
	background-position:left;
	background-repeat:repeat;
	width:120px;
	margin:0px;
	padding:0px;
}
div.events_bottom {
background:url(images/next_events_bottom.jpg);
	background-position:left;
	background-repeat:no repeat;
	width:120px;
	height:2px;
	margin:0px;
	padding:0px;
}
*/
div.footer {
text-align:right;
	width:919px;
	height:25px;
	clear:both;
}
div.bottom_gap {
height:100px;
}
/* text styles */
p, p.bodytext {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
color:#1f1e2c;
line-height:16px;
margin-top:0px;
margin-bottom:6px;
text-align:left;
}

h1, .rss_description {
font-family:Verdana, Arial, sans-serif;
font-size:20px;
font-weight:normal;
color:#1f1e2c;
line-height:20px;
margin-top:0px;
margin-bottom:8px;
}
h2, h3, h4, h5, h6 {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
color:#1f1e2c;
line-height:16px;
margin-top:0px;
margin-bottom:6px;
font-weight:bold;
text-align:left;
}
h3 {
color:#8dc63f;
}
h5 {
font-size:12px;
line-height:14px;
margin: 0px;
padding-top: 5px;
font-weight:normal;
}
h6 {
font-size:14px;
line-height:16px;
margin: 0px;
padding: 5px;
font-weight:normal;
}
.leftcontent {
margin-left:50px;
}
.footercontent {
margin-left:25px;
margin-top:0px;
margin-right:25px;
font-size:10px;
text-align:right;
}
a, a:link, a:visited {
text-decoration:none;
color:#8dc63f;
}
a:hover {
color:#1f1e2c;
}

a.footerlinks, a.footerlinks:link, a.footerlinks:visited {
color: #000;
text-decoration:none;
}
a.footerlinks:hover {
color: #8dc63f;
}
/* STYLES FOR SPECIAL PAGE ELEMENTS */

/*  RSS FEED STYLES  */

div.rss_date {
font-size:8px;
}
div.rss_summary {
font-size:10px;
}
div.rss_header {
line-height:13px;
margin: 0px;
padding-top: 6px;
font-size:11px;
}

/* END */

td, th, dt, dd, legend, label, div, .tx-srfeuserregister-pi1-password-again, p.tx-srfeuserregister-pi1-notice {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
color:#1f1e2c;
text-align: left;
}

td {
vertical-align:top;
padding:4px 10px 4px 6px;
}
div.tx-srfeuserregister-pi1, fieldset, form, legend {
border:none;
background-color:#FFF;
margin-left:0px;
padding-left:0px;
}
legend {
margin-top:5px;
}

div.csc-sitemap li {
list-style-type:none;
}
div.csc-sitemap ul {
margin-left:0px;
padding-left:0px;
}
div.csc-sitemap ul ul {
margin-left:20px;
}
div.csc-sitemap ul ul ul {
margin-left:40px;
}

/* STYLES FOR EVENTS */
div.tx-rlmpeventdb-pi1-listrow-item-eventshortname {
float:left;
margin-right:5px;
}

tr.tx-rlmpeventdb-pi1-listrow-item-odd {
background-color:#fff;
}
tr.tx-rlmpeventdb-pi1-listrow-item {
background-color:#eee;
}

span.tx-frontendformslib-steps-inactive, span.tx-frontendformslib-steps-active {
background-color:#eee;
margin:10px 1px 5px 0px;
padding: 2px 15px 2px 5px;
}
span.tx-frontendformslib-steps-active {
background-color:#8dc63f;
font-weight:bold;

}
label {
display:block;
width: 120px;
float:left;
}

div.event-menu, div.tx-frontendformslib-steps {
margin:10px 0px 10px 0px;
}
/* LOGIN BOX */
p.loggedIn, p.logOut {
text-align:right;
font-size:12px;
}

/* STYLES FOR DROPDOWNS */
.topmenul1, .topmenul2 {
	list-style:none;			/* Default styles for all menu's */
	margin:0px;
	padding:0px;
}

.topmenul1 li {
	/* background:url(images/menu_sliver.jpg);m */

	background-image:url(images/green_line.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding:1px 0px;
	float:left;				/* First level menu's needs to float left */
	position:relative;			/* Relative positiong because lower level menu's needs to be absolute */
height:35px;
	}

/* First level colors for link tags */
.topmenul1 a, .topmenul1 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
	color:#1f1e2c;
	text-decoration:none;
line-height:30px;
	padding:0px 20px 0px 20px;		/* Seperate menu's a bit aswell, some extra space for the arrow on the right */
	/*border:1px solid #E79518; 		/* Same as BG color so total width is always the same */
}
.topmenul1 a.topmenul1-act, .topmenul1 a.topmenul1-act:visited {
color:#fff;
}

.topmenul1 a:hover {
	color:#fff;
}

/* Second level colors for link tags */
.topmenul2 a, .topmenul2 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
	color:#1f1e2c;
	text-decoration:none;
line-height:15px;
	padding:0px 20px 0px 20px;		/* Seperate menu's a bit aswell, some extra space for the arrow on the right */
	/*border:1px solid #E79518; 		/* Same as BG color so total width is always the same */
}


/* Start second level and lower menu's */
.topmenul1 .topmenul2 {
	display:none;				
	position:absolute;			/* We position absolute (relative to l1) */
	width:180px;				/* Default width for sub-menu's */
	border:1px solid #8dc63f;			/* Border around the sub-menu's */
	z-index:200;				/* We set a z-index these menu's will show up above other menu items, works in non IE */
	left:-1px;				/* Left to 0 and for IE we move one extra pixel down */	
	top:34px !important;
	top:35px;
}

.topmenul1 .topmenul2 .topmenul2, .topmenul1 .topmenul2 .topmenul2 .topmenul2 {
	left:178px;				/* Move away from second level menu for second level and lower */
	top:-1px !important; 			/* Border = 1px so we need to move one up aswell !important to overrule the !important above IF YOU WANT IT LEVEL DO IT TO -1*/
}

.topmenul1 .topmenul2 li {
	padding:2px 0px;  			/* Controls the height per menu item on second level and lower */
	border-bottom:1px solid #f0f0f0;	/* little color seperator */
	background-color:#FFF; 
background-image:none;
	width:100%;
height:auto;
}

.topmenul1 .topmenul2 a {
	border:none;				/* no border, remove the style from level1 a tags */
	display:block;				/* Display block, so teh whole menu will lite up (if bg used)*/
	padding:0px 19px;
}

.topmenul1 .topmenul2 a:hover {			/* Needed for IE aswell */
	color:#8dc63f;
	border:none;				/* no border, remove the style from level1 a tags */
}

/* Little arrows for the menus */
.topmenul2-ifsub {
	background-image:url(images/arrow1.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.topmenul2-ifsub {
	background-image:url(images/arrow1.gif);
}


.topmenul1 .hoveratag {
color:#fff;
			/* Hack in javascript, this will highlite teh a tag of the menu above */
			/* We could do this with CSS (.topmenul1 li:hover > a) But IE doesn't support that */
}