/*===== GENERAL =====*/

body
{
	text-align: center;
	background: #ddd url("../images/bridge_bg2.png") no-repeat 50% 0% fixed;
}

a{ text-decoration: none; outline: none;}

#container
{
	text-align: right;
	font-size: 1.3em;
	color: #900;
	margin: 0 auto 0 auto;
	padding: 0 0 40px 0;
	height: 100%;
	width: 780px;
}


.blackbar
{
	color: #fff;
	font-size: 0.7em;
	background: #000;
	padding: 2px 10px 2px 2px;
	text-align: right;
	font-family: "Franklin Gothic", "Arial", sans-serif;
}

.blackbar a
{
	color: #999;
	text-decoration: none;

	font-size: 0.8em;
	font-weight: normal;
	margin: 2px 10px 0 10px;
	background: url("../images/checkmark.png") no-repeat left center;
	padding: 0 0 0 14px;
}

#datetime{}

#graphic
{
	background: url("../images/banner_bg2.png") top left;
	height: 75px;
	width:  776px;
	border: 2px solid #000;
}

#address
{
	text-align: left;
	font-family: "Franklin Gothic", "Arial", sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #000;
	position: absolute;
	right: 50%;
	padding-right: 110px;
	top: 76px;
	line-height: 1em;
}

#address a
{
	color: #000;
	letter-spacing: 0.1em;
	padding-left: 16px
}

#address a:hover
{
	color: #900;
}


#below{ word-spacing: 0.5em; }

#weather
{
	font-family: "Franklin Gothic", "Arial", sans-serif;
	font-size: 0.7em;
	padding: 0;
	color: #fff;
	position: absolute;
	right: 50%;
	margin-right: 75px;
	top: 10px;
	background-color: #000;
}

#weather b
{
	font-variant: small-caps;
}

#critical
{
	color: red;
	font-size: 1.0em;
	z-index: 2;
}

#nav_area { list-style: none; }

li
{
	background: url("../images/tab_left_off_lite.png") no-repeat top left;
	text-align: center;
	float: left;
	margin:	0 2px -2px 0;
	padding: 0;
}

li#membership
{
	background: url("../images/tab_left_membership.png") no-repeat top left;
}

li#currtab
{
	background: url("../images/tab_left_on.png") no-repeat top left;
}

li a
{
	border-bottom: 2px solid black;
	font-size: 0.7em;
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: bold;
	font-variant: small-caps;
	padding: 5px 6px 1px 6px;
	color: #000;
	margin:	0;
	background: transparent url("../images/tab_right_off_lite.png") no-repeat top right;
}

li:hover {
	background-image: url("../images/tab_left_on.png");
}

li a:hover
{
	color: #000;
	background-image: url("../images/tab_right_on.png");
}

li#membership a
{
	border-bottom: 2px solid black;
	color: #FFF;
	background: transparent url("../images/tab_right_membership.png") no-repeat top right;
	padding-bottom: 1px
}


li#currtab a
{
	border-bottom: 2px #fff solid;
	color: #900;
	background: transparent url("../images/tab_right_on.png") no-repeat top right;
	padding-bottom: 3px
}

#under, #under_cal
{
	display: block;
	border-width: 2px 1px 1px 1px;
	border-style: solid;
	border-color: #000;
	padding: 10px 0 10px 0;
	background: #fff;
	clear: both;
	text-align: left;
}

#under_cal
{
	text-align: center;
	font-size: 1.4em;
	word-spacing: 0.8em;
}

#under_left
{
	padding: 0 10px 0 10px;
	color: #900;
	font-size: 0.6em;
	font-family: "Franklin Gothic", "Arial", sans-serif;
	font-weight: bold;
	border-right: 1px #000 dotted;
}

.under_list 
{
	text-align: right;
	background: #fff;
	width: 100%;
	padding: 0 0 0 20px;
}

.under_index{ word-spacing: 1.6em; }
.under_about{ word-spacing: 2em; }
.under_events{ word-spacing: 1.8em; }
.under_members{ word-spacing: 3em; }
.under_tools{ word-spacing: 4em; }
.under_membership{ word-spacing: 6em; }
.space_override{ word-spacing: normal; }


.under_list 
{
	color: #000;
	font-family: "Georgia", "Arial", sans-serif;
	font-weight: bold;
	font-size: .7em;
}

