body {
	width:100%;
	text-align:center;
	font-family:helvetica,arial,sans-serif;
	font-size:10px;
	color:#000;
	background:url(../img/body.png) repeat-x #1b2830;
}
/*
#picturepage {background:url(../img/body_pictures.png) repeat-x #1b2830;}
*/
a {
	text-decoration:none;
	color:#005782;
}
a:hover {
	text-decoration:underline;
}
p {
	padding:0.8333em 1.6667em;
	font-size:12px;
	line-height:1.5em;
	text-align:justify;
}
h1 {
	font-size:1.8em;
	padding:1.1111em;
	padding-bottom:0.8333em;
}
#registerpage h1 {
	padding-bottom:1.5em;
	padding-left:4.4444em;
}
h2 {
	font-size:1.5em;
	padding:1.3333em;
	padding-bottom:0.6667em;
}
strong {font-weight:bold;}
#container {
	width:90em;
	margin: 0 auto;
	text-align:left;
}
#header {
	width:90em;
	height:35px;
	padding-top:7.5em;
}
#logo {
	float:left;
	width:285px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/logo.png) no-repeat 50% 100%;
}
#mainnav {
	float:right;
	width:61.5em;
}
#mainnav li {
	display:block;
	float:right;
	width:11em;
	height:2.5em;
	padding-top:1em;
	text-align:center;
}
#mainnav li a {
	font-size:16px;
	text-decoration:none;
	color:#29aae1;
}
#mainnav li a:hover {
 	color:#99d4f2;
}
#conceptpage li#nav_concept a,#picturepage li#nav_pictures a,#historypage li#nav_history a,#registerpage li#nav_register a {color:#fff; line-height:1em; cursor:default;}
#conceptpage li#nav_concept,#picturepage li#nav_pictures,#historypage li#nav_history,#registerpage li#nav_register {background:url(../img/nav.gif) no-repeat 50% 100%;}

#contentwrapper {
	position:relative;
	width:90em;
}
#caption {
	float:left;
	width:27.5em;
	height:41.1em;
	background:url(../img/caption.gif) repeat-x 0 100%;
}
#caption img {
	display:block;
	border:1px solid #fff;
	border-top:0;
}
#picturepage #caption {height:441px;}
#picturepage a#archive {
	display:block;
	font-size:12px;
	margin:1.6667em;
	text-align:right;
}
#registerpage #caption {width:274px;}
#registerpage #caption img {border-right:0;}
#content {
	float:right;
	width:62.5em;
	height:318px;
}
#picturepage #content {
	width:625px;
	height:441px;
/*	background:url(../img/caption.gif) repeat-x 0 100%;*/
}
#historypage #content {overflow:hidden;}
* html #historypage #content {
	position:relative;
	top:0;
	right:0;
}
*+html #historypage #content {
	position:relative;
	top:0;
	right:0;
}
#historypage #parawrapper {
	position:relative;
	width:312.5em;
	height:318px;
}
#historypage #content #parawrapper div {
	float:left;
	width:62.5em;
	height:318px;
}
#historypage #content #para5 ul {
	height:200px;
	font-size:12px;
	margin:0.8333em 1.6667em;
	overflow-y:scroll;
}
#historypage #content #para5 li {
	line-height:1.5em;
}
a.nextpage, a#back {
	display:block;
	height:1.2em;
	margin-right:1.6667em;
	padding-right:25px;
	line-height:1.4em;
	text-align:right;
	background:url(../img/next.gif) no-repeat 100% 50%;
}
a#back {background:url(../img/back.gif) no-repeat 100% 50%;}
#registerpage #content {
	width:62.5em;
	height:411px;
	border-left:1px solid #fff;
	background:url(../img/caption.gif) repeat-x 0 100%;
}
#registerpage fieldset {background-color:#fff;}
#registerpage p {padding-left:6.6667em;}
#registerpage p.error {
	padding-left:15.8333em;
	color:#ff0000;
}
#content label {
	display:block;
	float:left;
	width:11em;
	height:2em;
	margin-bottom:1em;
	padding-left:8em;
	font-weight:bold;
	line-height:1.8em;
}
#content span {
	display:block;
	float:right;
	width:43.5em;
	height:2em;
	margin-bottom:1em;
}
#content span label {
	display:inline;
	padding-left:0;
	font-weight:normal;
}
#content span label input {vertical-align:text-bottom;}
#content input.text, #content textarea {
	width:330px;
	background-color:#ebf6f8;
}
#content textarea {height:100px;}
#content span.auto {height:auto;}
#content select {
	width:334px;
	background-color:#ebf6f8;
}
#content input.submit {
	clear:both;
	margin-top:0.5em;
	padding:0.1em 0.3em;
	color:#fff;
	background-color:#1b2830;
}
#footer {
	font-size:10px;
	float:right;
	height:1em;
	width:62.5em;
	margin-top:8.2em;
	padding:0;
	text-align:center;
	word-spacing:0.3em;
	color:#3B5E6C;
}
#picturepage #footer {margin-top:2.5em;}
#registerpage #footer {margin-top:2.5em;}
#footer a {color:#3B5E6C;}
#footer a:hover {color:#29aae1;}

/* CLEARFIX
(works in: FF1.5/2.0, Opera 8.5, IE 5.01/5.5/6 and IE 7, Camino, Opera 8 Mac, IE5 Mac)
original: www.positioniseverything.net/easyclearing.html
new & improved: http://cthedot.de/xbrowsertest/
==================================================================================================*/

* html .clearfix {
	height: 1%; /* IE5-6 */
}
.clearfix {
	display: inline-block; /* IE7xhtml*/
}
html[xmlns] .clearfix { /* O */
	display: block;  
}
.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}