/* CSS Document */
html, body {
		height:100%;
		margin:0;
		padding:0;
		background-image:url(images/pattern.jpg);
		background-position:center;
		background-repeat:repeat-x;
		background-color:#77abb1;
}

a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:8.5pt;
		color:#323232;
		text-decoration:none;

}


a:hover {
		font-family:Arial, Helvetica, sans-serif;
		font-size:8.5pt;
		color:#9ebabd;
		text-decoration:none;
}

a:visited {
		font-family:Arial, Helvetica, sans-serif;
		font-size:8.5pt;
		color:#9ebabd;
		text-decoration:none;
}


.branding-text {
		font-family:Arial, Helvetica, sans-serif;
		font-size:7pt;
		line-height:10pt;
		color:#323232;
}

.about-text {
		font-family:Arial, Helvetica, sans-serif;
		font-size:7.5pt;
		line-height:11pt;
		color:#323232;
}

input[type="text"] {
		width:235px;
		height:22px;
		border:1px solid;
		border-color:#88b8c1;

}

textarea {
		width:235px;
		height:52px;
		border:1px solid;
		border-color:#88b8c1;

}

#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-280px; /* half of container's height */
		float:left;
		}

		
#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	height:540px;
    clear:left;
	width:100%;
	min-width:790px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	color:#323232;
	line-height:13pt;
	vertical-align:middle;
}


.h1 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:9.5pt;
	color:#88b8c1;
	font-weight:bold;
}


#nav-container {
	
	height:142px;
	width:100%;
	background-image:url(images/nav_back.gif);
	background-repeat:repeat-x;
}
	

#logo {

	float:left;
	height:142px;
	width:240px;

}


.nav-divider {

	width:7px;
	float:left;
	
}



.nav-item {

	width:124px;
	float:left;
	height:142px;
	text-align:right;
	position:relative;

}

.sub-nav {

	position:absolute;
	bottom:35px;
	right:0px;
    visibility:hidden;
}

.nav-option {

	position:absolute;
	bottom:12px;
	right:0px;
}


img.nav-img {

	vertical-align:bottom;
}

#head-container {

	height:41px;
	width:100%;
	background-image:url(images/head_bar.gif);
	background-repeat:repeat-x;
	border:0px;

}


#area-home {

	height:375px;
	width:100%;
	background-color:white;
	overflow:hidden;
		
}

#area {

	height:333px;
	width:100%;
	background-color:white;
		
}

#area-text {

	margin-left:40px;
	margin-top:30px;
	width:261px;
	height:303px;
	float:left;
	

}

#area-poster-container {

	height:323px;
	min-height:333px;
	margin-top:10px;
	margin-left:40px;	
	float:left;
    width:600px;
}

#area-contact-container {

	height:303px;
	margin-top:30px;
	margin-left:84px;	
	float:left;
    width:500px;

}

#area-about-container {

	height:303px;
	margin-top:30px;
	margin-left:40px;	
	float:left;
    width:600px;

}


#area-posters {
	height:323px;
	overflow:auto;
}

.area-publications {
	height:323px;
	overflow:auto;
}

#bottom-bar {

	height:23px;
	background-image:url(images/bottom_back.jpg);
	background-repeat:repeat-x;
	width:100%;
}

#bottom-bar-img {
	right:5px;
	height:23px;
	position:absolute;
}