/********************************************
   AUTHOR:  			Andrew DeSumma - Williams Group Marketing + Design 
   WEBSITE:   			http://www.visitolympia.com/
   TEMPLATE NAME:		visitolympia.com
 *******************************************/

/********************************************
   HTML ELEMENTS    003466
********************************************/ 

/* Top Elements */
* {
	margin: 0;
	padding: 0px;
}

body {
	color: #000000;
	text-align: center;
	background-color: #C1DEE6;
	background-image: url(images/main_bknd.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0;
	font: normal 12px/25px Geneva, Arial, Helvetica, sans-serif;
}
div
/* links */
a, a:visited {	
	color: #326ea1;
	text-decoration: none;		
}
a:hover {
	color: #3399CC;
	padding-bottom: 0;
}
a.firstpage, a.firstpage:active, a.firstpage:visited {
	color: #747475;
	text-decoration: none;
	line-height: 1em;
}
a.firstpage:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a.top_link{
	color:#000;
	
}
a.top_link:hover{
	color:#000;
}
img#ad_link{
	border:none;
}
a#hide_link{
	display:block;
	left:50%;
	margin:20px 0 0 -220px;
	width:660px;
	height:120px;
	position:absolute;
	z-index:500;
}
/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 933px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content-wrap {
	float: left;
	width: 933px;
	display: inline;
	padding: 0;
	margin: 0px;
	background-color: #F4F8F9;
	background-image: url(images/content_wrp_bknd.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
div#inner_wrap{
	width:933px;
	float:left;
	background: url(images/blue_left_tile.jpg) repeat-y left;
}
#header {
	position: relative;
	height: 69px;
	width: 933px;
	padding: 0;
	margin: 0px;
	background: #880000 url(images/nav_bg.jpg) repeat-x bottom;
}
#nav {
	position: relative;
	height: 69px;
	width: 768px;
}
#photos {
	position: relative;
	height: 307px;
	width: 933px;
}
#add_photos {
	position: relative;
	height: 250px;
	width: 933px;
}
#visitorguide {
	height: 70px;
	width: 165px;
	position: relative;
	float: right;
}
#boxnav {
	height: 164px;
	width: 933px;/* footer */
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	float: left;
}
#footer {
	clear: both;
	color: #FFFFFF;
	width: 933px;
	text-align: center;
	height: 46px;
	margin-top: 0;
	margin-bottom: 0px;
	background-color: #993333;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/footer_bknd.jpg);
	background-repeat: repeat-x;
	text-transform: capitalize;
	font: 9px "Century Gothic";
}	
/* Main Column */
.two-col #main {
	margin: 8px 5px 0 200px;
	padding: 30px 50px 20px 30px;
}
#main h1 {
	text-transform:capitalize;
	color: #000000;
	font: normal 2em "Century Gothic";
	letter-spacing: -1px;
	margin: 10px 10px 0 0px;
	padding: 0px 0 10px 0px;
}

