/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	margin:0;
}

h2 {
	font-size:medium;
	color:#336699;
}

h3 {
	font-size:1.1em;
	color:#336699;
}

#content {
	width:990px;
	margin:auto;
}

#back-left {
	width:220px;
	float:left;
	position:relative;
}

#back-right {
	width:220px;
	float:right;
	position:relative;
}

.nav {
	width:205px;
	position:absolute;
	top:80px;
	left:8px;
	background-color:#fff;
	padding-top:15px;
}

.nav ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
	width:auto;
	text-align:right;
}

.nav li {
	padding-top:4px;
}

.nav li.subhead {
	padding-right:25px;
	font-weight:bold;
}

.nav a {
	text-align:right;
	color:#003366;
	padding-right:25px;
}

.nav a.active {
	background:#fff url('images/img_nav_icon.gif') right no-repeat;
	font-weight:bold;
	padding-right:25px;
}

.nav a:hover {
	font-weight:bold;
}

#copy {
	width:200px;
	position:absolute;
	top:80px;
	right:10px;
	background-color:#fff;
	font-size:small;
	padding-top:15px;
	padding-bottom:10px;
	color:#666699;
}

div.logo {
	float:right;
	height:100px;
	width:545px;
}

div.clearfloat {
	width:540px;
	height:15px;
	float:left;
}

#subframe {
	width:548px;
	height:100%;
	float:left;
	position:relative;
}

#topcontent {
	width:90%;
	float:left;
	margin-left:10px;
	border:2px solid #cccccc;
	padding:5px;
}

#gallery {
	float:right; 
	margin: 5px 10px 5px 10px;
}

#gallery ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
}

#gallery li {
	display:inline;
	margin-right:5px;
}

#leftmiddle {
	width:250px;
	float:left;
	margin-left:10px;
	border:2px solid #cccccc;
	padding:5px;
}

#leftmiddle img {
	float:right;
	margin-right:10px;
	margin-left:10px;
}

#leftmiddle a {
	background:#fff url('images/img_arrow_link.gif') right no-repeat;
	padding-right:15px;
}

#rightmiddle {
	width:220px;
	float:right;
	margin-right:10px;
	border:2px solid #cccccc;
	padding:5px;
}

#rightmiddle a {
	background:#fff url('images/img_arrow_link.gif') right no-repeat;
	padding-right:15px;
}

#rightmiddle img {
	float:right;
	margin-right:10px;
	margin-left:10px;
}

#bottom {
	width:90%;
	float:left;
	margin-left:10px;
	border:2px solid #cccccc;
	padding:5px;
}

#bottom a {
	background:#fff url('images/img_arrow_link.gif') right no-repeat;
	padding-right:15px;
}

#bottom img {
	float:left;
	margin-right:10px;
	margin-left:10px;
}

#maincontent {
	width:90%;
	float:left;
	margin-left:10px;
	border:2px solid #cccccc;
	padding:5px;
}

#maincontent img.left {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	margin-left:10px;
	padding:4px;
	border:1px solid #cccccc;
}

#maincontent img.right {
	float:right;
	margin-right:10px;
	margin-bottom:20px;
	margin-left:20px;
	padding:4px;
	border:1px solid #cccccc;
}

#maincontent .notes {
	font-size:smaller;
}

#commentframe {
	width:80%;
	margin:auto;
	border:1px solid #333366;
	background:#336699;
	color:white;
	padding:10px;
	font-size:1.1em;
	font-weight:normal;
	/* font-style:italic; */
}

div.scaffold {
	width:1px;
	float:right;
	height:760px;
}

div.scaffold_short {
	width:1px;
	float:right;
	height:560px;
}

#footer {
	width:550px;
	text-indent:10px;
	clear:both;
	font-size:smaller;
	color:#999999;
	text-align:left;
}

#footer ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
}

#footer li {
	display:inline;
	margin-right:10px;
}

#footer li a {
	color:#999999;
}

#footer a {
	color:#999999;
}