@CHARSET "UTF-8";
/*
Colors:
White: 		#FFFFFF
Black: 		#000000
DarkGrey:	#6a6e76
LightGrey:	#b1b1b1
DarkBlue: 	#16223c
MedBlue:	#263248
PaleBlue:	#7e8aa2
BrightGold:	#ff9800
DarkGold:	#c07a1f

	*/
	a {
    	color:#369;
	}
	a:hover {
		color:#fff;
		text-decoration: underline;
		
	}
	
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin: 0;
        padding:0;
    }
    
	img {
		margin:0px;
		border: 0px solid #fff;
	}

	input[type="text"] {
	font-size: 8pt;
	padding: 0px;
	}

	input[type="checkbox"] {
	font-size: 8pt;
	}

	.admintable {
	border: 0;
	border-spacing: 1px;
	background: #aaa;
	}
	
	.admintd {
	background: #ccc;
	color: #000;
	padding: 2px;
	vertical-align: bottom;
	}

	.tdheader {
	background: #666;
	color: #fff;
	padding: 2px;
	}
	
	.tddimmer {
	background: #ccc;
	color: #666;
	padding: 2px;
	}

	.tableattributelist {
		border: 0;
		border-spacing: 1px;
		background: #ccc;
		}

	.tdattributelist {
		font-size: 8pt;
		background: #ccc;
		color: #000;
		padding: 0px;
		}

	.sectioninput {
		color:#000;
		display: block; 
		float: left; 
		width: 198px; 
		height: 22px; 
		text-align: center; 
		padding-top: 1px;
		background: #aaa; 
		border: 1px solid #ccc; 
	}

	.sectionbtn {
		color:#000;
		display: block; 
		float: left; 
		width: 198px; 
		height: 20px; 
		text-align: center; 
		padding-top: 3px;
		background: #aaa; 
		border: 1px solid #ccc; 
	}

	.sectionbtn:hover {
		color:#000;
		display: block; 
		float: left; 
		width: 198px; 
		height: 20px; 
		text-align: center; 
		text-decoration: underline;
		padding-top: 3px;
		background: #999; 
		border: 1px solid #ccc; 
	}

	.sectionbtnfocus {
		color: #fff;
		display: block; 
		float: left; 
		width: 198px; 
		height: 20px; 
		text-align: center; 
		padding-top: 3px;
		background: #333; 
		border: 1px solid #999; 
	}

	.eventbox {
		float: left;
		height: 238px;
		width: 198px;
		color: #fff;
		background: #222;
		border: 1px solid #333;
	}

	.keywordbox {
		float: left;
		height: 238px;
		width: 198px;
		background: #222;
		border: 1px solid #333;
		color: #eee;
	}
	
	.featuretext {
		display: block;
		color: #fff;
		background: url('/images/trans_75.png') center;
		position: absolute;
		visibility: hidden;
		top: 330px;
		z-index: 1;
		padding: 5px 10px 5px 10px;
		width: 978px;
		height: 60px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		vertical-align:  baseline;
	}

	.featuretextline {
		display: block;
		color: #fff;
		left: 0px;
		z-index: 1;
		height: 20px;
		vertical-align: baseline;
	}

	.featuretextquote {
		color: #F1F1DA;
		display: block;
		float: left;
		height: 18px;
		font-size: 12pt;
		margin-right: 12px;
		margin-top: 2;
		vertical-align: baseline;
	}

	.featuretextadjective1 {
		color: #DAE6F1;
		display: block;
		float: left;
		height: 18px;
		font-size: 10pt;
		margin-right: 12px;
		margin-top: 2;
		vertical-align: baseline;
	}
	
	.featuretextadjective2 {
		display: block;
		float: left;
		height: 18px;
		font-size: 10pt;
		margin-right: 12px;
		margin-top: 2;
		vertical-align: baseline;
	}

	.featuretextkeyword {
		display: block;
		float: left;
		height: 20px;
		font-size: 10pt;
		margin-right: 4px;
	}
	
	.featuretextkeywordlabel {
		display: block;
		float: left; 
		height: 20px;
		margin-right: 4px;
		font-size: 10pt; 
		color: #aaa;
	}


.listing {
	font: 80% 'helvetica neue',sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	}
	
.btndiv {
	font: 80% 'helvetica neue',sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #384;
	margin-top: 5px;
	cursor:pointer;  cursor:hand;
	}
	
.mouse {
	cursor:pointer;  cursor:hand;
	}
	
