/* Main Styles */

* {
	border:0;
	padding:0;
	margin:0;
	font-size:11px;
	font-family:Trebuchet MS, Trebuchet, Helvetica, Verdana, Arial, Helvetica, sans-serif;
	color:#6F8AB8;
	text-align:left;
	}
	
body, html {
	background:#000 url('/img/storm_background.jpg') repeat-x top right;
	}
	
img {
	behavior: url('/js/iepngfix.htc');
	}
	
a {
	font-size:1em;
	}
	
#titleimage {
	width:515px;
	margin:300px auto 0 auto;
	}
	
#layout {
	position:relative;
	width:650px;
	margin:0 auto;
	padding:0 200px;
	}
	
#wrapper {
	position:relative;
	width:650px;
	}
	
.hidden {
	display:none;
	}
	
	
	
/* Artwork */
	
#artworkLeft {
	position:absolute;
	width:393px;
	top:0;
	left:0;
	z-index:1;
	}
	
#artworkRight {
	position:absolute;
	bottom:20px;
	right:0;
	width:314px;
	height:470px;
	z-index:50;
	}



/* Header */

#header {
	background:#000 url('/img/header_background.jpg') no-repeat;
	width:650px;
	height:195px;
	position:relative;
	}
	
#header img.homelink {
	position:absolute;
	right:100px;
	top:40px;
	}
	
form {
	float:right;
	padding:5px 10px;
	}

input {
	color:#333773;
	background-color:transparent;
	vertical-align:middle;
	}
	
#nav, #nav ul {
	list-style: none;
	position:absolute;
	top:121px;
	left:205px;
	}

#nav a {
	display: block;
	white-space:nowrap;
	padding:0 39px 0 0;
	text-decoration:none;
	color:#000033;
	}

#nav li {
	float: left;
	white-space:nowrap;
	text-transform:uppercase;
	padding:7px 0;
	}

#nav li ul {
	position: absolute;
	width: 450px;
	left: -999em;
	top:27px;
	}

#nav li:hover ul {
	left: 0px;
	}

#nav li:hover ul, #nav li.sfhover ul {
	left: 0px;
	}
	
#nav li li {
	width: auto;
	font-size:10px;
	}
	
#nav li li a {
	width:auto;
	color:#333773;
	}
	
	
	
/* Content */

#content {
	position:relative;
	padding:45px 144px 55px 116px;
	min-height:300px;
	}
	
#content * {
	z-index:100;
	}
	
#content h1 {
	font-weight:normal;
	font-size:14px;
	font-style:italic;
	text-align:center;
	padding-bottom:10px;
	}
	
#content h2 {
	line-height:200%;
	padding:30px 0 10px 0;
	}
	
#content h3 {
	width:250px;
	margin:0 auto;
	padding:10px;
	text-transform:uppercase;
	text-align:center;
	}
	
#content h4 {
	width:250px;
	margin:0 auto;
	padding:10px;
	text-align:left;
	}

#content p {
	line-height:200%;
	padding:10px 0;
	}
	
#content p:first-child {
	padding:0 0 10px 0;
	}
	
#content p.quote {
	font-style:italic;
	color:#A6B0C9;
	}
	
#content p.quote a {
	color:#A6B0C9;
	}
	
#content p.caption {
	padding-top:30px;
	}
	
#content ul.centered {
	margin:5px auto 15px;
	width:300px;
	border:1px solid #6F8AB8;
	padding:20px 5px;
	}
	
#content ul.centered li {
	padding:5px 0;
	line-height:150%;
	list-style-type:none;
	font-size:1.2em;
	text-align:center;
	border:1px solid #000028;
	}
	
#content ul.centered li:hover {
	background-color:#060830;
	border:1px solid #6F8AB8;
	}
	
#content ul.simple {
	padding:20px;
	}
	
#content ul.simple li a {
	text-decoration:none;
	}
	
#content ul.subtle {
	border:none;
	background-color:#060830;
	width:100%;
	padding:inherit 0;
	}
	
#content ul.subtle li {
	border:none;
	background-color:#060830;
	}
	
#content ul.subtle li:hover {
	background-color:none;
	border:none;
	}
	
#content ul {
	margin-left:20px;
	}
	
