@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body {
	font: 85%/1.5em Arial, Helvetica, sans-serif;
	background: #000;
	color: #FFF;
}

/* Wrappers */

#mainWrapper {
	min-width: 740px;
	max-width: 990px;
	margin: auto;
	padding: 0 10px 0 10px;
}

#header IMG, #contentBase IMG {display: block;}

#contentTop {
	background: url(/images/content-TR.png) 100% 100% no-repeat;
}

#content {
	min-height: 300px;
	padding: 20px;
	background: #FFF;
	color: #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#contentBase {
	background: url(/images/content-BR.png) 100% 100% no-repeat;
	clear: both;
}

#photoAlbum {
	width: 720px;
	margin: auto;
}

/* Links */

a {text-decoration: none;}

a:link {color: #06F;}

#footer a:link {color: #FFF;}

a:visited {color: #06F;}

a:hover {color: #F00;}

a:active {color: #CCC;}

a img {border: none;}


/* font */

H1 {font-size: 1.2em;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	background: url(/images/h1.png) 0 100% repeat-x;
}

H2 {font-size: 1.1em;}

H3, H4, H5, H6 {font-size: 1em;}

H2, H3, H4, H5, H6 {margin: 10px 0 15px 0;}

p {margin: 10px 0 15px 0;}

ol, ul {margin: 10px 0 15px 20px;}

.centerText, #baseNav, #footer, #photo {text-align: center;}

.textRight, #form LABEL, #footnote {text-align: right;}

.smallText, #footer, #footnote, #photoDesc, #photo {font-size: .9em;}

#footnote, .italic {font-style: italic;}

.red, .error {color: #F00;}

.pass {color: #0C0;}

.bold, .error, .pass, #photoPath {font-weight: bold;}

/* msg boxes */

.errorMsg {
	border: 1px solid #900;
	background: #C33;
}

.msg {
	border: 1px solid #69F;
	background: #06C;
}

.errorMsg, .msg {
	position: relative;
	z-index: 10;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 5px;
	color: #fff;
}

/* Nav */

#nav {
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #000;
}

#nav ul {
	height: 25px;
	line-height: 25px;
	list-style: none;
	background: #369;
	margin: 0;
}

#nav ul li, #subNav ul li {
	display: inline;
}

#nav ul li a, #nav ul li div {
	padding: 0 10px 0 10px;
	border-right: 1px solid #000;
	display: block;
	float: left;
	width: auto;
}

#nav ul li a {
	background: #369;
	color: #fff;
}

#nav ul li a:hover, #curUrl div {
	background: #69C;
	color: #FFF;
}

/* Sub Nav */

#subNav {
	float: right;
	width: auto;
}

#subNav DIV, #subNav IMG {float: left;}

#subNav DIV {margin-left: 10px;}

#subNav IMG {margin-right: 5px;}


/* Forms */

FIELDSET {
	margin: 10px 0 20px 0;
	padding: 5px;
}

FIELDSET FIELDSET {background: #DDD;}

LEGEND, FIELDSET {border: 1px solid #06C;}

LEGEND {
	padding: 0 3px 0 3px;
	margin-left: 5px;
	background: #FFF;
}

LABEL {font-size: 12px;}

SELECT, INPUT, TEXTAREA {
	font: 1em Arial, Helvetica, sans-serif;
	border: 1px solid #06C;
	background: #fff;
	color: #000;
}

#form LABEL, #form INPUT, #form SELECT, .smTextArea {width: 180px;}

.smTextArea, .smTextAreaWide, .smTextAreaFullWide {height: 5.5em;}

.medTextArea, .smTextAreaWide {width: 370px;}

.medTextArea {height: 225px;}

.smTextAreaFullWide {width: 98%;}

#form SELECT.smSelect {width: 45px;}

#form SELECT.medSelect {width: 80px;}

INPUT[type=checkbox],  INPUT[type=radio] {
	width: auto;
	border: none;
	background: none;
}

#form LABEL, #form SELECT, #form INPUT, #form TEXTAREA, #form SPAN {
	float: left;
	margin: 5px 0 10px 5px;
	padding: 0 1px 0 1px;
}

#form DIV {margin: 0 0 0 190px;}

#form INPUT[type=submit] {float: none;}

DIV#btn {
	text-align: right;
	margin: 3px 0 0 0;
	width: 375px;
}

#btn INPUT, INPUT#search {
	padding: 0 1px 1px 1px;
	border: 1px solid #900;
	background: #F00;
	color: #FFF;
	width: auto;
}

#btn INPUT:focus, INPUT#search:focus {
	border: 1px solid #F00;
	background: #900;
	color: #FFF;
}

INPUT#search {font-size: .8em;}

/* Pagination */

#pages ul {
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0;
}

#pages ul li {display: inline;}

#pages ul li a, #pages ul li a:visited {
	border: 1px solid #039;
	background: #69F;
	color: #000;
}

#pages ul li a:hover, #currentPage {
	border: 1px solid #900;
	background: #C33;
	color: #FFF;
}

.noLink, #currentPage, #pages ul li a {
	padding: 1px 3px 1px 3px;
	margin: 0 3px 0 0;
	display: block;
	float: left;
}

.noLink {
	border: 1px solid #666;
	color: #666;
}

/* Gallery Images */

.photoBox a {
	float: left;
	border: 1px solid #06F;
	padding: 2px;
	margin: 2px;
	display: block;
	height: 170px;
	width: 170px;
	font-size: 11px;
}

.photoBox div {padding: 0 2px 0 2px;}

.photoBox a:hover {border: 1px solid #F00;}

#photoDesc, #photoPath {padding: 5px;}

#photoDesc, #photoPath, #photo {
	margin: 0 0 5px 0;
	border: 1px solid #999;
	background: #FFF;
	color: #000;
}

/* Box */

.box {
	background: #DDD;
	margin: 0 0 10px 0;
}

.boxTop {background: url(/images/box-TR.gif) 100% 100% no-repeat;}

.boxBase {background: url(/images/box-BR.gif) 100% 0 no-repeat;}

.boxTop IMG, .boxBase IMG {display: block;}

.boxContent {padding: 0 10px 0 10px;}

.boxContent p, .boxContent H1{margin: 0 0 5px 0;}

.homePagePics a IMG {border: 1px solid #06F;}

.homePagePics a:hover IMG {border: 1px solid #F00;}

/* Hidden Tip Boxes */

.hiddenBox {position: relative;}

.hiddenBox a span{display: none;}

.hiddenBox a:hover span{
	color: #000;
	background: #fff;
	border: 1px solid #000;
	position: absolute;
	display: block;
	z-index: 10;
	font-size: 12px;
	width: 225px; 
	bottom: 0;
}

/* layout */

.clearBoth, #pages, FIELDSET, #form BR, #baseNav {clear: both;}

.center {margin: auto;}

.right {
	float: right;
	margin: 0 0 0 5px;
}

.left {
	float: left; 
	margin: 0 5px 0 0;
}