/* CSS Document
	red: 	color:#c0141b;
	blue:	color:#0089b5; */	

body {
	background:#178fbb url(/img/bg/bg_page.jpg) center top no-repeat;
	margin-top:0px;
	}
table, td	{
	border: 0px solid #ffffff;
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px;
	empty-cells: show;
	}
	
td { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#565656;
	line-height:14px;
 	}

#wrapper	{
	width:760px;
	}
	
.content	{
	width:760px;
	}
	
.vellum, #vellum	{
	background:#f5f1cc;
	}
	
h1	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#c0141b;
	line-height:20px;
	font-weight: normal;
	margin-top:0px;
	margin-bottom:6px;
	}
	
h2	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#0089b5;
	line-height:20px;
	font-weight: normal;
	margin-top:0px;
	margin-bottom:3px;

	}
	
h3, .headerblue	{
	font-size:11px;
	color:#0089b5;
	font-weight:bold;
	line-height:14px;
	}

ul	{
	margin-top:6px;
	margin-left:15px;
	padding-left:10px;
	}
	
a:link, a:visited, a:active	{
	color:#0089b5;
	text-decoration:underline;
	}	

a:hover	{
	color:#c0141b;
	text-decoration:underline;
	}	

a:link.left, a:visited.left, a:active.left	{
	color:#0089b5;
	font-weight:bold;
	text-decoration:none;
	}	

a:hover.left	{
	color:#0089b5;
	font-weight:bold;
	text-decoration:none;
	}	
	
#middle	{
	background: url(/img/bg/bg_middleinside.jpg) no-repeat #f5f1cc;
	}
	
#insidetop	{
	background: url(/img/bg/bg_insidetop.jpg) no-repeat;
	}
	
.bottom-plain	{
	background: url(/img/bg/bg_bottomhome.jpg) no-repeat;
	width:553px;
	}

.middletext	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	vertical-align:top;
	padding:50px 75px 0px 75px;
	}
	
.middletext2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	vertical-align:top;
	}
	
.middletext3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	padding:0px 20px 0px 20px;
	}

.middletext4	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	padding:0px 20px 0px 12px;
	}
	
.col{
	vertical-align:top;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	padding:0px 20px 0px 20px;
	}

.col-left{
	vertical-align:top;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	padding:0px 20px 0px 10px;
	width:215px;
	}

.col-right	{
	vertical-align:top;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	width:260px;
	padding:0px 20px 0px 10px;
	}

.content-left	{
	width:210px;
	padding:0px 10px 0px 0px;
	vertical-align:top;
	float:left;
	}

.content-right	{
	width:270px;
	padding:0px 10px 0px 10px;
	float:right;
	}

	
.left-inside	{
	width:160px;
	background:url(/img/bg/bg_leftedge.gif) repeat-y;
	vertical-align:top;
	}
	
.right-inside	{
	width:29px;
	background:url(/img/bg/bg_inside-rightedge.gif) repeat-y;
	}

#footer	{
	background:url(/img/bg/bg_inside-footer.jpg) no-repeat;
	width:760px;
	height:64px;
	}
		
.foot	{
	font-size:10px;
	color:#ffffff;
	vertical-align:top;
	padding-top:33px;
	}	

a:link.foot, a:visited.foot, a:active.foot, a:hover.foot	{
	font-size:10px;
	color:#ffffff;
	vertical-align:top;
	padding-top:33px;
	text-decoration:none
	}	

/* Home Page Styles */
.middle-home	{
	background: url(/img/bg/bg_middlehome.jpg) no-repeat;
	width:553px;
	}

.bottom-home	{
	background: url(/img/bg/bg_bottomhome.jpg) no-repeat;
	width:553px;
	}
	
#footer-h	{
	background:url(/img/bg/bg_home-footer.jpg) no-repeat;
	width:760px;
	}
	
#homeright	{
	width:290px;
	float:right;
	}
	
#homeleft	{
	width:250px;
	float:left;
	}
	
#exhibits	{
	float:right;
	width:286px;
	}	

/* Photo Gallery */
.gallery-left	{
	text-align:center;
	padding:0 10px 10px 0;
	width:150px;
	height:150px;
	float:left;
	}

a:link.gallery-a, a:visited.gallery-a, a:active.gallery-a	{
	font-size:17px;
	color:#0089b5;
	line-height:20px;
	font-weight: normal;
	text-decoration:none;
	text-align:left;
	}	

a:hover.gallery-a	{
	font-size:17px;
	line-height:20px;
	font-weight: normal;
	text-decoration:none;
	color:#c0141b;
	text-align:left;
	}	
.gallery-right	{
	padding: 0 0 10px 10px;
	height:170px;
	text-align:left;
	}

table#gallery_a {
	width: 450px;
	}
		
table#gallery_a div#gallery{
	xborder: 1px solid red;
	width: 200px;
	text-align: center;
	float: left;
	}
		
table#gallery_a div#gallery div#desc {
	xborder: 1px solid pink;
	width: 180px;
	margin: 10px;
	text-align: left;
	}
	
/* Contact styles */
table#cx {
	margin-top:10px;
	margin-left:60px;
	}

.holder	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	vertical-align:top;
	padding:50px 75px 0px 50px;
	}
	
table#cx td{ 
	padding: 0px; 
	}
	
table#cx td#space { width: 15px; }
		
table#cx th { 
	text-align: left; 
	font-weight: bold; 
	color:#5e0101;
	padding: 0px;
	}

td#label {	
		}
		
div#req {
	padding: 0px;
	border: 0px solid white;
	border-left: 5px solid #c0141b;
	float: left;
	}
	
input.cx {
	margin: 0px;
	font-size: 11px;
	height: 18px;
	width: 160px;
	border: 1px solid #cccccc;
	background-color: #f4f3f2;
	}
		
/* Event Styles */
		div#event_drop {
			posistion:relative;
			padding:0px;
		}
		
		div#event_drop h1 {
			margin: 0px;
			padding: 0px;
			font-size: 18px;
		}
		
		div#event_drop div#dropdown {
			padding: 10px;
		}
		
		div#event_drop div#dropdown select {
			width: 250px;
		}
		
		/* event list */
		div#event_drop table#list {
			width: 400px;
		}
		
		div#event_drop div#event_cat div#name{
			border-bottom: 1px dotted #cccccc;
		}
		
		div#event_drop table#event{
			margin-bottom: 10px;
		}
		
		div#event_drop table#event td#left{
			vertical-align: top;
		}

		
/*OnSubmit required fields will change to this class by js*/
input.error {
	border: 2px solid #c0141b;;
	background-color: #f4f3f2;
	}
		
input#x_state {
	width: 40px;
	margin-right: 10px;
	}
	
input#x_zip {
	width: 105px;
	}

textarea#x_comments {
	width: 350px;
	height: 80px;
	border: 1px solid #cccccc;
	background-color: #f4f3f2;
	}