div#press{
	display:block;
	float:left;
	clear:left;
	background:url(images/grey_line_tile.jpg) repeat-y;
	padding-right:17px;
}
div#press_right{
	width:130px;
	float:left;
	padding:20px 0 0 13px;
}
div#press_left{
	width:416px;
	float:left;
	padding-right:17px;
}
div.left{
	display:block;
	float:left;
	padding:20px 20px 20px 0;
}
div.left_left_line {
	display:block;
	float:left;
	clear:left;
	width:100%;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
/*----------------------------------------------header styles---------------*/
h1.details_header{
	display:block;
	width:400px;
	float:left;
	margin-bottom:20px;
}
h2{
	text-transform: capitalize;
	font:18px/20px "Century Gothic";
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
	display:block;
}
h2.blue_blue{
	color:#186b97;
}
h2.fl_left{
	float:left;
	clear:left;
	font:16px/20px "Century Gothic";
}
h2.event_header{
	padding-top:13px;
	width:90%;
	font-family: "Century Gothic";
	color:#880000; 
}
h2.deals{
	clear:left;
	float:left;
	display:block;
	width:250px;
}
h2.blue{
	color:#186b97;
	padding:4px 0;
	display:block;
	padding:3px 0 6px 5px;
	font-weight:900;
	font: 22px Georgia, "Times New Roman", Times, serif;
}

h2.lodging{
	margin-left:190px;
	padding-left:15px;
}
h4{
	color:#186b97;
	font-size:17px;
	font-weight:500;
}
h2.zip{
	color:#186b97;
	padding:4px 0;
	display:block;
	padding:7px 0 3px 5px;
	font-weight:900;
	font: 22px Georgia, "Times New Roman", Times, serif;
	float:left;
	clear:left;
	width:90%;
}
/*--------------------------------------------------------*/
#main p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
.pagenavbox {
	border:1px solid #FFFFFF;
	font-weight:bold;
	line-height:1em;
	margin-top:1em;
	padding:10px 5px;
	background: #C2DFE5;
	margin-left: 5px;
}

/* Sidebar */	

.sidebar {
	float: left;
	width: 198px;
	display:block;
	background: #000000;
	position: relative;
	clear: left;
	
}	
.sidebar ul{
	float: left;
	width: 198px;
}
.sidebar ul li{
	float: left;
	width: 198px;
	height: 60px;
	background: #000000;
	position: relative;
	clear: left;
	display:block;

}
#sidebar_bg2 {
	background-image: url(images/sidebar_bknd2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 50px;
}

/* right column */
#rightcolumn {
	float: right;
	width: 190px;
	margin-top: 10px;	
}
#rightcolumn h1, #sidebar h1 {
	margin: 10px 5px 0 5px;
	padding: 5px 5px; 
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #444; 		
}

/* sidemenu */
ul.sidemenu {
	text-align: left;
	padding: 0;
	text-decoration: none;
	margin-top: 16px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 10px;
}
ul.sidemenu li {
	list-style: none;
	padding: 6px 0 4px 5px;
	margin: 0 2px;
}
* html body ul.sidemenu li {
	height: 1%;
}
ul.sidemenu li a {
	text-decoration: none;
	color: #000000;
	border: none;
	font: bold 14px "Century Gothic";
}
ul.sidemenu li a:hover {
	color: #B41310;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #000000;
	border-left: none;
}

/*-----------------------------------------------------all paragraph styles----------------*/
p.make_line{
	line-height:3px;
	border-bottom:1px solid #ccc;
	width:100%;
	float:left;
	clear:left;
}
p.see_details{
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #333333;
	margin:8px 5px 3px;
	padding: 0px;
	text-align:right;
	width:9em;
	float:right;
	font-weight:600;
	display:block;
	text-align:right;
}
p.see_details_up{
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #333333;
	margin:-18px 5px;
	padding: 0px;
	text-align:right;
	width:9em;
	float:right;
	font-weight:600;
	display:block;
	text-align:right;
}
p.register_top{
	color:#880000;
	font-family:"Century Gothic";
	font-weight:600;
	font-size:13px;
	margin:0 0 5px 0;
	text-align:left;
}
p.light_bold{
	color: #fff;
	font-family: "Century Gothic";
	font-weight:600;
	font-size:13px;
	margin:-10px 25px 8px -20px;
	text-align:left;
}
p.top{
	color: #000;
	font-family: "Century Gothic";
	font-weight:500;
	font-size:16px;
	margin:-10px 25px 8px -20px;
	text-align:left;
}
p.deals{
	font-family: "Century Gothic";
	font-weight:500;
	font-size:16px;
	margin:0px;
	text-align:left;
	color:#880000;
}
p.detail_left{
	font: 13px/20px Arial, Helvetica, sans-serif;
	display:block;
	width:200px;
	float:left;
	margin:5px 0 5px -20px;
}
p.long_describe{
 float:left;
 margin:5px 0 5px -20px;
 display:inline;
 width:100%; 
}

