@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: "Futura";
  src: url(../styles/fonts/futuran.ttf) format("truetype");
}
@font-face {
  font-family: "Gill Sans";
  src: url(../styles/fonts/GillSans.ttf) format("truetype");
}


body {
	text-align: center;
	background-color: #7DAC44; /*#113D74;*/
	margin:	0;
	padding: 0;
	color: #000000;
	height: 100%;
	}

/*** content buckets ***/

#outer_wrapper {
	margin: 40px auto;
	padding: 0;
	width: 780px;
	position: relative;
	text-align: left;
	}
	
#inner_wrapper {
	background-color: #FCFCFC;
	border: 3px solid #0C2C54;
	padding: 0 18px;
	}

#main_content {
	height: 550px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0 20px 10px 10px;
	background-color: white;
	border: 1px solid #DDDDDD;
	border-top: none;
	margin-top: -20px;
	scrollbar-face-color: #9EBA6B;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-3dlight-color: #DDDDDD;
	scrollbar-darkshadow-color: #999999;
	scrollbar-shadow-color: #758A50;
	scrollbar-arrow-color: #999999;
	scrollbar-track-color: #BDDF81;
	}
	
#footer {
	text-align: center;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	padding-top: 5px;
	margin: 30px 0 20px;
	}
	
/*** menu styles ***/

#menu_wrapper {
	position: relative;
	margin: 0;
	}
#menu_logo {
	margin: 30px auto 0;
	text-align: left;
	cursor: pointer;
	}
#menu {
	margin: -40px auto 20px;
	line-height: 2.5em;
	background-color: #1d69c7; /*113D74; ECFCBE; CFDBFC;*/
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	}
#menu ul {
	padding-left: 0;
	}
#menu .menu_option, #menu .menu_active {
	display: inline;
	padding: 11px 11px 12px 9px;
	color: #CBE2FF;
	font-size: 11px;
	text-decoration: none;
	cursor: default;
	line-height: 3.5em;
	}
#menu .menu_option:hover {
	background-color: #72A7E8;
	color: #113D74;
	text-decoration: underline;
	cursor: pointer;
	padding-top: 14px;
	padding-bottom: 18px;
	}


/*** primary elements ***/

p, li, blockquote, td, ul, ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 1.2em 0 0;
	color: #262D1A;
	line-height: 1.6em;
	}
p {
	text-align: justify;
	}

th {
  	font-family: Verdana, arial, helvetica; 
	font-size: 13px; 
	font-weight: bold;
	color: #234016;
    line-height: 16px; 
	margin-top:8px; 
	margin-bottom:0px;
}

h1, h2, h3, h4, h5 {
	font-family: Century Gothic, Gill Sans, arial, helvetica; 
	color: #0C2C54;
	margin-left: 0; 
	padding-left: 0;
}
  
h1 {
  	font-size: 24px;
	font-weight: bold;
}

h2 {
  	font-size: 20px;
}

h1, h2, h3, h4, h5 {
  	font-weight: normal;
}
  
h3 {
	font-weight: normal;
  	font-size: 18px;
	margin-bottom: 0px;
}

h4 {
	font-weight: normal;
  	font-size: 16px;
}

.orderCaption {
	margin: 3px 0 0 0;
	text-align: center;
}

h5 {
  	font-size: 18px; color: #234016; 
}

.infobox {
  	font-family: arial, helvetica;
	text-align: right; 
	font-size: 11px; 
	font-weight: 600; 
	color: #2F4F4F; 
	border-style: none; 
}

.textbox, .bucksbox, .dropdown, .qtybox {
  	font-family: verdana, arial, helvetica; 
	font-size: 9px; 
	color: #333333; 
}

.bucksbox {
  	text-align: right; 
}

.qtybox {
    width: 30px;
	border: 1px solid gray;
	text-align: right;
	padding-right: 4px;
}

/* PHOTOGRAPH FRAMES */
  
.photoframe_center, .photoframe_right, .photoframe_left {
	border: 2px solid #0C2C54;
	background-color: #f6f6f6;
	margin: 5px;
	padding: 5px;
}

.photoframe_right {
	float: right;
	margin-left: 10px;
	margin-right: 0;
}
  
.photoframe_left {
	float: left;
	margin-right: 10px;
	margin-left: 0;
}
  

/*** infoPopup ***/

.infoPopup {
	display: none; 
	position: absolute; 
	width: 300px; 
	border: 2px solid rgb(14, 84, 107); 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; 
	-moz-border-radius: 6px; 
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	background-color: #FDFDFD; 
	padding: 15px;
	font-size: 11px;
	line-height: 1.5em;
	color: #666666;
	z-index: 9999;
}
.infoPopup p, .infoPopup li, .infoPopup td, .infoPopup th, .infoPopup ul {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 1.5em;
	color: #666666;
	margin-top: 0.3em;
}
.infoPopup h4 {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	}
.infoSpan {
	border-bottom: 1px dashed #444;
}


