/* Garden Gallery stylesheet */

@import url("../../style_dropdown.css");
@import url("../../style_footer.css");


/* ADDED TO CONTROL HEIGHT OF EMPTY SPACE AT TOP */
body {
    margin-top: -40px;
    /*background-image: url(../../images/sunburst-3.jpg)*/
}

/* THIS bgcolor SELECTOR IS THE ONLY WAY TO STYLE THESE ELEMENTS OF THE AUTOMATICALLY GENERATED PHOTO DISPLAY PAGES */
/* ADDED */
body[bgcolor="#4E4D4D"] {
   background: url(../images_al/bkgnd_dark-green.gif); 
}

/* ADDED */
body[bgcolor="#4E4D4D"] img {
      border: 10px solid #7caa30 !important;
}

/*ADDED*/

#wrapper {
	margin-right: auto;
	margin-left: auto;
	height: 750px;
      width: 848px;
}

#wrapper_inner {
}

#mainCenter {
	height:100%;
}

/*CHANGED*/
#titleframe {
	width: 100%;
      margin-top: 50px;
	/*height: 92px;*/
	/*background-color: #CCCCCC;*/
	
}

/*ADDED*/
#top {
      width: 844px;
      margin: 0 auto 0px;
      z-index: 999;
	position: relative;
}

/*ADDED*/
#logo {
      width: 204px;
      height: 84px;
      background: url(../images_al/logo_bkgnd_gg.png) no-repeat;
      padding-top: 10px;
      float: left;
      position: absolute;
      top: 69px;
	left: 1px;
}

/*ADDED*/
#logo img {
      width: 127px;
      height: 74px;
      margin-left: 30px;
      border: thick solid #7caa30;
      border-right-width: 10px;
      border-left-width: 10px;
}


/*ADDED*/
#nav_top {
      width: 610px;
      float: right; 
      margin-top: 69px;
      margin-right: 10px;
} 

/*ADDED*/
#nav_top a { background-image: url(../images_al/menu_gg.png);
    width: 122px;
    height: 19px;
    display: inline;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    text-align: center;
    padding-top: 6px;
    text-decoration: none;
    color: rgb(233, 228, 208);
    font-weight: bolder;
    }

/*ADDED*/
  #nav_top a:hover { color: #DCD57A;
    }

/*ADDED*/
  #nav_top #current { color: #DCD57A;
    }

/*ADDED*/
#div_thumbs {
	width: 220px;
	height: 75px;
	position: fixed;
}

#table_thumbs {
	margin-top: 16px;
}

#table_thumbs .nav_thumbs {
      font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
}

#table_thumbs .nav_thumbs a {
	margin-top: 3px;
	color: rgb(233, 228, 208);
	text-decoration: underline;
	cursor: pointer;
}

#table_thumbs .nav_thumbs a:hover {
	color: #DCD57A;
	text-decoration: underline;
}

#table_thumbs .nav_thumbs a img {
	border: 2px solid rgb(233, 228, 208);
}

#table_thumbs .nav_thumbs a:hover img {
	border: 2px solid #DCD57A;
}

#table_thumbs table[bgcolor="#5B5A5A"] {
	background: url(../images_al/bkgnd_med-green.gif);
}

#table_thumbs .filler table[bgcolor="#5B5A5A"] {
	background: url(../images_al/bkgnd_dark-green.gif);
}

.title_thumbs {
      font: bold 14px Trebuchet MS, verdana, arial;
	color: #DCD57A;
}

.portrait_partner img {
	margin-top: 9px;
}

.nodisplay {
	display: none;
}

/*ADDED. margin-top CONTROLS CONNECTION BET. NAV TABS AND TOP OF MAIN AREA */
#table_main {
      clear: both;
      margin-top: -77px;
}

/* CHANGED. HEIGHT OF TopFrame HERE MUST BE 500px IF YOU WANT gallery_description TO SHOW BELOW IT. */
#TopFrame {
	width: 100%;
	height: 575px;
	border: 0px;
/*      overflow: hidden; */
}

#BottomFrame {
	width: 100%;
  	height: 86%; 
	border: 0px;
	position: relative;
	top: 75px;
}


/*
a 			{ color: #CCCCCC; text-decoration: none; font-weight:normal;} 
a:hover		{ color: #CCCCCC; text-decoration: underline; }
*/

.userAlert{
	float:right;

}


/* title frame */

.titleContent { padding: 6px 0 6px 6px; }

.banner
{
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	color: #DCD57A;
}

.banner .title{
	font-size:1.2em;
	font-weight:bold;
}

.banner .info{
	font-size:0.9em;
}

.pagenums {
	font-size:10px;
	font-family: Trebuchet MS, verdana, arial;
	color: #CCCCCC;
}

/* CHANGED */
.banner .email a {
	color: rgb(233, 228, 208);
	text-decoration: underline;
}

.banner .email a:hover {
	color: #DCD57A;
	text-decoration: underline;
}


/* index frame */

.indexContent {
	width:95%;
	padding-top:6px;
	padding-bottom:6px;
}

.indexInfo {
	font-size: 11px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 0 0 6px;
}

.indexInfo .filename {
	color: #CCCCCC;
}

.indexInfo .date {
	color: #CCCCCC;
}

/* file info */

#imageInfo{
	width: 461px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 6px 0 6px;
	color: #CCCCCC;
}

/*ADDED -- HERE IS STYLING FOR INDIVIDUAL PHOTO CAPTION, WHICH WOULD BE INSERTED AFTER div id="imageInfo" IN PHOTO'S HTML PAGE, WITHIN div class="caption_photo"*/

.caption_photo {
	font-size:11px;
	color: #DCD57A;
      text-align: justify;
	padding-top:6px;
	padding-bottom:6px;
}


/*ADDED -- NOT USED AFTER ALL, SO SET TO display: none. IF CHANGE YOUR MIND, NEED TO SET HEIGHT OF #TopFrame TO 500px, ABOVE */
#gallery_description {
      font: 12px Trebuchet MS, verdana, arial;
      color: rgb(233, 228, 208);
	margin: 0 20px;
	display: none;
}


/*CHANGED*/
.content {
      display: none;
	font-size:11px;
	color: #CCCCCC;
      
	padding-top:6px;
	padding-bottom:6px;
}

.header{
	font-size:9px;
	font-weight:bold;
	color: #CCCCCC;
}

.contentLast {
	font-size:11px;
/*	color: #CCCCCC;*/
	padding-top:6px;
}

/* feedback */

.feedback {
	width: 461px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 6px 6px 0 6px;
}

.checkBoxText
{
	font-size: 11px;
	color: #CCCCCC;
}
.button {
	font-weight:bold;
	font-size: 11px;
	color:#CCCCCC;
	width:100%;
	background-color:#D6BA8B;
}

/* ADDED */
#gallery_nav {
  width: 90px;
  height: 60px;
  background-color: white;
}

.nav_arrow {
  width: 30px;
  height: 30px;
}  

/* ADDED */
#footer_wrapper {
	/*display: table;*/
	margin: -72px auto 0;
	width: 390px;
	height: 133px;
	background: rgb(233, 228, 208);
}

#footer_wrapper div.links {
  margin-left: -279px;
  padding-top: 2px;
}

#footer_wrapper div.maplinks ul {
  margin-left: -50px;
}

/*
#footer {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: rgb(233, 228, 208);
	font: 11px verdana,arial,sans-serif;
	color: Black;
}

#footer a {
	text-decoration: underline;
} 	
*/