html {width:100%; height:100%;}
body { background: #488176; width:100%; height:100%; margin:0; font-family: Arial, Helvetica, sans-serif;}

h1{font-size: 18px; color: #005500; }
h2{font-size: 32px; color: #005500; margin-bottom:10px; text-decoration: none}
h3{font-size: 28px; color: #005500;}
p {	font-size: 12px; color: #005500;}
li {font-size: 12px; color: #006600;}
a {color : #009900; font-weight:bold; text-decoration: underline;}
a:hover{color: #a9d627;}


.bkgd { padding:0; background: #9fd1e4 url(../graphics/bkgd.jpg) center repeat-x; width:100%; height:auto;  margin:0; }
.main { padding:0; background: url(../graphics/left_bkgd.gif) bottom repeat-x; width:100%; height:auto; text-align:center; margin:0; overflow:auto; }

.addToCart {padding: 0 100px 0 100px;}
.addToCart a{font-size:12px; text-decoration:underline; font-weight:bold;}


.bookstore {width:875px; border: 2px solid #1a6b8d; padding:0; min-height: 400px; text-align:center;}
.bookstoreCartHeader {width: 800px; background:#1a6b8d; height:20px; }
.bookstoreCartHeader h1 {color: #ffffff; line-height: 70%; margin-top:10px;}

.navigation{  height:20px; padding: 5px 0 5px 0; text-align:center; margin: 0; font-size:14px; font-weight:bold; background: #006600 url(../graphics/table_title_01.jpg) repeat-x; border-bottom: 2px solid #003300; clear:both;}
.navigation a{  text-decoration:none; padding:0 15px 0 15px; color : #ffffff}
.navigation a:hover{color:#a9d627}


.navigationForm{height:40px; margin: 0; text-align:center; padding:0; color: #1a6b8d;}

.imageContent { padding: 0; padding-bottom:20px; position: relative; text-align:center; height:auto;  margin:auto; margin-top:0; background: url(../graphics/content_bkgd.png);  border: 1px solid #003300; width:875px; overflow:hidden; }

.adminForm{ text-align:left; padding:0 150px 10px 150px; margin: auto; border: 0;}


.bottomLink{ position: relative; border:1px solid #003300; text-align:left; background: url(../graphics/content_bkgd.png); height:auto; padding: 0; margin:10px auto 10px auto; width:875px;}
.bottomLink h1{ font-size: 24px; margin-top:20px;}
.bottomLink p { padding: 10px; margin:0 40px 0 0; }
.bottomLink a {font-weight:bold; text-decoration:underline;}

.breadcrumb{  float:left; font-size:11px; margin:0; margin-left:20px; clear:both}
.breadcrumb a {text-decoration:underline; color: #009900;}
.breadcrumb a:hover {color: #a9d627;}
.breadcrumb p { text-align:left; color: #005500; }

.copyright{ font-size:9px; color: #FFFFFF; position: relative; clear:both; text-align:left; width:800px; clear:both;  margin:auto; padding:35px 0 25px 0}
.copyright a {color: #FFFFFF; text-decoration:underline}
.copyright a:hover {color: #a9d627;}

#firstLetter{font-size: 32px; text-decoration: none; line-height:80%;}

.homeContent{margin: auto; padding:0;}
.homeContent img {margin-bottom:10px;}

.homeText { text-align:left; font-size: 12px; color: #79b5cd; margin:0; clear:both; padding: 0 60px 0 60px;}

.imageHolder{ float:left; background: #ffffff;  position: relative; border: 5px ridge #666666; padding:15px; margin:20px; margin-bottom:10px;}

.largeImageDisplay{margin:auto; position: relative; height:auto; clear:both}

.largeImage { margin:auto; text-align:center; padding:20px; height:auto; width:auto;}
.largeNav { text-align:center;  padding:10px; margin:0 0 0 0;  font-size:12px; clear:both}

.largeImageDetails { padding:10px;  width:500px; position:relative;  margin:auto;}
.largeImageInfo { margin: 10px 0 20px 0;}
.largeImageTitle {  text-align:center; margin:0; font-size:20px; font-weight:bold; color: #006600;}
.largeImageText { width:500px; position:relative;  margin:auto; }
.largeImageText p {text-align:left; margin-top: 15px; font-size:12px; }


.lightboxNav { position:relative; font-size:11px; width:auto;  text-align:center; color: #005500;  margin:auto; clear:both;}

.pageNav { position:relative; font-size:11px; width:400px;  text-align:center; color: #005500;  margin:auto; clear:both;}

.photos { margin: auto; margin-bottom:15px; position: relative;  text-align:center; height:auto; padding:5px 10px 10px 10px; overflow:visible;}
.photos img{ border:0;}
.photos h2{text-align:center; text-decoration:none; clear:both}

.popUpForm {color:#006600; width:390px; margin: 0; padding:0; position:absolute; display:none; text-align:left; padding:5px; background:white; border: 1px solid #006600; z-index:100; }

.categoryHolder { clear:both; margin-left:75px;}
.photoCategory { float:left; text-align:center;  min-width:92px; height:230px; position: relative; margin:5px; background: #ffffff; border: 1px solid #006600; padding:10px}
.photoCategory img{border: 1px solid #006600; }
.photoCategory a{font-weight: bold; font-size:12px;	color: #009900; text-decoration:underline}
.photoCategory a:hover{color: #a9d627;}
.photoCategory p {text-align:left; width:150px; font-size:10px;}


.resultsPanel{width:175px;  color: #005500; padding:10px; margin:5px 10px 0 5px; font-size: 12px;   border:1px solid #006600; float:left}
.resultsPanel p{font-size: 12px;}
.resultsPanel a{font-size: 14px; font-weight: bold;}


.searchPanel {float:right; margin: 0 20px 0 auto; text-align:right}
.searchPanel a {font-size:12px; text-decoration:underline; color: #009900;}
.searchPanel  a:hover {color: #a9d627;}

.searchFormDiv { float:right; padding:0; margin: 0 0 0 20px; font-size:12px; text-align:right; color:#006600; vertical-align:top;}
.searchFormDiv a {font-size:12px; text-decoration:underline; color: #009900;}
.searchFormDiv  a:hover {color: #a9d627;}



.signIn {color:#006600; float:left; display:none}

.thumbnail {padding: 5px; margin:5px; background:white;	font-size: 14px; color: #5698b3;  border:2px solid #1a6b8d;}

.thumbs { position: relative; height:auto; width:800px; margin:5px auto 15px auto;  padding-left:50px; clear:both}
.thumbs h2 {line-height:90%}
.thumbnailImage { float:left; text-align:center; min-width:92px;  height:210px; overflow:hidden; position: relative; margin:5px;  background: #ffffff; border: 1px solid #006600; padding: 10px 10px 10px ;}
.thumbnailImage img{border: 1px solid #006600; }
.thumbnailImage a{font-weight: bold; font-size:12px; text-decoration:underline}
.thumbnailImage a:hover{color: #a9d627;}
.thumbnailImage p {text-align:left; width:140px; font-size:12px; margin-top:5px; height:30px; overflow:hidden;}

.userForm {text-align:left; font-size:12px; width:400px; color:#006600; margin:40px auto 20px auto; clear:both;}
.userForm p{line-height:25px;}

.userFormItem {height:30px; overflow:hidden; font-size:12px; line-height:11px; color: #006600; margin-bottom:5px; text-align:left;}
.userFormItemHeader {  width:170px; font-size:12px; line-height:14px; color: #006600; margin-top:3px;}
.userFormItemContent {float:right; }

.userFormText {text-align:left; font-size:12px; width:400px; color:#006600; margin:20px auto 20px auto; clear:both;}