/* --------------------------------------------------------------------------------------- */
/* Global */
/* --------------------------------------------------------------------------------------- */

* {
	margin:0px;
	padding:0px;
	}

body {
	padding:8px 0px 0px 0px;
	background-color:#000000;
	text-align:center;
	}

h1 {
	margin:0px;
	font-weight:bold;
	font-size:18px;
	line-height:48px;
	float:left;
	}

h2 {
	font-weight:bold;
	font-size:14px;
	color:#7babee;
	border-bottom:1px solid #888888;
	padding-bottom:2px;
	margin-bottom:2px;
	text-align:left;
	}
	
h3 {
	font-weight:bold;
	font-size:12px;
	color:#7babee;
	}

p {
	margin-bottom:12px;
	}

.left {
	float:left;
	}
	
img {
	border:0px;
	}

/* --------------------------------------------------------------------------------------- */
/* Default text styles */
/* --------------------------------------------------------------------------------------- */	
	
body, td {
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	color:#ffffff;	
	line-height:15px;
	}

.center {
	text-align:center;
	}

.decorative {
    line-height:17px;
    }
      
.decorative strong {
    font-family: Garamond,"Hoefler Text","Times New Roman",Times,serif;
    font-size:20px;
    font-weight:bold;
    line-height:16px;
    margin-right:1px;
    }
    
.decorative strong.tight {
    margin-right:-1px;
    }
	
/* --------------------------------------------------------------------------------------- */
/* Default link styles */
/* --------------------------------------------------------------------------------------- */

.content a:link, .content a:visited {
	color:#e68d00;
	font-weight:bold;
	}
	
.content a:active, .content a:hover {
	color:#7babee;
	}

/* --------------------------------------------------------------------------------------- */
/* Interface */
/* --------------------------------------------------------------------------------------- */

.pageFrame {
	display:block;
	border:1px solid #666666;
	background-color:#333333;
	width:906px;
	height:567px; /* 21 reserved for copyright */
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	}

.content {
	margin:8px 17px 8px 25px;
	clear:both;
	}
	
div.clear {
	clear:both;
	}	

.copyright {
	position:absolute;	
	bottom:0px;
	left:0px;	
	margin:0px;
	display:block;
	width:906px;
	font-size:11px;
	color:#999999;
	background-color:#222222;	
	text-align:center;
	line-height:20px;
	border-top:1px solid #444444;
	}
	
/* --------------------------------------------------------------------------------------- */
/* Main Nav */
/* --------------------------------------------------------------------------------------- */

.mainNav {
	height:69px;
	background-image:url(images/topNav/navBg.gif);
	background-position:right center;
	position:relative;	
	}
	
.mainNav img {
	position:absolute;
	top:0px;
	left:0px;
	}

.mainNav ul {
	float:right;
	list-style-type:none;
	}
	
.mainNav li {
	display:inline;
	}

.mainNav ul a {
	float:left;
	width:68px;
	background-color:#000000;
	margin-right:3px;
	text-align:center;
	font-family:verdana,helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	padding:44px 0px 15px 0px;
	line-height:10px;
	}
	
.mainNav ul a.visiting {
	background-position:0px 69px;
	}
	
.mainNav ul a:active, .mainNav ul a:hover {
	background-position:0px 69px;
	}

.mainNav ul a.home:link, .mainNav ul a.home:visited {
	background-image:url(images/topNav/home.gif);
	}

.mainNav ul a.gallery:link, .mainNav ul a.gallery:visited {
	background-image:url(images/topNav/gallery.gif);
	}
	
.mainNav ul a.about:link, .mainNav ul a.about:visited {
	background-image:url(images/topNav/about.gif);
	}	

.mainNav ul a.contact:link, .mainNav ul a.contact:visited {
	background-image:url(images/topNav/contact.gif);
	}

/* --------------------------------------------------------------------------------------- */
/* Sub Nav */
/* --------------------------------------------------------------------------------------- */

.subNav {
	background-color:#222222;
	background-image:url(images/subNav/subNavBg.gif);
	padding:0px 6px 0px 25px;
	height:47px;
	}
	
.subNav ul {
	float:right;
	margin:0px;
	padding:0px;
	list-style-type:none;	
	}

.subNav li {
	display:inline;
	}	
	