.under_list a { color: #000; }

.under_list a:hover, .under_list a:active
{
	color: #900;
	border-bottom: 1px #900 dotted;
}

#member_directory
{
	display: block;
	border-width: 0 2px 0 2px;
	border-style: solid;
	border-color: #000;
	background: url("../images/white_trans.png");
	background-repeat: repeat;
	height: 100%;
	text-align: left;
	padding: 20px 20px 40px 20px;
	clear: both;
	margin: 0;
	font-size: 0.8em;
}

#member_outer{ display: block; }

#member_inner_title{}

#member_inner_table_heads
{
	color: black;
	font-size: 1em;
	font-weight: bold;
	display: block;
	clear: both;
}

#member_inner_table_heads #businessname
{
	padding: 0 10px 0 10px; 
	width: 335px;
	display: block;
	float: left;
}

#member_inner_table_heads #category
{ 
	padding: 0 10px 0 10px; 
	width: 155px;
	display: block;
	float: left;
}

#member_inner_table_heads #phone
{ 
	padding: 0 10px 0 10px; 
	width: 185px;
	display: block;
	float: left;
}

#member_inner_table_heads #moreinfo
{ 
	padding: 0 10px 0 10px; 
}

#member_inner_table
{
	background: url("../images/white_trans.png");
}

#member_inner_table .row
{
	display: block;
}

#member_inner_table .altrow
{
	display: block;
	background: url("../images/white_trans.png");
}

.inforow
{
	border: 1px solid black;
	display: none;
}

.inforow_info
{
	padding: 10px;
	color: black;
}

.inforow_close
{
	padding: 1%;
	text-decoration: underline;
	display: block;
	float: left;
	text-align: right;
	cursor: pointer;
	width: 18%;
}

.inforow_line
{
	display: block;
}

.inforow_name
{
	font-size: 1.5em;
	display: block;
	float: left;
	padding: 0 1% 0 1%;
	width: 78%;
}

.inforow_type
{
	font-weight: bold;
}

.inforow_street
{
	width: 50%;
	display: block;
	float: left;
}

.inforow_phone
{
	width: 25%;
	display: block;
	float: left;
}

.inforow_fax
{
	width: 25%;
	display: block;
	float: left;
}

.inforow_CSZ
{
	width: 50%;
	display: block;
	float: left;
}

.inforow_email
{
	width: 50%;
	display: block;
	float: left;
}

.inforow_map
{
	width: 50%;
	display: block;
	float: left;
}

.inforow_web
{
	width: 25%;
	display: block;
	float: left;
}

.inforow_descrip
{
	display: block;
	clear: both;
}

.table_name, .table_name_curr
{ 
	display: block;
	width: 355px;
	float: left;
}

.table_name_curr
{
	color: black;
}

.table_category
{
	color: black;
	display: block;
	float: left;
	width: 175px;
}

.table_phone
{
	color: black;
	display: block;
	float: left;
	width: 165px;
}

.table_moreinfo
{
	cursor: pointer;
}

.table_moreinfo:hover
{
	text-decoration: underline;
}

#box
{
	display: block;
	border-width: 0 2px 0 2px;
	border-style: solid;
	border-color: #000;
	background: url("../images/white_trans.png");
	background-repeat: repeat;
	height: 100%;
	text-align: left;
	padding: 20px 20px 40px 20px;
	clear: both;
	margin: 0;
	font-size: 0.8em;
}

.hiddenarea { display: none; }

.form { text-align: center; }
.indent { margin-left: 1em; padding-left: 1em; border-left: solid #900 1em;}
.showhide { cursor: pointer; }

#create, #edit, #delete,
 #edit0,  #edit1,  #edit2,  #edit3,  #edit4,  #edit5,
 #edit6,  #edit7,  #edit8,  #edit9, #edit10, #edit11,
#edit12, #edit13, #edit14, #edit15, #edit16, #edit17,
#edit18, #edit19, #edit20, #edit21, #edit22, #edit23,
#edit24, #edit25, #edit26, #edit27, #edit28, #edit29,
#edit30, #edit31, #edit32, #edit33, #edit34, #edit35,
#edit36, #edit37, #edit38, #edit39, #edit40, #edit41,
#edit42, #edit43, #edit44, #edit45, #edit46, #edit47,
#edit48, #edit49, #edit50, #edit51, #edit52, #edit53,
#edit54, #edit55, #edit56, #edit57, #edit58, #edit59,
#edit60, #edit61, #edit62, #edit63, #edit64, #edit65,
#edit66, #edit67, #edit68, #edit69, #edit70, #edit71,
#edit72, #edit73, #edit74, #edit75, #edit76, #edit77,
#edit78, #edit79, #edit80, #edit81, #edit82, #edit83,
#edit84, #edit85, #edit86, #edit87, #edit88, #edit89,
#edit90, #edit91, #edit92, #edit93, #edit94, #edit95,
#edit96, #edit97, #edit98, #edit99, #edit100, #edit101,
#edit108, #edit109, #edit110, #edit111, #edit112, #edit113,
#edit114, #edit115, #edit116, #edit117, #edit118, #edit119,
#edit120, #edit121, #edit122, #edit123, #edit124, #edit125,
#edit126, #edit127, #edit128, #edit129, #edit130, #edit131,
#edit132, #edit133, #edit134, #edit135, #edit136, #edit137,
#edit138, #edit139, #edit140, #edit141, #edit142, #edit143,
#edit144, #edit145, #edit146, #edit147, #edit148, #edit149,
#edit150, #edit151, #edit152, #edit153, #edit154, #edit155,
#edit156, #edit157, #edit158, #edit159, #edit160, #edit161,
#edit162, #edit163, #edit164, #edit165, #edit166, #edit167,
#edit168, #edit169, #edit170, #edit171, #edit172, #edit173,
#edit174, #edit175, #edit176, #edit177, #edit178, #edit179,
#edit180, #edit181, #edit182, #edit183, #edit184, #edit185,
#edit186, #edit187, #edit188, #edit189, #edit190, #edit191,
#edit192, #edit193, #edit194, #edit195, #edit196, #edit197,
#edit198, #edit199, #edit200
{ display: none; }

.month_arrows
{
	font-size: 1em;
	font-weight: bold;
	color: #900;
	position: relative;
	bottom: 0em;
	cursor: pointer;
}

.month_1
{
	font-size: 0.8em;
	color: #000;
	position: relative;
	bottom: 0em;
	cursor: pointer;
	padding: 10px;
	border: 1px dotted white;
}

.month_2
{
	font-size: 0.6em;
	color: #bbb;
	position: relative;
	bottom: 0.1em;
	cursor: pointer;
	padding: 10px;
	border: 1px dotted white;
}

.month_3
{
	font-size: 0.4em;
	color: #ddd;
	position: relative;
	bottom: 0.2em;
	cursor: pointer;
	padding: 10px;
	border: 1px dotted white;
}

.month_1:hover, .month_2:hover, .month_3:hover
{
	color: #000;
	border: 1px dotted black;
}

#day_letters
{
	text-align: center;
	word-spacing: 5.4em;
	font-size: 1em;
	position: relative;
	font-family: "Georgia" , "Times New Roman" , serif;
	top: 4px;
	color: #900;
}

#day_words
{
	text-align: center;
	word-spacing: 4.5em;
	font-size: 0.8em;
	position: relative;
	top: 6px;
	color: #000;
}

TABLE#calendar {
	width: 736px;
	border-spacing: 4px;
}
TABLE#calendar TD {
	width: 104px;
	height: 105px;
	padding: 4px;
	text-align: center;
	background: white;
	border: 1px dotted black;
	vertical-align: top;
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	color: #000;
}
TABLE#calendar TD.grey {
	background: transparent;
}

