/* Start of CMSMS style sheet ' Site structure' */
/* overall */
html * { margin: 0; padding: 0; } 
body { background: #D6DDE5 url('../site_images/interface/bg.gif'); font: normal 71%/120% Arial, Helvetica, Verdana, sans-serif; }
div#holder { width: 750px; margin: 20px auto 20px auto; padding: 0; background: #ffffff; }
div.clearer { clear: both; font: normal 1px/1px sans-serif; height: 1px; }
.skiplink { display: none; }
.linksep { display: none; }
.hideme { display: none; }


/* header area */
div#headerarea { padding: 0; margin: 0; height: 125px; }
div.header { float: left; width: 720px; height: 125px; background: #ffffff; }
div.headercorner { float: left; width: 30px; height: 125px; background: #ffffff url('../site_images/interface/headercorner.gif') no-repeat top right; }
div.headerlogo img { border: 0px; position: absolute; bottom: 0px; margin-left: 14px; } 
.positionmenu { position: absolute; z-index: 30; }
.position1 { position: absolute; left: 0px; width: 280px; height: 112px; }
.position2 { position: absolute; left: 328px; width: 135px; height: 112px; }
.position3 { position: absolute; left: 468px; width: 160px; height: 112px; }


/* content area */
div#contentarea { background: #7994B8; margin: 0px 4px 0px 4px; padding: 0; }
div#navarea { float: left; width: 140px; margin: 60px 10px 10px 8px; }
div#navareacategory { float: left; width: 140px; margin: 60px 10px 10px 8px; }
div#pagearea { float: right; width: 546px; height: 496px; margin: 10px; }
div#pagearea img { border: none; padding: 0; margin: 0; }
div#pagewhite { position: absolute; width: 546px; height: 496px; display: block; background: #ffffff;  }
div.footer { clear: both; font: normal 1px/1px sans-serif; height: 4px; background: #ffffff; }


/* portrait images */
div.portrait { position: absolute; left: 8px; top: 8px; }
div.portimage { float: left; height: 480px; margin-right: 8px; }
div.portdetails { float: left; height: 480px; }
div.portdesc { position: absolute; bottom: 10px; width: 150px; }
div.portphoto { position: absolute; right: 8px; top: 8px; width: 110px; }
div.portphoto img { width: 110px; }
div.portphoto a { color: #666666; }
div.portphoto a:hover { color: #999999; }


/* landscape images */
div.landimage { position: absolute; top: 8px; left: 8px;  }
div.landdesc { position: absolute; bottom: 10px; left: 8px; }
div.landphoto { position: absolute; right: 8px; bottom: 5px; width: 110px; }
div.landphoto p { padding-bottom: 2px; }
div.landphoto a { color: #666666; }
div.landphoto a:hover { color: #999999; }


/* category pages */
div.categorypagearea { float: right; width: 546px; margin: 10px; }
div.categoryarea { width: 546px; background: #ffffff; padding: 8px 0 8px 0; }
div.categories { margin: 0 8px 0 8px; }
div.category { width: 104px; height: 285px; margin: 1px; float: left; }
div.categoryholder { width: 104px; height: 250px; overflow: hidden; margin-bottom: 5px; }
div.category img { height: 250px; border: none; }


/* thumbnail pages */
div.thumbnails { margin: 0px 8px 0px 8px; } 
div.thumb { width: 104px; height: 104px; margin: 1px 1px 1px 1px; float: left; }
div.thumb img { width: 104px; height: 104px; border: none; }
div.thumbnails img { width: 104px; height: 104px; border: none; margin: 1px 1px 1px 1px; float: left; }


/* text pages */
div#textholder1 { padding: 10px 0 10px 0; }
div#textholder2 { margin: 0 10px 0 10px; padding: 0; background: #ffffff; }
div#textimgarea { float: left; width: 300px; margin: 10px 10px 10px 10px; overflow: hidden; }
div#textimgarea img { border: none; margin: 0; padding: 0; width: 300px; }
div#textpagearea { float: left; width: 380px; }
div#textarea { width: 402px; padding: 8px 0 8px 0; }
div#textpage { margin: 40px 60px 20px 0; }




/* home page */
div#homeintroarea { float: left; width: 280px; margin: 65px 0px 10px 11px; }
div#homearea { width: 418px; height: 367px; float: right; }
div#homewhite { position: absolute; width: 418px; height: 367px; background: #ffffff; }
div.homeitem { width: 138px; height: 367px; margin-left: 1px; float: left; }
div.homeholder { width: 138px; height: 367px; overflow: hidden; background: #282932; }
div.homeholder img { height: 367px; border: none; }
div.homecorner { position: absolute; width: 138px; height: 11px; top: 356px; background: url('../site_images/interface/homecorner.gif') no-repeat top right; }

/* End of ' Site structure' */

/* Start of CMSMS style sheet ' Site text' */
/* overall text setup */
p { padding: 0; margin: 0; color: #444444; }
h1 { font: bold 95%/110% Arial, Helvetica, Verdana, sans-serif; color: #010C4E; padding-bottom: 2px; }
h2 { font: bold 95%/110% Arial, Helvetica, Verdana, sans-serif; color: #2A558E; padding-bottom: 2px; }
h3 { font: bold 95%/110% Arial, Helvetica, Verdana, sans-serif; color: #444444; padding-bottom: 2px; }
h4 { font: normal 95%/110% Arial, Helvetica, Verdana, sans-serif; }
ul,ol { font: normal 71%/140% Arial, Helvetica, Verdana, sans-serif; }


/* links */
a { font-weight: normal; color: #456590; text-decoration: none; }
a:visited { font-weight: normal; color: #456590; text-decoration: none; }
a:active { font-weight: normal; color: #456590; text-decoration: none; }
a:hover { font-weight: normal; color: #888888; text-decoration: none; }

a.plain { font-weight: normal; color: #444444; text-decoration: none; }
a.plain:visited { font-weight: normal; color: #444444; text-decoration: none; }
a.plain:active { font-weight: normal; color: #444444; text-decoration: none; }
a.plain:hover { font-weight: normal; color: #888888; text-decoration: none; }


/* standards */
.bright { color: #2A558E; }
.lgrey { color: #999999; }
.mgrey { color: #666666; }
.dgrey { color: #333333; }
ul.endlinks { list-style-type: none; padding:  5px 0 0 0; margin: 0; border:none; line-height: 130%; }
p.pullquote { margin: 10px 10px 20px 0; padding: 0 0 0 14px; border-left: 6px solid #F1F1F1; color: #666666; }


/* top nav */
div#headerarea ul { list-style-type: none; position: absolute; bottom: 0px; border-left: 1px solid #C0C7CE; padding-left: 5px; font: normal 100%/120% Georgia,Garamond,"Book Antiqua","Times New Roman",Times,serif; letter-spacing: -1px; }
div#headerarea ul li a { color: #3F454D; text-decoration: none; }
div#headerarea ul li a:hover { color: #7C90A7; text-decoration: none; }
div#headerarea ul li.selected a { color: #7C90A7; text-decoration: none; }
div#headerarea ul li.selected a:hover { color: #3F454D; text-decoration: none; }


/* page nav area */
div#navarea ul { list-style-type: none; padding-left: 5px; font: normal 100%/120% Georgia,Garamond,"Book Antiqua","Times New Roman",Times,serif; letter-spacing: -1px; }
div#navarea ul li a { color: #ffffff; text-decoration: none; }
div#navarea ul li a:hover { color: #CFDCEF; text-decoration: none; }

div#navarea ul li ul { list-style-type: none; margin-left: -5px; border-left: 1px solid #ffffff; font-size: 100%; line-height: 120%; }
div#navarea ul li ul li a { color: #ffffff; text-decoration: none; }
div#navarea ul li ul li a:hover { color: #CFDCEF; text-decoration: none; }
div#navarea ul li ul li.selected a {  color: #CFDCEF; text-decoration: none; }
div#navarea ul li ul li.selected a:hover { color: #ffffff; text-decoration: none; }

div#navarea ul li a.selectme {  color: #CFDCEF; text-decoration: none; }
div#navarea ul li a.selectme:hover { color: #ffffff; text-decoration: none; }
div#navarea ul li ul li a.selectme {  color: #CFDCEF; text-decoration: none; }
div#navarea ul li ul li a.selectme:hover { color: #ffffff; text-decoration: none; }

div#navarea p { padding-top: 30px; color: #ffffff; }

/* category nav area */
div#navareacategory ul { list-style-type: none; padding-left: 5px; border-left: 1px solid #ffffff; font: normal 100%/120% Georgia,Garamond,"Book Antiqua","Times New Roman",Times,serif; letter-spacing: -1px; }
div#navareacategory ul li a { color: #ffffff; text-decoration: none; }
div#navareacategory ul li a:hover { color: #CFDCEF; text-decoration: none; }
div#navareacategory ul li a.selectme {  color: #CFDCEF; text-decoration: none; }
div#navareacategory ul li a.selectme:hover { color: #ffffff; text-decoration: none; }
div#navareacategory p { padding-top: 30px; color: #ffffff; }


/* category pages */
div.category p { margin-left: 2px; } 
div.category a { font: normal 100%/120% Georgia,Garamond,"Book Antiqua","Times New Roman",Times,serif; color: #3F454D; text-decoration: none; letter-spacing: -1px; }
div.category a:hover { color: #7C90A7; text-decoration: none; }


/* home page */
div#homeintroarea h1 { font: bold 110%/130% Georgia,Garamond,"Book Antiqua","Times New Roman",Times,serif; color: #ffffff; }
div#homeintroarea p { font: bold 110%/130% Georgia,Garamond,"Book Antiqua","Times New Roman",Times,serif; color: #ffffff; padding: 0 0 10px 0; }
div#homeintroarea a { font-weight: bold; color: #CFDCEF; text-decoration: none; }
div#homeintroarea a:hover { font-weight: bold; color: #ffffff; text-decoration: none; }

div#homewhite p { top: 335px; margin-left: 8px; position: absolute; z-index: 10; color: #ffffff; }
div#homewhite a { color: #ffffff; font: bold 120%/140% Georgia,Garamond,"Book Antiqua","Times New Roman",Times,serif; text-decoration: none; }
div#homewhite a:hover { color: #CFDCEF; text-decoration: none; }

/* text pages */
div#textpage p { padding: 0 0 10px 0; }
/* End of ' Site text' */

/* Start of CMSMS style sheet ' Site lightbox' */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(site_images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(site_images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(site_images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	/* filter:alpha(opacity=60); */
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	/* display: inline-block; */
	display: inline; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* End of ' Site lightbox' */