.subNav ul a {
	float:left;
	height:46px;
	margin-top:1px;
	padding:0px 7px 0px 46px;
	background-color:#222222;
	background-repeat:repeat-y;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	line-height:46px;
    border-left:1px solid #222222;
    border-right:1px solid #222222;	
	}

.subNav ul a:active, .subNav ul a:hover {
	background-position:-0px 46px;
	}

.subNav #recent {
	background-image:url(images/subNav/film.gif);
	}
	
.subNav #wildlife {
	background-image:url(images/subNav/paw.gif);
	}
	
.subNav #landscape {
	background-image:url(images/subNav/land.gif);
	}
	
.subNav #macro {
	background-image:url(images/subNav/flower.gif);
	}
	
.subNav #misc {
	background-image:url(images/subNav/leaf.gif);
	}
	
.subNav ul .selected {
    background-color:#333333;
    height:47px;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
	}

/* --------------------------------------------------------------------------------------- */
/* Columns */
/* --------------------------------------------------------------------------------------- */

.thirdCol {
	float:left;
	width:272px;
	margin-right:24px;
	}

.lastCol {
	margin-right:0px;
	}

/* --------------------------------------------------------------------------------------- */
/* Forms */
/* --------------------------------------------------------------------------------------- */	

form {
	float:left;
	width:46em;
	display:block;
	}

dl {
	clear:both;
	width:46em;
	margin:0em 0em 0.5em 0em;
	}
	
dt {
	float:left;	
	width:7em;
	background-color:#a4c4f0;
	border:1px solid #000000;
	padding:0.25em;
	margin:0em 0.5em 0.5em 0em;
	text-align:center;
	}

dt label {
	color:#000000;
	font-weight:bold;
	font-size:1em;
	}
	
dd {
	float:left;
	display:inline;
	margin:0em 2em 0.5em 0em;
	}
	
dd input {
    border:1px solid #7eaef1;
   	padding:0.25em;
   	font-size:1em;
   	width:12em;
   	font-family:arial,helvetica,sans-serif;
	}
	
dd textarea {
    border:1px solid #7eaef1;
   	padding:0.25em;
   	font-size:1em;
   	font-family:arial,helvetica,sans-serif;	
   	width:35em;
   	height:16em;
	}
	
dd input.wide {
    width:35em;
	}

.submit {	
	display:block;	
	width:44em;
	clear:both;
	text-align:right;
	}

ul.formErrors {
	margin-left:49em;
	display:block;
	}
	
/* --------------------------------------------------------------------------------------- */
/* Featured Photos */
/* --------------------------------------------------------------------------------------- */

h3.featured {
	margin:1em 0em 0.5em 0em;
	}

a.featured {
    line-height:0em;
    font-size:0em;
	}
	
a.featured img {
	border:1px solid #A0A0A0;
	}
	
a.featured:active img, a.featured:hover img {
	border:1px solid #ffffff;
	}
	
.featCaption {
	margin-top:0.5em;
	}

/* --------------------------------------------------------------------------------------- */
/* Gallery Thumbnails */
/* --------------------------------------------------------------------------------------- */

#thumbs {
	margin:0px;
	}

#thumbs img {
	margin:8px;
	border:1px solid #A0A0A0;
	vertical-align:bottom;
	}	
	
#thumbs a:active img, #thumbs a:hover img {
	border:1px solid #ffffff;
	}
	
/* --------------------------------------------------------------------------------------- */
/* Gallery Photo View */
/* --------------------------------------------------------------------------------------- */
	
.fullPhoto {
	border:1px solid #A0A0A0;
	margin-right:16px;
	float:left;
	}
	
div.photoDesc {
    float:left;
	}
	
div.photoNav {
	clear:both;
	position:absolute;
	bottom:33px;
	right:48px;
	height:50px;
	width:160px;
	padding-top:3px;
	text-align:center;
	}
	
.offLink {
	font-weight:bold;
	color:#838383;
	text-decoration:underline;	
	}

.backPhotoLink {
	position:absolute;
	bottom:0px;
	left:0px;
	}
	
.nextPhotoLink {
    position:absolute;
    bottom:0px;
    right:0px;
	}
	
.pageNums {
	position:relative;
	top:14px;
	left:0px;
	width:60px;
	padding:2px;
	margin:0px auto 0px auto;
	border:1px solid #ffffff;
	}
