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

/* TAG ELEMENTS */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	padding:0px;
	font-weight:normal;
	font-size:18px;
	color:#CC3300;
}

h2 {
	text-align:left;
	margin: 12px 0px 5px 0px;
	font-weight:bold;
	font-size:14px;
	color:#52694E;
}
h3 {
	font-size:12px;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	text-decoration:underline;
	}

/*h4 used for List headers*/
h4 {
	font-size:12px;
	font-weight:bold;
	margin: 20px 0px 10px 0px;
}

p {
	text-align:left;
	font-size:12px;
	line-height:18px;
	margin: 0px 0px 15px 0px;
	color:#000000;
}

p.preList { margin-bottom:8px;}

td {
	font-size:12px;
	margin: 0px 0px 10px 0px;
}
ul{
	font-size:12px;
	margin-top:0px;
	margin-bottom:15px;
	list-style-type:square;
	text-align:left;
}
li {
	margin-bottom:5px;
}
dl
	{margin-bottom:0px;}
dt {
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	}
	
dd {
	font-size:12px;
	font-weight:normal;
	}
	
ol {
	font-size:12px;
	margin-top:0px;
	margin-bottom:10px;
	list-style-type:decimal;
}
label {
	text-align:right;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	margin: 0px 0px 15px 0px;
}
strong {color:#333333;}

a:link {color:#0000EE;}
a:active {color:#0000EE;}
a:visited {color:#0000EE;}
a:hover {color:#CC3300;}


#container {
	width: 965px;  
	/*height:624px;*/
	height: 544px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:-272px;
	position:relative;
	background-image:url(../images/greek_key_box_543.gif);
}
#fulLContent {position:absolute; top:20px; left:20px; width:925px; }
#mainContent {
	padding: 10px 20px 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	left:220px;
	top:0px;
	width:682px;
	height:502px;
	position:absolute;
	border:0px solid #FF0000;
}
#horizon        
	{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	}
#botNavBar {
	width:923px;
	background-color:#CCD4BC;
	margin:0px 21px 0px 21px;
	position:absolute;
	top:483px;
}

#botNavBar a, #botNavBar a:link, #botNavBar a:visited {
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	display:block;
	margin:15px 15px 0px 10px;
	float:right;
	font-size:12px;
	text-decoration:none;
	color:#000000;
}
#botNavBar a:hover { color:#CC3300;}

#botNavBar a.logo, #botNavBar a.logo:link, #botNavBar a.logo:visited {
	display:block;
	margin:0px;
	float:left;
}
#leftNavBar {
	position:absolute; 
	top:10px; 
	left:10px; 
	width:200px;
	}
	
	
.highlight { color:#CC3300;}
.green {color:#52694E;}
#searchBox {
	border:1px solid #52694E;
	margin:10px 0px 0px 10px;
	width:130px;
	padding:10px;
	text-align:center;
	}
	
#details {
	float:left;
	text-align:left;
	width:468px;
	padding:30px 20px 0px 20px;
	margin:0px;
}
.phone {
	font-size:14px;
	font-weight:bold;
	color:#586C54;}

#footerLinks {
	position:absolute;
	bottom:-15px;
	font-size:10px;
	text-align:center;
	width:965px;}
	
/*************** Collections Page ****************/
.sampleGrid { 
	width:660px; 
	height:415px; 
	border:2px solid #DDDDDD; 
	position:relative;
	top:10px;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;}
.sampleGrid img { border:0px;}
.sampleGrid a, #sampleGrid a:link, #sampleGrid a:visited { 
	border:1px; 
	margin:0px 0px 3px 0px;
	padding:0px;
	}
.sampleBox {
	position:relative;
	font-size:10px;
	text-align:center;
	border:0px solid #00CC33; 
	padding:7px;
	margin:0px 12px 7px 12px;
	float:left;
	width:175px;
	height:185px;
}
.sampleBox a, .sampleBox img { border:0px;}
.sampleHr { 
	border:0px solid #000000;
	background-color:#DDDDDD; 
	height:1px; 
	clear:both; 
	width:640px;
	margin:0px 10px 0px 10px;
	padding:0px;}
.spaceBlock {	height:2px; 
	clear:both; 
	width:640px;
	margin:0px;
	padding:0px;}
	
#pageNumbers1 {
	font-size:11px;
	position:absolute;
	top:423px;
	right:0px;
	}

#pageNumbers2 {
	font-size:11px;
	position:absolute;
	top:443px;
	right:40px;
}
#pageNumbers1 a:link, #pageNumbers1 a:hover, #pageNumbers1 a:visited, #pageNumbers2 a:link, #pageNumbers2 a:hover, #pageNumbers2 a:visited  {
	text-decoration:none;
	}
.grey { color:#696969;}
.shortHead {margin:5px;}
.miniDescription{
	border:0px solid #FF0000;
	height:405px;
	padding:10px 20px 10px 20px;
	#position: absolute;#top:50%;
	display:table-cell;
	vertical-align: middle;
	}
.detailThumb{height:405px; width:275px; float:left; border:1px solid orange;}
.detailTxt{ position:absolute; left:350px; top:60px;
	width:315px; border:0px solid orange;}
.mediumImage {
	float:left;
	margin-right:20px;
	}
#logout {
	position:absolute;
	top:0px;
	right:0px;
	padding:10px;
	background-color:#696969;
	color:#FFFFFF;
	font-size:10px;
}
#logout a, #logout a:link, #logout a:visited {color:#FFFFFF}
#logout a:hover {color:#FFFF00;}
.adminContainer { text-align:left; margin-left:20px; margin-right:20px;}