* {
	margin: 0px;
	padding: 0px;
	font-size: 100.1%;
	font-family: "Trebuchet MS", sans-serif;
}
body {
	background-color: #f3f4f4;
}
img {
	border: none;
}
a:link, a:active, a:hover, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: black;
}
a:visited {
	color: gray;
}

h2, p {
	font-size: 11px;
	line-height: 12px;
}
html, body {
	height: 100%;
}
.blackRim {
	position: fixed;
	background-color: black;
	width: 5px;
	height: 100%;
}
#leftRim {
	left: 0px;
}
#rightRim {
	right: 0px;
	top: 0px;
}

/* HEADER */
#header {
	/* background-color: red; */
	height: 150px;
	width: 100%;
}
#header p {
	font-size: 11px;
	line-height: 13px;
}
#header img {
	left: 39px;
	top: 20px;
	position: absolute;
}
	
	/* MAILINGLIST */
	#upperRightTab{
		position: fixed;
		top: 0px;
		right: 0px;
		width: 300px;
		height: 50px;
		
		font-size: 11px;
		padding-left: 20px;
		padding-top: 10px;
	}
	#upperRightTab .tabMember {
		float: right;
		display: inline;
		width: 150px;
		height: 50px;
	}
	
	#upperRightTab input[type=text] {
		width: 90px;
	}
	
	#header p#twitter {
		position: absolute;
		left: 196px;
		width: 152px;
		top: 100px;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
		padding-left: 8px;
	}
	
	#header #headlines {
		position: absolute;
		left: 364px;
		top: 100px;
		min-width: 200px;
		max-height: 26px;
	}
	
	#header p.headline {
		border: 0px;
		left: 357px;
		width: auto;
	}
	#header a:link, #header a:hover, #header a:active, #header a:visited {
		font-weight: normal;
		color: black;
	}
	#header a:hover {
		text-decoration: underline;
	}
	#header a:link.activeLink, #header a:active.activeLink, #header a:hover.activeLink, #header a:visited.activeLink {
		font-weight: bold;
	}


#menu_border{
	height: 13px;
	width: 1px;
	background-color: gray;
	position: absolute;
	top: 100px;
	left: 35px;
}
.extra_border {
	height: 100%;
	width: 1px;
	background-color: gray;
	float: left;

	margin-top: 30px;
	left: 35px;
}
#menu {
	position: absolute;
	top: 100px;
	left: 36px;
	z-index: 98;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	width: 144px;
 	margin-left: 8px;
}
#menu:hover {
	bottom: 30px;
}
#menu:hover ul.subnav {
	visibility: visible;
}
#menu li {
	list-style: none;
}
#menu a:hover {
	text-decoration: underline;
}
#menu ul a:hover {
	text-decoration: none;
}
#menu ul li:hover {

}
#menu li a:hover {
	text-decoration: underline;
}
ul#menu ul {
	padding-top: 49px;
	background-color: #f3f4f4;
}
ul#menu ul ul {
	padding-top: 0px;
}
.subnav li li {
	padding-left: 0px;
}
.subnav{
	visibility: hidden;
	margin-top: 13px;
	left: 0px;
	width: 146px;
	height: auto;
	position: absolute;
	bottom: 0px;
	top: 0px;
}
	
/* CONTENT */

#columns{
	width: auto;
	left: 35px;
	right: 35px;
	height: auto;
	/* background-color: blue; */
	position: absolute;
	top: 133px;
	bottom: 30px;
	overflow: hidden;
}
#footer {
	/* background-color: purple; */
	position: fixed;
	bottom: 8px;

	left: 44px;

	font-size: 11px;
	line-height: 13px;
	z-index: 99;
}
#footer a:link, #footer a:active, #footer a:hover, #footer a:visited {
	color: gray;
}
#footer a:hover {
	color: black;
}
#footer #nextPrevFooter {
	position: absolute;
	width: 300px;
	left: 161px;
	bottom: 0px; 
}
#footer #image_footer {
	left: 485px;
	position: absolute;
	width: 300px;
	bottom: 0px;
}