p.clear{
	display:block;
	float:left;
	clear:both;
}
p.bottom{
	display:block;
	float:left;
	clear:both;
	width:70%;
}
p.form{
	float:left;
	margin:5px 0;
	clear:left;	
	color:#333333;
	display:block;
	width:95%;
}
p.form_dark{
	float:left;
	margin:5px 0;
	clear:left;	
	color:#333333;
	display:block;
	width:95%;
	font-weight:700;
}
p.form_right{
	float:right;
	margin:5px 0;
	clear:left;	
}
p.red_right{
	text-align:right;
	float:right;
	width:50%;
	color:#880000; 
	font-weight:500;
	margin-top:-22px;
}
p.event_date{
	text-align:right;
	float:right;
	width:50%;
	color:#880000; 
	font-weight:500;
	margin-top:-9px;
}
div.events p{
	text-indent:0px;
	padding:0;
}
p.mar_20{
	margin-left:20px;
}
p.detail{
	margin:2px;
}
p.right_short{
	width:270px;
	clear:right;
	float:right;
	text-align:right;
	margin:0 -28px 0 0;
}
div#experience p, div#text_indent p{
	padding:7px 0 4px 0;
	text-indent:25px;
	color:#333;
}
p.right{
	float:right;
	text-align:right;
}
/*-----------------------------------------------spans------------*/
span.grey{
	color: #747475;
}

span.smaller{
	font-size:9px;
}

span.bigger{
	font-size:15px;
}
span.red{
	color:#880000;
}
span.star{
	font-size:17px;
	color:#880000;
	font-weight:700;
}
span.lighter{
	font-weight:400;
}
span.search_pharse{
	color:#000;
	font-weight:700;
}
span.black{
	color:#333;
}
span.dark{
	font-weight:900;
}
span.h_big{
	font-size:1.2em;
	font-family:Ariel;
}
span.hide_me{
	display:none;
}
span.dk_blue{
	color:#1b208c;
}
span.brown{
	color:#4a2e22;
}
span.blue{
	color:#336799;
}
span.event_times{
	color:#003466;
	font-weight:500;
}
span.hudge_bl{
	font-size:27px;
	color:#336799;
	font-family:"Century Gothic";
}
span.big_bl{
	font-size:18px;
	color:#336799;
	font-family:"Century Gothic";
}

span.b_white{
	color:white;
	font-weight:700;
}
span.bold{
	font-weight:700;
}
span.blue_heading{
	color:#186b97;
	padding:4px 0;
	padding:3px 0 6px 5px;
	font-weight:900;
	font: 12px Georgia, "Times New Roman", Times, serif;
}
/*---------------------------------------special links-------------------------*/
div.experience a:visited{
	color: #747475;
}
p.see_details a, p.see_details_up a{
	color: #333333;
}
p.see_details a:hover, p.see_details_up a:hover{
	text-decoration:underline;
}
a.news{
	font-weight:600;
	color:#333333;
}
a.news:hover{
	text-decoration:underline;
}
a.grey{
	color:#333333;
}
a.grey:hover{
	color:#000;
}
a.blue{
	font-weight:700;
}
a.blue:hover{
	color:#333;
	font-weight:700;
}
/*-------both submit and link --------*/

/*---------------*/
.maroon{
	float:right;
	background:#880000;
	color:#fff;
	margin:0 30px 0 0;
	border:none;
	padding:2px;
}
.maroon:hover{
	color:#b6b6b8;
}
.maroon_left{
	float:left;
	background:#880000;
	color:#fff;
	margin:0 30px 0 0;
	border:1px solid #000;
}
.maroon_left:hover{
	color:#b6b6b8;
}
.maroon_left_admin{
	float:left;
	display:block;
	width:120px;
	padding:0 2px;
	text-align:center;
	background:#880000;
	color:#fff;
	margin:0 30px 0 0;
	border:1px solid #000;
}