#content ul li {
	padding:5px 0;
	line-height:150%;
	list-style-type:square;
	}
	
#content ul ul {
	padding:15px 15px 10px 15px;
	}
	
#content a img {
	width:175px;
	height:50px;
	padding:5px;
	}
	
#content hr {
	clear:both;
	display:block;
	margin:20px 0;
	background-color:#6F8AB8;
	height:1px;
	width:100%;
	}
	
#content ol {
	width:250px;
	margin:0 auto;
	list-style-type:none;
	padding:10px;
	background-color:#000033;
	border:1px solid #6F8AB8;
	}
	
#content ol li {
	font-size:1.1em;
	margin:10px 0;
	}
	
#content ol li a {
	color:#AFAAF8;
	text-decoration:none;
	border:1px solid #000033;
	padding:0 3px;
	}
	
#content ol li a:hover {
	border:1px solid #AFAAF8;
	}
	
#content p.callout {
	padding:10px;
	font-size:1.3em;
	font-style:italic;
	text-align:center;
	}
	


/* Search Results */
	
#searchresults img {
	display:block;
	margin:0 auto;
	max-width:390px;
	}
	
#searchresults div {
	margin-top:10px;
	background-color:#FFF;
	width:390px;
	border:1px solid #6F8AB8;
	}
	
#searchresults dl {
	width:370px;
	overflow:auto;
	border:1px solid #6F8AB8;
	padding:10px;
	margin-top:20px;
	}
	
#searchresults dt {
	width:90px;
	text-align:right;
	float:left;
	clear:left;
	margin:7px;
	}
	
#searchresults dd {
	float:left;
	text-align:left;
	margin:7px 7px 7px 0;
	}
	
	

/* Inner Form Styles */

div.innerform {
	width:265px;
	margin:0 auto;
	}
	
div.innerform form {
	text-align:right;
	border:1px solid #6F8AB8;
	padding:20px;
	margin:10px 0 20px 0;
	}
	
#content div.innerform p {
	padding:0;
	margin:0 0 10px 0;
	}
	
#content div.innerform ul {
	margin:0 0 40px 15px;
	}
	
#content div.innerform ul li {
	width:250px;
	font-size:10px;
	}

div.innerform label {
	text-align:right;
	display:inline;
	vertical-align:middle;
	padding:5px;
	}
	
div.innerform input, select, textarea {
	border:1px solid #6F8AB8;
	width:125px;
	margin:5px;
	padding:.25em .5em;
	background-color:#0C103D;
	color:#6F8AB8;
	}
	
div.innerform input.disabled {
	border:1px solid #000;
	background:#000;
	color:#7088FF;
	}
	
div.innerform select {
	width:137px;
	padding:.25em .5em;
	}
	
div.innerform input.submit {
	width:auto;
	background-color:#6F8AB8;
	border:1px solid #0C103D;
	color:#0C103D;
	display:block;
	float:right;
	}
	
#content div.innerform h2 {
	padding:.05em .5em;
	margin:20px 0;
	background-color:#0C103D;
	color:#6F8AB8;
	display:block;
	}
	
.rightimg {
	float:right;
	}
	
.clear {
	clear:both;
	}
	
	
	
/* Adopter Index */

#content ul.adopternav {
	width:200px;
	margin:0 auto;
	text-align:center;
	border:1px solid #6F8AB8;
	background-color:#0C103D;
	padding:20px;
	}
	
#content ul.adopternav li {
	list-style-type:none;
	}
	
#content ul.adopternav li.logout {
	border-top:1px solid #3F4E69;
	margin-top:10px;
	padding-top:15px;
	}
	
#content ul.adopternav a {
	display:block;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	}
	
	
	
/* Adopter Status */
	
dl.serianstatus {
	width:370px;
	overflow:auto;
	padding:0px;
	margin-top:30px;
	}
	
dl.serianstatus dt {
	width:70px;
	text-align:right;
	float:left;
	clear:left;
	margin:7px;
	}
	
dl.serianstatus dd {
	float:left;
	text-align:left;
	margin:7px 7px 7px 0;
	}
	
dl.serianstatus dt.first, dl.serianstatus dd.first {
	color:#FFF;
	}
	
	
	
/* Footer */

#footer {
	text-align:center;
	padding:10px 0 75px 0;
	}