.link {
	color: #369;
	text-decoration: underline;
	}	
	
.imgshowcasedim {
	opacity:0.3;filter:alpha(opacity=30);
	cursor:pointer;  cursor:hand;
}

.imgshowcase {
	opacity:1;filter:alpha(opacity=100);
	cursor:pointer;  cursor:hand;
}

.gal_thumbdim {
	background: #222;
	opacity:0.3;filter:alpha(opacity=30);
}

.gal_thumb {
	background: #aaa;
	opacity:1;filter:alpha(opacity=100);
}

	.keywordbtn {
		display: block; float: left; background: #000; color: #369; width: 106px; height: 12px; padding: 2px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; font-size: 8pt;
	}

	.keywordbtnfocus {
		display: block; float: left; background: #666; color: #fff; width: 106px; height: 13px; padding: 2px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; font-size: 8pt;
	}

	.keyworditem {
	background:url('../images/trans_30w.png')  center;
	border: 1px solid #666666;
	margin: 1px;
}

.keyworditem:hover {
	background: #6699cc;
	border: 1px solid #336699;
	color: #fff;
	margin: 1px;
}

.keyworditem_alt {
	background:url('../images/trans_85w.png')  center;
	border: 1px solid #666666;
	margin: 1px;
}

.keyworditem_alt:hover {
	background: #6699cc;
	color: #fff;
	border: 1px solid #336699;
}

.keywordlabel {
	margin: 2px 1px 2px 1px;
	}
	
.featureclass {
	color: #777;
}

.searchheader {
	background: #999;
	font-size: 16px;
	font-weight: 400;
	width: 990px;
	float: left;
	clear: both;
	height: 20px;
	color: #000;
	border: 1px solid #ddd;
	padding-top: 4px;
	padding-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: left;
	
}

.searchcontainer {
	background: #222;
	overflow: hidden;
	border: 1px solid #999;
	width: 122px;
	float: left;
	height: 160px;
	color: #fff;
}

.searchthumb {
	border: 1px solid #333;
	width: 100px;
	height: 100px;
	padding: 10px;
	float: left;
	clear: both;
	}

.searchdetail {
	overflow: hidden;
	width: 118px;
	height: 50px;
	float: left;
	margin: 2px;
	text-align: center;
	}
	
.footerleft {
	display: block;
	float:left;
	width: 250px;
	height:50px;
	}	

.footercenter {
	display: block;
	float:left;
	padding-top: 10px;
	width: 500px;
	height:50px;
	}	

.footerright {
	display: block;
	float:right;
	width: 250px;
	height:50px;
	}	
		
.quote {
	padding: 10px 2px 10px 2px;
	text-align: left;
	}

#commentwrapper {
	
	width: 1000px;
	overflow: hidden;
}

#commentheader {
	height: 12px;
	padding: 4px;
	width: 1000px;
	overflow: hidden;
}

#commentdisplay {
	height: 300px;
	width: 1000px;
	overflow: auto;
}

#commententry {
	display: block;
	height: 100px;
	width: 1000px;
	overflow: auto;
}

.commentrow {
	position: relative;
	display: block;
	width: 800px;
	height: 20px;
	border-bottom: 1px solid #369; 
}

.commenttext {
	position: relative;
	float: left;
	display: block;
	width: 500px;
	height: 16px;
	padding-top: 4px;
	text-align: left;
}

.commentby {
	float: left;
	display: block;
	width: 150px;
	height: 16px;
	padding-top: 4px;
}

.commentdate {
	float: left;
	display: block;
	width: 150px;
	height: 16px;
	padding-top: 4px;
}

#carousel_inner {
float: left; /* important for inline positioning */
position:relative;
width: 905px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #222;
}

#carousel_ul {
position:relative;
left: 0px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width: 105px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height: 110px;
background: #222;
margin: 0px;
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}

#left_scroll {
	display:block;
	float:left;
	width: 40px;
	height: 36px;
	margin-top: 30px;
}
#right_scroll {
	display:block;
	float:right;
	width: 40px;
	height: 36px;
	margin-top: 30px;
	}

.arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url('../images/arrow.png')  no-repeat 0 0;
  text-indent: -1999px;
  border: 0px;
  top: 50px;
  cursor: pointer;
}

.forward {
  background-position: 0 0;
  right: 0;
}

.back {
  background-position: 0 -72px;
  left: 0;
}

.forward:hover {
  background-position: 0 -36px;
}

.back:hover {
  background-position: 0 -108px;
}