.maroon_left_admin:hover{
	color:#b6b6b8;
}
.maroon_small_admin{
	float:left;
	display:block;
	width:90px;
	padding:0;
	text-align:center;
	background:#880000;
	color:#fff;
	margin:0 30px 0 0;
	border:1px solid #000;
}
.s_delete{
	border:1px solid #636566;
	color:#636566;
	padding:0 1px;
	background:#dbe2ea;
}
.s_delete:hover{
	border:1px solid #000;
	color:#000;
}

a.maroon_link{
	text-align:center;
	display:block;
	width:60px;
	padding:1px;
	background:#880000;
	color:#fff;
	border:1px solid #000;
	
}
a.admin_link{
	text-align:center;
	display:block;
	padding:1px;
	background:#880000;
	color:#fff;
	border:1px solid #000;
	font-size:12px;
	height:20px;	
	width:114px; 
	float:left; 
	margin:0 10px;
}
a.admin_link:hover{
	color:#3399CC;
}
/*----------------------------------------------------unordered lists----------------*/

ul.request{
	margin:0 0 0 60px;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color:#333;	
}
ul.request li{
	margin:0;
	list-style:none;
}
ul.display{
	float:left;
	clear:both;
	margin-left:20px;
	display:block;
	width:100%;
}
ul.display li{
	list-style:none;
	width:500px;
}
ul.display a{
	color:#333;
}
ul.display a:hover{
	text-decoration:underline;
}
ul.lodging{
	display:block;
	width:390px;
	margin-left:215px;
}
ul.lodging li{
	margin:4px 0;
	width:390px;
	float:left;
	line-height:1.2em;
}
ul.email{
	float:left;
	clear:both;
	margin:20px 0 0 90px;
	display:block;
	font-size:13px;
	font-weight:500;
}
ul.email li{
	list-style:none;
}
ol.left_mar{
	margin:0 0 20px 60px;
}
/*----------------------list styles----------------*/


.list {
	background: #F0F0F0;
	float: left;
	width: 90%;
	padding: 10px 10px 10px 5px;
	margin-left: 20px;
	text-indent:0;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
}
.big_list {
	background: #F0F0F0;
	float: left;
	width:600px;
	padding: 10px 10px 10px 20px;
	margin-left: 20px;
	text-indent:0;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
}
.list_blue {
	background: #C2DFE5;
	float: left;
	width: 90%;
	padding: 5px 10px 5px 20px;
	margin:2px 0 0 20px;
	text-indent:0;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom:30px;
}


.list_detail{
	background:#F0F0F0;
	float: left;
	width: 92%;
	padding: 10px 10px 20px;
	text-indent:0;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	margin: 0px;
}
/*-----------------------------------------------------------------divs containing images---------------*/
div.img_events{
	width:300px;
	float:right;
	margin:8px 15px 15px 15px;
	display:block;
}
div.img_events img{
	border:1px solid #000;
	float:right;
}
div.img_left{
	float:left;
	padding:15px 15px 15px 0;
	display:block;
}
div.img_left img{
	border:1px solid #000;
	float:left;
	
}
div.img{
	width:300px;
	float:right;
	margin:-30px 15px 15px 15px;
	height:200px;
	display:block;
}
div.img img{
	border:1px solid #000;
	float:right;
	margin-top:15px;
}
div.thumb{
	width:175px;
	float:right;
	margin:15px;
	height:110px;
	display:block;
}
div.thumb img{
	border:1px solid #000;
	float:right;
}
div.thumb_left{
	width:175px;
	float:left;
	margin:-15px 15px 15px 0;
	height:110px;
	display:block;
}
div.thumb_left img{
	border:1px solid #000;
	float:left;
}
div.members_img{
	float:left;
	width:312px;
	padding:10px 0;
	height:220px;
}
div.members_img img{
	float:left;
	margin:0 10px 0 0;
	border:1px solid #000;
} 
div.members_img p{
	font-style:italic;
	padding:0;
	line-height:1em;
}