TABLE#calendar TD P
{
	padding: 4px 0 0 4px;
	text-align: left;
	font-size: 1em;
	font-family: "Franklin Gothic", "Arial", sans-serif;
}

TABLE#calendar TD P A
{
	text-decoration: none;
	font-size: 0.8em;
	color: #900;
	border-bottom: 1px dotted #900;
}

TABLE#calendar TD P A:hover
{
	text-decoration: none;
	font-size: 0.8em;
	color: #900;
	border-bottom: 1px dotted #900;
}

.title
{
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: bold;
	font-size: 1.4em;
	color: #000;
	padding-left: 10px;
}

.title2
{
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: bold;
	font-size: 1em;
	color: #000;
	padding-left: 20px;
}

.sub
{
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: bold;
	font-size: 0.7em;
	color: #900;
	margin: 0px 0 0 0;
	padding: 0 0 0 30px;
}

.body
{
	font-size: 1em;
	padding: 0 30px 0 30px;
	text-align: justify;
	color: #000;
}

.body a
{
	color: #000;
	font-weight: bold;
	border-bottom: 1px #000 dotted;
}

.body a:hover
{
	color: #900;
	border-color: #900;
}

#pix_area
{
	background: white;
	text-align: left;
	border: 1px solid black;
	padding: 0.5em 1em 1em 1em;
}

#pix_area img
{
	max-height: 114px;
	max-width: 114Px;
	margin: 10px;
	border: 2px solid black;
	padding: 2px;
}

#pix_area img:hover
{
	border: 2px solid #990000;
}

.gallery_more
{
	clear: both;
	text-align: center;
	font-weight: bold;
	color: black;
	cursor: pointer;	
}

.gallery_more:hover
{
	color: #990000;
}

#more
{
	display: block;
}

#gallery_all
{
	display: none;
}

.imagebar
{
	background: url("../images/white_trans.png");
	padding: 20px 0 20px 0;
	margin: 0 0 20px 0;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #900;
	text-align: center;
	word-spacing: 4em;
}