.column {
	width: 162px;
	/* background-color: green; */
	height: 100%;
	bottom: 0px;
	margin-bottom: 0px;
	float: left;
}
.column + .column {
	width: 161px;
}
.column + .column div.border_rim {
	border-left: none;
}
.column img, .column .text_holder, .column h2, .column p.more_footer {
	padding: 0px 8px;
}
.column + .column h2 {
	padding: 0px 8px;
}
.column h2 {
	padding: 0px 9px;
}
.column .text_holder {
	height: auto;
	position: absolute;
	top: 245px;
	left: 0px;
	bottom: 15px;
	width: 144px;
	overflow: hidden;
}
.column .text_holder p {
	position: relative;
}
.column h2.subheader {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	line-height: 13px;
}
h2.subheader + p {
	margin-top: 10px;
}
.column a:link, .column a:active, a:hover, .column a:visited {
	text-decoration: none;
	font-weight: normal;
	color: black;
}
.column a:visited {
	color: grey;
}
.column a:hover {
	color: black;	
}
.border_rim {
	height: auto;
	position: absolute;
	top: 30px;
	bottom: 0px;
 	border-right: 1px solid gray;
 	border-left: 1px solid gray;
 }
.double_column .border_rim {
 	overflow-y: auto;
}
p.more_footer{
	height: 14px;
	bottom: 0px;
	left: 0px;
	position: absolute;
}

/* VIEW /  DOUBLE COLUMN OVERRULE */
.double_column {
	width: 324px;
	height: 100%;
	margin-left: 161px;
	float: left;
}
.double_column + .double_column {
	width: 332px;
	margin-left: 0px;
	border-left: 0px;
}
.double_column img, .double_column .text_holder, .double_column p.more_footer {
	padding: 0px 8px;
}
.double_column h2 {
	padding: 0px 9px;
}
.double_column + .double_colum h2 {
	padding: 0px 8px;
}
.double_column .text_holder {
	top: 0px;
	width: 305px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}
.double_column p + p {
	margin-top: 8px;
}
.double_column .text_holder h2 {
	text-decoration: underline;
}
.double_column a:link, .double_column a:hover, .double_column a:active, .double_column a:visited {	
	text-decoration: none;
	color: gray;
}
.double_column a:hover {
	color: black;
}

/* IMAGE COLUMN */
.carrouselHolder {
	width: 324px;
	height: 100%;
	position: absolute;
}
.carrouselImage {
	position: relative;
}
.flashvideo object {
	width: 332px;
}
#image_column img, #image_column .text_holder, #image_column h2{
	padding: 0px 8px;
}
#image_column .border_rim2, #image_column .border_rim3 {
 	border-right: 0px solid gray;
 	border-left: none;
	position: absolute;
	top: 30px;
	height: auto;
	bottom: 0px;	
}
#image_column .border_rim3 {
	border-right: 1px solid gray;
}

/* ROUTE COLUMN */
#route_column .map_holder {
	padding: 0px 8px;
	margin-bottom: 10px;
}
#route_column .border_rim2 {
 	border-right: 1px solid gray;
 	border-left: none;
	position: absolute;
	top: 30px;
	height: auto;
	bottom: 0px;	
}

#route_column #route_form {
	padding: 0px 8px;
	text-align: right;
}
#route_column #route_form input[type=text]{
	width: 200px;
}
#route_column #route_form input[type=submit]{
	font-size: 11px;
}
#route_column *{
	font-size: 11px;
	line-height: 12px;
}

#routeplan_column {
	margin-top: 30px;
	width: 180px;
	overflow: auto;
}
#routeplan_column * {
	font-size: 11px;
	line-height: 12px;
}
#routeplan_column #routeplan {
	width: 100%;
	padding: 0px;
	overflow: auto;
	height: auto;
	top: 0px;
	bottom: 0px;
	width: auto;
	left: 0px;
	right: 0px;
}
#routeplan_column #routeplan div div div table {
	margin-top: 0px !important;
}

