﻿html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
	margin: 0pt;
	padding: 0pt;
}

html, body {
	height:100%;
}

#container {
	margin:0 auto;
	position:relative;
	width:948px;
}

hr.clear{
	clear: both;
	border: none;
}

.clear
{
    clear:both;
}

.divider
{
    width: 95%;
    margin: 1em auto;
}

#header
{  
    position: relative;
    
}

#logo
{
	margin:0pt auto;
	padding:20px 0pt;
	width:406px;
}

#wrapper
{
    position: relative;
    clear: both;
    position: relative;
    margin-top: 1em;	
    width: 100%;
    z-index: 0;
}

#navigationTop{
	width: 91%;
	margin: 0 auto;
}


#center
{
    position: relative;
    width: 90%;
    margin: 0 auto;
    min-height: 40em;
    z-index: 0;
}

#footer
{
    position: relative;
    clear:both;
    padding: 0em 0.25em 0;
    margin-top: 2.5em;
}

#footerLeft
{
    position: relative;
    padding-left: 0.5em;
    
    width: 49%;
}

#footerRight
{
    position: relative;
    float: right;   
    padding-right: 0.5em;
    width: 50%;
}

.imageRight
{
    float: right;
}

.column1
{
    float:left;   
}

.column2
{
    float: right;
}

.clear
{
    clear: both;   
}

#leftTop, #topControl, #bottomControl, #rightTop, #rightBottom
{
	position: relative;
}

#leftTop, #leftBottom, #topControl, #bottomControl
{
	padding: 0px 7px 0px 16px;
}

#rightTop, #rightBottom
{
	padding: 7px 16px 7px 7px;
}

/* common controls */

/* navigation */

ul.mainNav{
	padding: 5px;
}

ul.subNav{
	padding: 0 5px 5px 5px;
}

ul.mainNav li, ul.subNav li{
  margin: 0;
  padding: 0;  
  display: inline;
}

ul.mainNav li a, ul.subNav li a{
	padding: 0 0.5em;
}


#navigationFooter ul.footerNav li
{
    display: inline;
}

#navigationFooter ul
{
    margin: 0;
    padding: 0;
}

#breadcrumbs
{
    margin-bottom: 0.5em;
}


/*contents */

#contents
{
    padding: 1% 2%;
    z-index:0;
}

#contents p, h1,h2,h3{
	margin: 0.5em 0;
}

.contactUs{
   padding: 1% 2%;
}

#bottomNav
{
    padding: 0 0.25em;
}

.row
{
    display:block;
    clear:both;
    position: relative;
}

.label
{
    float:left;
    width: 20%;
}

.field
{
    float:left;
    width:60%;   
    margin-left:1%;
}

.row .submit
{
    position: relative;
    right: 0;
    margin-left:71%;
}

ul.podcasts
{
    margin: 0;
    padding: 0;
}

li.podcast
{
    margin-bottom: 0.5em;
}

/* photoGallery */

#photoGallery{
	position: relative;
	width: 100%;
	height: 100%;
}

#photoSets{
	width: 34%;
	float: right;
	position: relative;
}

#photoSets ol li div{
	height: 225px;
	position: relative;
	overflow-y: scroll;
}
#photoSets ol li div a{
	display: block;
	float: left;
	width: 90px;
}

#photoPreviewWrapper{
	position: relative;
	width: 60%;
	padding: 0 1%;
}

#photoPreview{
	position: relative;
	width: 100%;
}

#photoPreview img{
	display: block;
}

#photoPreview a{
	position: absolute;
	width: 94px;
	height: 100%;
	top: 0;
}

#photoPreview a.prev{
	left: 0px;
}

#photoPreview a.next{
	right: 0;
}

#photoPreview a img{
	position: absolute;
	bottom: 40px;
}

#photoPreview img.loading{
	position: absolute;
	top: 5px;
	left: 10px;
}

#photoCaption{
	bottom:0;
	left:0;
	position:absolute;
	width:100%;
	z-index:0;
}

#photoCaptionBG, #centerBG{
	display:block;
	background:#fff;
	width:100%;
	height:100%;
	position:absolute;
	top: 0;
	z-index: -1;
}

#photoCaptionContent #contents, #contentsExtra {
	z-index: 2;
	position:relative;
}

#photoSets li h2{
	padding: 0.25em;
	margin: 0;
}

#photoSets li.open h2{
	padding: 0.25em 0;	
}

#photoSets li h2 a{
	padding: 0.25em;
}

