body { margin:0; font-family:Arial,verdana,small fonts; font-size:11px; background-image:url('../images/bg_slice2.gif'); background-repeat:repeat-y; background-position:top center; background-color:#095828; }

h1#masthead { background-image:url('../images/masthead2.jpg'); display:block; width:1020px; height:215px; margin:0; padding:0; background-repeat:no-repeat; }
h1#masthead span { display:none; }

a { color:#333333; }
a.ordernow { color:#ffffff; background-color:#02883f; padding:2px; text-align:center; text-decoration:none; }
a.ordernow:hover { color:#ffffff; background-color:#095828; }

#tn { width:1020px; background-image:url('../images/tn_bg.jpg'); height:35px; }
#tn ul { margin:0; padding:10px 0 0 0; }
#tn ul li { list-style:none; float:left; background-image:url('../images/tn_seperator.gif'); background-position:right center; background-repeat:no-repeat; padding:0 15px 0 15px; }
#tn ul li a { font-size:14px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
#tn ul li a.active { color:#FADB45; }
#tn ul li.tnEnd { background-image:none; }
#tn ul li a:hover { text-decoration:underline; }

#preview { width:1020px; height:70px; background-color:#05481D; }
#preview #banner { width:329px; height:70px; border:0; padding:0; margin:0; float:left; }
#preview #banner #bannerad { width:320px; height:70px; border:0; padding:0; margin:0; float:left; }
#preview #banner #sponsorad { width:9px; height:70px; border:0; padding:0; margin:0; float:right; }
#preview marquee { width:625px; float:right; } 
.preview_title { width:150px; height:70px; background-image:url('../images/preview_slice.gif'); background-position:top right; background-repeat:repeat-x; float:left; margin-left:5px; }
.preview_title img { float:right; }
.preview_title_text { text-align:right; width:120px; height:50px; vertical-align:middle; padding-top:20px; color:#FFFFFF; float:left; }

#content { width:1010px; background-color:#02883F; }
#content tr td { vertical-align:top; text-align:left; }
#content_body { width:501px; text-align:left; }

#content_right { width:300px; text-align:left; }

.content_section_top { background-image:url('../images/content_top.gif'); font-size:3px; width:500px; height:11px; margin:10px 0 0 10px; padding:0; background-position:bottom left; }
.content_section_body { background-image:url('../images/content.gif'); width:510px; background-repeat:repeat-y; background-position:bottom left; text-align:left; margin-left:10px; color:#0C4222; font-size:12px; }
.content_section_bottom { background-image:url('../images/content_bottom.gif'); font-size:3px; width:500px; height:10px; margin:0 0 10px 10px; background-position:bottom left; }

#atg_ads { width:270px; }

h2 { display:block; height:25px; margin:0; padding:0; background-repeat:no-repeat; }
h2 span { display:none; }
#welcome { background-image:url('../images/h2_welcome.gif'); width:247px; }
#latestEvents { background-image:url('../images/h2_latestNews.gif'); width:128px; margin-bottom:5px; }
#memberLogin { background-image:url('../images/h2_memberLogin.gif'); width:138px; height:26px; }

h3 { height:22px; width:300px; margin:0 0 5px 0; padding:0; }

.container { margin:0; padding:10px 15px 10px 15px; }

.sn_section_top { background-image:url('../images/sn_top.gif'); width:230px; height:10px; margin:10px 0 0 0; font-size:3px; }
.sn_section_body { width:230px; background-color:#4EAC78; color:#FFFFFF; } 
.sn_section_bottom { background-image:url('../images/sn_bottom.gif'); width:230px; height:10px; font-size:3px; }
.sn_padding { padding:0 10px 10px 10px; }

.sn_section_body a { color:#FFFFFF; font-weight:bold; }

#bodyContent { background-image:url('../images/bg2.jpg'); background-repeat:no-repeat; background-position:center top; }

.username { width:193px; height:23px; border:none; background-image:url('../images/login_0.gif'); background-repeat:no-repeat; padding:7px 0 0 6px; color:#4EAC78; font-size:13px; font-weight:bold; margin-top:5px; }
.username_clicked { width:193px; height:23px; border:none; background-image:url('../images/login_1.gif'); background-repeat:no-repeat; padding:7px 0 0 6px; color:#4EAC78; font-size:13px; font-weight:bold; margin-top:5px; }

.password { width:123px; height:23px; border:none; background-image:url('../images/password_0.gif'); background-repeat:no-repeat; padding:7px 0 0 6px; color:#4EAC78; font-size:13px; font-weight:bold; }
.password_clicked { width:123px; height:23px; border:none; background-image:url('../images/password_1.gif'); background-repeat:no-repeat; padding:7px 0 0 6px; color:#4EAC78; font-size:13px; font-weight:bold; }

.loginButton { margin:6px 0 0 10px; }

#h2_photoSearch { background-image:url('../images/h2_photoSearch.gif'); width:127px; }

.search { width:240px; height:23px; border:1px solid white; background-image:url('../images/search_bg.gif'); background-repeat:no-repeat; padding:7px 0 0 6px; color:#FFFEFF; font-size:13px; font-weight:bold; }

#footer { text-align:left; width:1000px; padding:20px; color:#4EAB74; }
#footer div { padding-left:20px; }
#footer div a { color:#4EAB74; text-decoration:none; }

.eventLink { font-weight:normal !important; text-decoration:none; }
.eventLink:hover { text-decoration:underline; }

#registerNow { background-image:url('../images/h2_registerNow.gif'); width:150px; }
#password { background-image:url('../images/h2_password.gif'); width:250px; }
#myEvents { background-image:url('../images/h2_fullEventList.gif'); width:250px; }
#myOrders { background-image:url('../images/h2_orders.gif'); width:250px; }
#helpFAQ { background-image:url('../images/h2_help.gif'); width:250px; }
#ContactUs { background-image:url('../images/h2_contactUs.gif'); width:250px; }
#thankYou { background-image:url('../images/h2_thankYou.gif'); width:250px; }
#memberInfo { background-image:url('../images/h2_memberInfo.gif'); width:150px; margin-bottom:10px; }
#orderPhotos { background-image:url('../images/h2_orderPhotos.gif'); width:250px; }
#h2_currentOrder { background-image:url('../images/h2_currentOrder.gif'); width:150px; }
#h2_purcahseImages { background-image:url('../images/h2_purchaseImages.gif'); width:200px; }
#h2_purcahsedImages { background-image:url('../images/h2_purchasedImages.gif'); width:200px; height:40px; }

#sectionnametitle { height:21px; background-color:#02883f; padding:5px 0 0 5px; }
#sectionnametitle strong { color:#ffffff; font-weight:bold; }

.form tr td { font-size:11px; text-align:left; vertical-align:middle !important; }
.form tr td.TDlabel { font-size:12px; font-weight:bold; text-align:right !important; }

#lightbox{
	position: absolute;
	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(../images/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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


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

#imageData{	padding:0 10px; color: #666; }
#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;
	}
	
#orderPanel
{
	position: absolute;
	top: 0;
	left: 0;    
    border: 1px solid white;
    width: 180px;
    height: 300px;
    background-color: White;
    margin-left: -185px;   
    float: left;
    text-align:left;
}

#orderPanel p
{
 font-size: 10px;    
}

.thumbnail
{
    width: 24%; text-align: center; float: right;
}
.thumbnail32
{
    width: 32%; text-align: center; float: right;
}

.thumbnailIcon
{
    width: 100%;
}

.thumbnailLabel
{
    width: 100%; padding-top: 7px;
}

.textField
{
    width: 250px;    
}

.cartFooterItem
{
    text-align:right; padding-right: 5px; padding-top: 10px; border-top: 1px dashed #699999;vertical-align: middle;
}


.Grid 
{ 
  border: 1px solid #ffffff; 
  background-color: #FFFFFF; 
  cursor: pointer; 
}

.HeadingRow 
{ 
  background-color: #E2E2E2; 
}

.HeadingCell 
{ 
  background-color: #02883f; 
  border: 1px solid #5d9a13; 
  border-right-color: #ffffff; 
  border-bottom-color: #ffffff; 
  padding: 3px;
}

.HeadingCellText
{
  font-family: verdana; 
  font-size: 11px; 
  font-weight: bold; 
  text-align: left;
  color: #ffffff;
}

.DataRow 
{ 
  background-color: #FFFFFF; 
}

.DataCell 
{ 
  cursor: default;
  padding: 3px; 
  border-right: 1px solid #EAE9E1; 
  border-bottom: 1px solid #EAE9E1; 
  font-family: verdana; 
  font-size: 10px; 
} 

.DataRow td.FirstDataCell 
{ 
  padding-left: 3px; 
} 

.SelectedRow 
{ 
  background-color: #fde688; 
}

.SelectedRow td.DataCell 
{ 
  cursor: default; 
  padding: 2px; 
  padding-left: 3px; 
  padding-bottom: 3px; 
  font-family: verdana; 
  font-size: 10px; 
  border-bottom: 1px solid #4B4B6F; 
  border-top: 1px solid #4B4B6F; 
  border-right: 0px; 
}

.SelectorCell 
{ 
  background-color: #ffffff; 
  border: 1px solid #FFFFFF; 
  border-right-color: #095828; 
  border-bottom-color: #095828; 
  display: none;
}

.GridFooter
{
  cursor: default;
  padding:5px;
}

.GridFooter a 
{
  color: Black;
  font-weight: bold;
}


.PagerText
{ 
  font-family: verdana; 
  font-size: 11px; 
} 

.form_textInput
{
    width: 250px;    
}

.errorPanel
{
    border: 1px solid #CCC;
    background-color: #EBEBEB;   
    color: Red;
    padding: 5px;
    margin-bottom: 10px;
}

.sucessPanel
{
    border: 1px solid #CCC;
    background-color: #EBEBEB;   
    color: Green;
    padding: 5px;
    margin-bottom: 10px;
}


/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}