/*** listTable ***/
.listTable {
	border-collapse: collapse;
}

.listRowEven {
	background-color: #FFFFFF;
}

.listRowOdd {
	background-color:#F8F8F8;
}

.listRowEvenHighlit, .listRowOddHighlit {
	background-color: #E0F2F5;
}

.listRowHeight {
	height: 26px;
}

.listCellTD {
	font-size: 10px;
	color: #333333;
	padding: 3px 3px 4px 3px;
}

.listCellTH {
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #CFF3CB;
	padding: 5px 3px 5px 3px;
	border-bottom: 1px solid #999999;
}

/*** buttons ***/
.btn_40x16, .btn_70x16, .btn_110x19, .btn_110x19_red, .btn_180x19, .btn_180x38, .btn_menu_90x51 {
    color: #FFFFFF;
    display: block;
	font-weight: normal; 
	font-family: Gill Sans, arial, helvetica;
	text-align: center;
	margin: 0 auto;
    text-decoration: none;
    padding: 0 0 2px 0;
	border: none;
	cursor: pointer;
	outline: none; /* hide dotted outline in FF */
	}
.btn_40x16, .btn_70x16 {
	height: 16px;
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
	}
.btn_40x16 {
	background: transparent url(../images/btn_40x16_sprites.png) no-repeat scroll top left;
	width: 40px;
	}
.btn_70x16 {
	background: transparent url(../images/btn_70x16_sprites.png) no-repeat scroll top left;
	width: 70px;
	}
.btn_110x19, .btn_110x19_red {
	background: transparent url(../images/btn_110x19_sprites.png) no-repeat scroll top left;
	height: 20px;
	font-size: 11px;
	width: 110px;
	}
.btn_110x19_red {
	background: transparent url(../images/btn_110x19_red_sprites.png) no-repeat scroll top left;
	}
.btn_180x19 {
	background: transparent url(../images/btn_180x19_sprites.png) no-repeat scroll top left;
	height: 20px;
	font-size: 11px;
	width: 180px;
	}
.btn_180x38 {
	background: transparent url(../images/btn_180x38_sprites.png) no-repeat scroll top left;
	height: 38px;
	line-height: 38px;
	font-size: 20px;
	width: 180px;
	}
.btn_menu_90x51 {
	background: transparent url(../images/btn_menu_90x51_sprites.png) no-repeat scroll top left;
	height: 51px;
	padding-bottom: 11px;
	font-size: 11px;
	font-variant: small-caps;
	color: #3A4C04;
	width: 90px;
	display: inline;
	}
.btn_40x16:hover, .btn_70x16:hover, .btn_110x19:hover, .btn_110x19_red:hover, .btn_180x19:hover, .btn_180x38:hover, .btn_menu_90x51:hover {
    background-position: bottom left;
    outline: none; /* hide dotted outline in Firefox */
	}
	
.btn_menu_admin {
	background: transparent url(../images/btn_menu_admin.png) repeat scroll top left;
	height: 15px;
	font-size: 11px;
	color: #0B0B7B;
	font-variant: small-caps;
	padding: 6px 10px;
	margin-left: 0;
	margin-right: 0;
	border-right: 1px solid #3C7997;
	font-family: Gill Sans, arial, helvetica;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	display: inline;
	}
.btn_menu_admin:hover {
	background-position: bottom left;
	color: #ADE4FF;
	outline: none;
	}	

/*** editContainer styles ***/
#editContainer .textbox, #editContainer .dropdown, #editContainer .pricebox, #editContainer .bucksbox, #editContainer .qtybox, #editContainer .textarea {
	border: 1px solid #E7E7E7;
	background-color: #F7F7F7;
	margin: 2px 0;
	padding: 4px 1px 1px;
	}


/*** Mailing List Signup ***/
#mailing_list_signup {
	border: thin solid #006600; 
	padding: 10px; 
	margin: 0 10px 10px 10px; 
	background-color: #f5faf2;
	width: 190px;
	float: right;
	}
#mailing_list_signup h4 {
	margin: 0 0 5px 0;
	padding: 0;
	}
#mailing_list_signup p {
	font-size: 9px;
	text-align: justify;
	}
#mailing_list_signup td {
	text-align: right;
	}
#mailing_list_signup label {
	color: #333333;
	}
#mailing_list_signup input {
	margin: 5px 0;
	border: 1px solid #999999;
	padding: 3px;
	width: 115px;
	}