/*----------------------------------------------------table---------------------------------------------------*/


/*----------------------calendar event styles  -----------------*/
div.calendar{
	
	margin:5px 0;
	display:block;
	float:left;
	width:560px;
	padding:5px 0;
}

div.events{
	float:left;
	clear:both;
	width:545px;
	display:block;
	padding:5px 10px 12px 5px;
	border-bottom:1px solid #696767; 
	
	margin:6px 0;
}
div.deals{
	float:left;
	clear:both;
	width:100%;
	display:block;
	border-bottom:1px solid #696767; 
	margin:6px 0;
	
}

/*----------------------form styles  -----------------*/
submit{
	padding:2px 4px;
}
form.inline{
	display:inline;
}
form#calendar_links{
	float:right;
	margin:-60px -10px 0 0;
}

div#error{
	margin:30px;
	border-top:1px groove #880000;
	border-bottom:1px groove #880000;	
	border-left:5px groove #880000;
	padding:4px 0 4px 20px;
}

div.error{
	width:480px;
	float:left;
	clear:left;
	margin:30px;
	border-top:1px groove #880000;
	border-bottom:1px groove #880000;	
	border-left:5px groove #880000;
	padding:4px 0 4px 20px;
}
div.form{
	background:#F0F0F0;
	float: left;
	position: relative;
	width: 90%;
	padding: 10px 10px 10px 20px;
	margin:0 0 20px 20px;

}
div.form h2 {
	text-transform: capitalize;
	font: bold 14px/20px Georgia, "Times New Roman", Times, serif;
	color: #880000;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
}
form.add_to{
	display:block;
	width:200px;
	float:right;
}
form.border{
	border:2px solid #ccc;
	width:470px;
	padding:8px 15px;
	float:left;
	clear:left;
	margin:10px;
}
form.details{
	display:block;
	width:200px;
	float:right;
}
form.left{
	display:block;
	width:500px;
	float:left;
	clear:left;
	margin:8px;
}
form.left_up{
	display:block;
	width:200px;
	float:left;
	margin:0 8px 8px 8px;
}
form.add_to_up{
	display:block;
	width:200px;
	float:right;
	margin-top:-24px;
}
form.lodging{
	display:block;
	margin:20px 40px;
	padding:15px;
	border:1px solid #747475;
	float:left;
}
form.pages{
	display:block;
	width:200px;
	float:right;
	margin:-22px;
}
.l_small{
	display:block;
	width:50px;
	float:left;
}

.l_med{
	display:block;
	width:100px;
	float:left;
}
.l_med_l{
	display:block;
	width:120px;
	float:left;
}
.l_med_exl{
	display:block;
	width:150px;
	float:left;
}
.l_long{
	display:block;
	width:200px;
	float:left;

}
.l_ex_long{
	display:block;
	width:230px;
	float:left;
}

.in_long{
	color:#333333;
	border:1px solid #747475;
	display:block;
	width:200px;
	float:left;
	padding:0 2px;
}
.in_ex_long{
	color:#333333;
	border:1px solid #747475;
	display:block;
	width:280px;
	float:left;
	padding:0 2px;
}

.in_med{
	color:#333333;
	border:1px solid #747475;
	display:block;
	width:100px;
	float:left;
	padding:0 2px;
}
.in_small{
	color:#333333;
	border:1px solid #747475;
	display:block;
	width:50px;
	float:left;
	padding:0 2px;
}
.s_med{
	color:#880000;
	border:1px solid #747475;
	display:block;
	float:left;
	margin:0 2px;
	padding:0;
}
.s_large{
	color:#333;
	border:1px solid #747475;
	display:block;
	float:left;
	margin:0 2px;
	padding:0;
	width:200px;
}
.s_large option{
	margin:3px;
}
.s_admin{
	color:#880000;
	border:1px solid #747475;
	display:block;
	float:left;
	margin:0 2px;
	padding:0;
	width:180px;
}
.tarea_tall{
	float:left;
	display:block;
	color:#333333;
	border:1px solid #747475;
	width:500px;
	margin:0 20px;
	padding:3px;
	height:10em;
}
.tarea_short{
	float:left;
	display:block;
	color:#333333;
	border:1px solid #747475;
	width:500px;
	margin:0 20px;
	padding:3px;
	height:3em;
}
.tarea_items{
	float:left;
	display:block;
	color:#333333;
	border:1px solid #747475;
	width:400px;
	margin:0 20px;
	padding:3px;
	height:5em;
}