/* LINKS COLUMN */
.link_column {
	margin: 0px;
	padding: 0px;
	float: left;
}
.link_column .list_header{
	text-decoration: underline;
}
.link_column a:link, .link_column a:hover, .link_column a:active, .link_column a:visited {
	font-weight: normal;
	color: gray;
}
.link_column a:hover {
	color: black;
}
.link_column ul.body {
	top: 30px;
	position: absolute;
}
.link_column ul {
	margin-left: 8px;
	padding: 0px;
	list-style: none;
	line-height: 12px;
	font-size: 11px;
}
.link_column li {
	margin-bottom: 10px;
}
.link_column ul ul{
	margin: 0px;
}
.link_column ul ul li{
	margin-top: 10px;
	padding-right: 8px;
	width: 144px;
}


.link_column .link_title {
	display: block;
	font-weight: bold;
	width: 144px;
}
.link_column .link_body {
	display: block;
	margin: 3px 0px;
	width: 144px;
}
.link_column .link_footer {
	display: block;
	font-style: italic;
	width: 144px;
}
.linkPage ul.body {
	top: 0px;
}

/* MAP COLUMN */
.map_canvas {

}

.linkPage .column {
	width: 161px;
	height: 100%;
	margin-left: 161px;
	float: left;
	position: relative;
}
.link_column + .link_column {
	margin: 0px;
}
.link_column .border_rim {
	width: 160px;
}
/* PREVIOUS & NEXT BUTTONS*/
.navWing {
	width: 30px;
	height: auto;
	top: 163px;
	bottom: 30px;
	position: absolute;
	z-index: 99;
	overflow: hidden;	
}
.navWing .navImage{
	display: none;
	width: 30px;
	position: absolute;
}
.navImage {
	margin-top: -250px;
	top: 50%;
}
.navAppear {
	display: none;
}
#next {
	left: 5px;
}
#prev {
	right: 5px;
}
#prevNavBorder, #nextNavBorder{
	background-color: gray;
	height: 100%;
	width: 1px;
	right: 31px;
}
#nextNavBorder{
	left: 31px;
}
.transparent_class {
	background-color: #f3f4f4;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.disabled {
	display: inline;
	text-decoration: line-through;
	color: gray;
}
/* PREV NEXT in VIEW */

.columnView .navWing {
	width: 30px;
	cursor: pointer;
/* 	background-color: #f3f4f4; */
}
.navBorder {
	width:35px;
	background-color: #f3f4f4;
	border-left: 1px solid gray;
	height: 100%;
	right: 31px;
}
.columnView .navImage, .columnView .navWing .navBorder{
 	display: none;
}
.columnView .navWing:hover div.navBorder, .columnView .navWing:hover img {
	display: block;
}
.text_holder h2 {
	padding: 0px;
	padding-top: 0px;
	
	margin-top: 0px;
	padding-bottom: 5px;
}
.columnView #columns{
	min-width: 1000px;
}
#credits {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 99;
	background-color: #f3f4f4;
}
#credit_fix {
	position: absolute;
	bottom: 0px;
	right: 20px;
	font-size: 10px;
	width: 10px;
	height: 24px;
	padding-left: 0px;
	padding-bottom: 0px;
	background-color: #f3f4f4;
	text-align: right;
	text-decoration: underline;
}
#credit_mask{
	position: absolute;
	bottom: 0px;
	right: 30px;
	overflow: hidden;
	width: 150px;
	height: 25px;
	background-color: #f3f4f4;
}
#credit_slider{
	text-align: right;
	font-size: 9px;
	line-height: 11px;
	position: absolute;
	bottom: 3px;
	right: -150px;
	width: 150px;
}
#credit_slider a:link, #credit_slider a:hover, #credit_slider a:hover, #credit_slider a:visited {
	text-decoration: underline;
}

.mail_message {
	text-align: center;
	width: 100%;
	top: 50%;
	position: absolute;
}
.mail_message p{
	font-size: 12px;
}
.text_holder p a{
	text-decoration: underline;
}

#link_column .theLinks{
	margin-top: 10px;
}

#link_column .theLinks li{
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