.imagebar img
{
	padding: 4px;
	border: 2px solid #000;	
	cursor: pointer;
}

.imagebar img:hover
{
	border: 2px solid #900;
}

.imagebar a { word-spacing: normal; }

#car_preview { display: block; cursor: pointer; }
#car_full { display: none; cursor: pointer; }

#img1, #img2, #img3
{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: center;
	display: none;
	background: url("../images/black_trans.png");
}

#img1 img, #img2 img, #img3 img
{
	position: relative;
	top: 110px;
	cursor: pointer;
	border: 20px solid white;
	max-height: 50%;
	max-width: 50%;
}

.img_close
{
	font-family: "Franklin Gothic" , "Arial" , sans-serif;
	color: #900;
	border: 2px solid #900;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0 0.2em 0 0.2em;
	cursor: pointer;
	background: #fff;
	margin: 0 auto 0 auto;
	position: relative;
	top: 15%;
	max-width: 50%;
}

.caption
{
	
}

.name 
{
	font-size: 0.8em;
	font-weight: bold;
	color: #000;
	margin: 0 30px 0 40px;
	cursor: pointer;
}

.name_curr
{
	font-size: 0.8em;
	font-weight: bold;
	color: #900;
	margin: 0 30px 0 30px;
	cursor: pointer;
}

.name a:hover, .name a:active, .name_curr a:hover, .name_curr a:active
{
	color: #900;
	cursor: pointer;
	border-bottom: 1px #900 dotted;
}

.info
{
	color: #000;
	font-size: 0.7em;
	font-weight: normal;
	padding: 10px;	
	display: none;
	width: 340px;
	position: fixed;
	top: 275px;
	left: 50%;
	bottom: 120px;
	margin-left: 10px;
	background: url("../images/white_trans.png");
	border: 2px solid #900;
	overflow: scroll;
}

.info_close
{
	float: right;
	font-family: "Franklin Gothic" , "Arial" , sans-serif;
	color: #900;
	border: 2px solid #900;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0 0.2em 0 0.2em;
	cursor: pointer;
	
}

.info_title
{
	color: #900;
	font-size: 1.6em;
	font-weight: bold;
}

.info_type
{
	font-weight: bold;
	padding-left: 10px;
	line-height: 0.8em;
}

.info_address
{
	padding-top: 10px;
	font-weight: bold;
}

.info_descrip
{
	font-size: 1.2em;
	padding-top: 10px;
}

.classifieds_entry
{
	background: white;
	border: 1px solid black;
	padding: 3px;
}

.classifieds_title
{
	cursor: pointer;
	color: #900;
	font-weight: bold;
}

.classifieds_overlay
{
	display: none;
	height: 100%;
	width: 100%;
}

.more
{
	font-size: 1em;
	font-weight: bold;
	color: #900;
	margin: 0 0 0 4px;
	border-bottom: 1px #900 dotted;
	cursor: pointer;
}

.launch
{
	cursor: pointer;
	font-weight: bold;
	color: #900;
	border-bottom: 1px #900 dotted;
}


#pre_I, #pre_II, #pre_III, #pre_IV, #pre_V, #pre_VI, #pre_VII, #pre_VIII, #pre_IX, #pre_X
{ display: block; }

#I, #II, #III, #IV, #V, #VI, #VII, #VIII, #IX, #X
{ display: none; }

img.pdf
{ 
	vertical-align: middle; 
	border: 0; 
}

.download_app a, .download_bylaws a
{
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: bold;
	color: #000;
}

.download_app a{ margin: 0 0 0 30px; }
.download_bylaws a{ margin: 0 0 0 360px; }

.download_app a:hover, .download_app a:active, .download_bylaws a:hover, .download_bylaws a:active
{
	color: #900;
	cursor: pointer;
	border-bottom: 1px #900 dotted;
}

#map{ border: 2px solid black; } 

#classifieds
{
	border-left: 1px solid black;
	border-right: 1px solid black;
	font-family: "Franklin Gothic", "Arial", sans-serif;
		font-size: 0.8em;
}

.classifieds_col
{
	border: 1px solid black;
	color: black;
	padding-bottom: 10px;
}

.classifieds_col p
{
	padding: 4px;
	margin: 0;
	color: black;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.4em;
}


.category
{
	background-color: black;
	color: white;
	font-weight: bold;
	text-align: center;
}

#footer
{
	font-weight: bold;
	letter-spacing: 0.1em;
}

#footer b
{
	font-family: "Franklin Gothic" , "Arial" , sans-serif;
	color: #900;
	word-spacing: 1em;
	letter-spacing: 0.2em;
}