@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

body > #wrap {
	background: #d1d0c4;
	height: auto; min-height: 100%;
}

/* General */
a:link {
	color: #3ff;
	text-decoration: none;
	}
a:visited {
	color: #3ff;
	text-decoration: none;
	}
a:hover {
	color: #3ff;
	text-decoration: none;
	} 
a:active {
	color: #3ff;
	}
ul {
	font-weight: normal;
	font-variant: normal;
	text-transform: none;;
	text-decoration: none;
	text-indent: 3px;
	list-style-position: outside;
	list-style-type: square;
	padding: 4px 20px;
}
ol {
	font-weight: normal;
	font-variant: normal;
	text-transform: none;;
	text-decoration: none;
	text-indent: 3px;
	list-style-position: outside;
	padding: 4px 20px;
}
h3{
	font-style:italic;
	font-size: 14px;
	font-weight:lighter;
	font-variant:small-caps;
}
img{
	border: none;
}
/* Classes */


ul.nostyle li label {
	margin:0 5px;
	float:left;
	width:80px;
	text-align:right;
}
ul.nostyle li.nolabel{
	padding-left: 90px;
}
ul.nostyle li input {
	padding: 1px;
 	width:250px;
	color: #282725;
	background: #d1d0c4;
	border: 1px solid #242424;
	margin: 1px;
}
ul.nostyle li input.button {
	width: 125px;
	color: #282725;
	background: #d1d0c4;
	border: 1px solid #242424;
	padding: 1px;
	margin:1px;
}
.nostyle{
	list-style:none;
}
ul.nostyle li textarea {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-width: 300px;
	width: auto !important;
	width: 300px;
	height: 200px;
	color: #282725;
	background: #d1d0c4;
	border: 1px solid #242424;
	padding: 1px;
	margin:1px;
}
#footer img{
	margin: 20px;
}
#popup ul, #menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#menu ul li{
	float:left;
}

#menu a{
	padding:0px 5px;
	min-width: 250px;
	text-transform:uppercase;
	color: #d1d0c4;
	text-decoration:none;
}

#menu a.menu{
	border-right: 1px solid #c00;
}
#popup li{
	display:inline;
	padding: 0px 5px;
}
#popup p{
	padding-bottom: 5px;
}
#popup a.button{
	padding:0px 5px;
	height: 25px;
	color: #282725;
	background: #d1d0c4;
	border: 1px solid #fff;
	width: 150px;
}
.floatright{
	float:right;
	padding:10px;
}
.floatleft{
	float:left;
	padding-right:10px;
	clear: left;
}
.floatcontact{
	float:left;
	height: 25px;
	width: 135px;
	padding-left: 84px;
	text-align: left;
}
.staff{
	clear: both;
	margin: 0px 10px;
	float: left;
	height: 170px;
	width: 350px;
	}
a:link.red, a:visited.red, a:hover.red, a:active.red {
	color: #c00;
	}
.red{
	color: #c00;
}
.tinymce{
	width: 458px;
	height: 200px;
	margin: 1px;
	background: #242424;
}
.clearfloat{
	clear:both;
}
#content_right a img {
	color: #000;
	margin: 3px;
	padding: 1px;
	background: #000;
	border: 2px solid #fff;
	float: left;
}
/* Specific containers */
#black{
	position: fixed;
	background: url(images/black.png);
	padding: 0px;
	margin: 0px;
	min-height: 100%;
	height: 100%;
	width: 100%;
	z-index:2;
}
#popup{
	position:fixed;
	width: 360px;
	height: 80px;
	margin-top: 450px;
	margin-left: 290px;
	background: #242424;
	color: #d1d0c4;
	border: 1px solid #000;
	z-index:3;
	text-align: center;
	padding: 20px;
}
#main {
	width: 960px;
	padding-bottom: 110px;
}  /* must be same height as the footer */

#footer {
	background: #242424;
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	width:960px;
	text-align:center;
	color: #d1d0c4;
} 
#header{
	height:400px;
	width:960px;
}
#menu{
	padding: 10px;
	width:940px;
	background:#242424;
	height:20px;
	vertical-align:middle;	
}
#content{
	padding: 0px;
	margin: 0px;
	float:left;
	width:960px;
	background:#282725;
}
#content_full{
	width: 960px;
	padding: 5px 10px;
	color: #d1d0c4;
}
#content_left {
	margin: 2px 0px;
	padding: 5px 10px;
	width: 460px;
	float:left;
	border-right: 1px solid #d1d0c4;
	color: #d1d0c4;
	min-height: 200px;
}

#content_right {
	margin: 2px 0px;
	padding: 5px 10px;
	width: 459px;
	float:left;
	color: #d1d0c4;
}

#contact{
	clear:left;
	padding: 0px 10px;
	float:left;
	width: 460px;
}
#news{
	padding: 0px 10px;
	float:left;
	width: 460px;
	background:#b0afa6;
}

#sra-logo{
	position:relative;
	width: 960px;
	height: 400px;
	background: url(images/sra-murer-small.png) no-repeat;
	margin-bottom: -400px;
	z-index: 1;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Lightbox CSS */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(./images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}