.submit_blue{
	height:1.3em;
}
.s_blue{
	float:left;

	color:#000;
	border:1px solid #000;
}
/*----------------------------------table styles---------------------------*/
table.zip{
	width:150px;
	float:left;
	clear:left;
	display:block;
	margin-left:20px;
	line-height:1.3em;

}
table.email{
	width:500px;
	float:left;
	clear:left;
	display:block;
	margin:0 0 0 20px;
	line-height:1.3em;
}

table.zip td, table.email td, table.admin td{
	border-bottom:dotted 1px #e1e3e4;
	padding:0 7px;
}
table.admin{
	width:660px;
	margin:10px 10px 10px 30px;
	font-size:12px;
	text-align:left;
	float:right;
}
table.admin th{
	font-weight:500;
	font-size:13px;
	color:#186b97;
}

.t_short{
	width:60px;
	text-align:right;
}
.t_medsm{
	width:100px;
}
.t_med{
	width:140px;
}
.t_med_long{
	width:170px;
}
.t_long{
	width:280px;
}
.t_xlong{
	width:340px;
}
.t_exlong{
	width:400px;
}
	

/*----------------------------------members directory  and careers ---------------------------*/
div.members, div.careers {
	background: #F0F0F0;
	float: left;
	width:650px;
	display:block;
	padding:10px;
	
}
div.members h2{
	border-bottom:1px solid #186b97;
	padding-bottom:2px;
	color:#186b97;
	font-size:25px;
	text-transform:none;
}
div.members table, div.careers table{
	width:620px;
	margin-left:10px;
	margin-bottom:25px;
	display:block;
	padding:0;

}
div.members td{
	margin:0;
	padding:0;
}
div.careers td{
	margin:0;
	padding:5px 5px 2px 5px;
	border-bottom:1px dotted #9a9b9c;
}
td.name{
	font-size:14px;
	text-transform: uppercase;
	padding:0;
	width:480px;
}

td.city{
	width:140px;
	line-height:1.2em;
	border-bottom:1px dotted #9a9b9c;
}
td.address{
	width:295px;
	line-height:1.2em;
	border-bottom:1px dotted #9a9b9c;
}
td.phone{
	width:130px;
	padding:0;
	text-align:right;
}
td.web{
	text-align:right;
	width:180px;
	line-height:1.2em;
	border-bottom:1px dotted #9a9b9c;
}
table.short{
	width:620px;
	margin-left:10px;
	height:30px;
	display:block;
	border-bottom:1px solid #CCCCCC;
}
td.one{
	width:425px;
	line-height:1.2em;
}
td.two{
	width:150px;
	line-height:1.2em;
}


td.three{
	text-align:right;
	width:60px;
	line-height:1.2em;
}

		
/*------------------------------------------*/
.blue_link{
	font-weight:bold;
	float:left;
	background:#003466;
	color:#fff;
	margin:0 0 0 30px;
	border:1px solid #000;
	padding:2px;
	font-size:11px;
	text-align:center;
	text-transform: uppercase;

}
.blue_link:hover{
	color: #b6b6b8;
}
div#top_links{
	float:right;	
	padding-top:20px;
	display:block;
	width:730px;
	height:60px;
}
.in_search{
	color:#333333;
	border:1px solid #000;
	display:block;
	width:200px;
	float:left;
	padding:2px 2px 0 2px;
	margin-left:30px
}