/* Default stylesheet for all compliant browsers */

body {
	color: rgb(50,50,50);
	line-height:16px;
	margin: 0;
	padding: 0;
	background-color: #e6e7e8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h1 { font-size: 17px; color: #1ab859; font-weight: normal; line-height: 17px; margin: 0px;}

h2 { font-size: 17px; color: rgb(50,50,50); font-weight: normal; }

h3 { font-size: 11px; color: rgb(50,50,50); font-weight: bold; margin:0px; }

h4 { font-size: 14px; color: rgb(50,50,50); font-weight: normal; }

h5 { font-size: 14px; color: #1ab859; font-weight: normal; }

h6 { font-size: 14px; color: #1ab859; font-weight: bold; }

a { color: #1ab859; text-decoration: none; }

a:hover { text-decoration: underline; }

fieldset {
	border: none;
	border-top: 1px solid #1ab859;
	padding-left: 10px;
}

legend {
	font: normal 120%/2.5 "Arial Narrow", arial, sans-serif;
	color: #1ab859;
	padding: 0 10px;
}

form { line-height: 2em; }
form p { line-height: 1.5em; }

input, 
select, 
textarea { 
	font: 1em/1 Verdana, Helvetica, sans-serif; 
	color: #333; 
	padding: 0.2em; 
	background-color: #FFF;
	border: 1px solid #ccc;
}


option { padding-right: 10px; }

label { padding: 0.5em 0; display: block; clear: left; }

hr { border: none; border-top: 1px solid rgb(197,198,200); }

.right_padding { padding-right: 20px; }

.left_padding { padding-left: 20px; }

table { margin:0px; clear: none; float:left;}

/* Form */


.wrap_form { width:99%; }

legend span {
	font-family: arial, sans-serif;
	font-size: 9pt;
	color: rgb(177,178,180);
}
label .title { width: 11em; height: 100%; float: left; margin-right: 1em; text-align: left; }
label .input {	float: left; padding-right: 1em; }
label .alert { margin-top: 0em; }

#contactform {float: left;}

#contactform hr { border: 0px none; border:1px solid; height: 1px; }

#contactform input.button { margin-left:133px;}

#contactform span { display: block; }

#contactform .title { text-transform: uppercase; }

#contactform .alert { margin-top: 0em; }

.checkbox { display: block; margin-bottom: 0.3em; }

.checkbox input { margin-right: 0.5em; }

.date { margin-right: 1em; line-height:17px;}

.date select { width: auto; }

.fixed_width_font { width: 30px; }

.checkbox input, .radio input { width: auto; border: none; }

.alert { color: #FF0000; }

span.radio { margin-right: 1em; }

input.button {
	background: #1ab859;
	color: #FFF;
	cursor: pointer;
	width: auto;
	padding: 1px 3px 3px 2px;
	font-size: 90%;
	margin-top: .75em;
	border-color: #1ab859;
	font-weight: bold;
	
}

input.button:focus {
	border: none;
}

.fixed_width_font { font-family: Lucida Console, Courier New, Courier, monospace; font-size:1em; line-height:1.75em; }

input.fixed_width_font { line-height:1em; }



/* Layout */

#print { display: none; }

#greenline {
	background-color: #1ab859;
	height: 8px;
	line-height: 2px;
	font-size:0px;
}

#container {
	width: 786px;
	margin: 0 auto;
	border-left: 6px solid #d1d3d4;
	border-right: 6px solid #d1d3d4;
/*		border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;*/
	background-color: #ffffff;
}

#header {
	height: 139px;
	background-color: rgb(88,88,90);
	background-image: url(../img/header.jpg);
	border-top: 2px solid #fff;
}
#header #search_box { float: right; width: 300px; text-align: right; padding: 10px; text-transform: uppercase; color: #fff;  }
input.searchbutton { background: url(../img/s_arrow_lt.gif) no-repeat center bottom; border: none; width: 17px; height: 17px; margin-bottom: -2px; *margin-bottom: 1px; }
#header #search_box input.searchfield {	font-size: 9px;}
#header #search_box a { color: #fff; text-decoration: underline; text-transform: none; display: block; padding-top: 5px; }

#content { margin: 20px 20px 0 150px; list-style-position:inside; }
#content img{ padding-left: 10px; padding-right: 6px;}
table { border: none;}
#content table img{ padding-left:0px; padding-right: 4px;}

#footer {
	font-size: 10px;
	color: #FFFFFF;
	padding: 3px  10px 4px 10px;
	margin-top: 4px;
	border-top: 1px solid rgb(177,178,180);
	border-bottom: 1px solid rgb(177,178,180);
	background-color: #000000;
}

#footer a { color: #ffffff; text-decoration: none; }

#footer a:hover { text-decoration: underline; }
#righty {float: right;}


/* First navigation (horizontal) */

#nav-first {
	padding: 0;
	margin:0px;
	width: 786px;
	height: 23px;
	background-color: #000000;
	border-top: 2px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #ffffff;
	text-transform: uppercase;
}

#nav-first ul { display: block; list-style: none; margin: 0; padding: 0px; }

#nav-first ul li { float: left; padding: 0px; margin: 0; font-weight:bold; background-color: #000000; font-size:11px; line-height:14px; }

#nav-first ul li.parent-active { height: 42px; }

#nav-first ul li a { display: block; color: #fff; padding: 4px 10px 5px 10px; margin: 0px; }

#nav-first li ul { display: none; position: absolute; top: 23px; left: 0; background-color: rgb(135,136,137); width: 776px; }

#nav-first li li a { color: #fff; }

#nav-first li a:hover,#nav-first li.active li a:hover { text-decoration: none;
	background-color: #1ab859;
	background-image: url(../img/activearrow.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	 }

#nav-first li.active a {
	color: #fff;
	text-decoration: none;
	background-color: #1ab859;
	background-image: url(../img/activearrow.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#nav-first li.active li a { color: rgb(236,236,237); text-decoration: none; }

#nav-first li.active li.active a { color: #fff; text-decoration: underline; }

#nav-first li li ul,

#nav-first li.active li ul { display: none; }

#nav-first li.active ul,

#nav-first li.active li.active ul { display: block; }



/* Second navigation */

#nav-second {
	float: left;
	clear:none;
	width: 130px;
	margin-top: 0px;
	color: rgb(50,50,50);
	padding:0px;
}
#members_area {
background-color: #bccbc9;
font-weight: bold;
}
#members_login {
/*border-right: 1px solid #1ab859;*/
}

#nav-second form { margin: 0; padding: 0; }

#nav-second ul { list-style: none; padding: 0; margin: 0; }

#nav-second li { display: block; padding-left: 10px; margin: 0; font-size: 10px; }

#nav-second li a { display: block; color: rgb(50,50,50); padding: 1px 0px; }

* html #nav-second li { height: 1%; }

#nav-second .first { padding-top: 0px; }

#nav-second li ul { display: none; }

#nav-second li li ul,

#nav-second li.active li ul { display: none; }

#nav-second li.active ul,

#nav-second li.active li.active ul { display: block; }



/* members login panel */

#nav-second li.top {
	background: #1ab859;
	color: #FFFFFF;
	margin: 0px;
	line-height: 12px;
	padding: 5px 5px 0px 10px;
	font-size: 11px;
	font-weight: bold;
	height: 17px;
	border-bottom: 2px solid #fff;
} 
#nav-second li.first { padding-top: 3px; }

#nav-second li.formfield input { border: 1px solid rgb(135,136,137); width: 100px; margin: 0 0 2px 0; display: block; }

#nav-second>li.formfield input { border: 1px solid rgb(135,136,137); width: 100px; margin: -2px 0 2px 0; display: block; }

#nav-second li.forgotpassword { font-size: 9px; color: rgb(50,50,50); }

#nav-second li.forgotpassword a { display: block; color: rgb(69,161,43); margin-top: -8px; font-weight:bold;}

#nav-second li.forgotpassword a:hover { text-decoration: none; }

#nav-second li input.button {
	color: #fff;
	display: block;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	padding: 3px 0px 3px 10px;
	*padding-right:20px;
	*text-align: left;
	margin: 0px;
	background-color: #1ab859;
	border: 0px none;
	*border: 1px solid #1ab859;
}



#nav-second li.lastbutton {
	height: 22px;
	background-color: #1ab859;
	padding: 0px;
}
#nav-second li.last { padding-bottom: 5px; margin-bottom: 2px;}

#nav-second li div.logout { padding: 0; }

#nav-second li.lastlink { padding:0px; }
#nav-second li div.logout a {
	color: #fff;
	display: block;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	padding: 5px 0px 7px 10px;
	margin: 0px;
	background-color: #1ab859;
	border: 0px none; }

.printable {
float: left;
clear: left;
padding-top: 15px;
padding-left: 20px;
}

#bottommenu {
display: block;
list-style: none;
height: 17px;
border-top: 1px solid #666666;
padding-top: 4px;

}
#bottommenu li { float: left; padding: 0px 10px; font-size: 10px; }
#bottommenu li a{ color: #222222; font-weight: bold;}

/* Response */

#response { color: #b9131d; font-weight: bold; border: 1px solid #b9131d; padding: 5px 10px; background-color: #ecafb0; margin-bottom: 1em; }



/* Search page */

#search #content h3 { padding-top: 1em; }
.search-keyword { color: #1ab859; padding: 0 0.2em; }
.disabled { color: #999; }



/* misc */

.clearing { 
	display: block; 
	height: 1px; 
	font-size: 1px; 
	line-height: 1px; 
	clear: both;
}
#content .clearing {
margin-bottom: 50px;
}

/******** Gallery ***********/
 
#galleryholder { clear:none; margin:0px; background-color: #fffff;}
#galleryholder .top { 
	background-image:url(/includes/template/public/img/blackgrad.gif);
	background-repeat:repeat-x;
	height: 20px;
	font-weight: bold;
	text-transform:uppercase;
	padding-top: 3px;
	padding-left: 10px;
	color:#fff;
	margin:0px;
	position: relative;
	background-color:#000000;
}
#gallery table tr {margin:0px; padding:0px;}
#gallery table td {padding:0px; margin:0px; left:0px;}
#gallery table td .top {position:relative;}
#gallery table td .top .blackleft{ position: absolute; left:0px;top:0px; margin:0px; padding:0px;}
#gallery table td .top .blackright{ position: absolute; right:0px; top: 0px; margin:0px; padding:0px;}
#galleryholder a img {border:none; }

#galleryholder #lefty {width: 140px; background-color:#d1d2d4; border-right: 2px solid #ffffff;}
#galleryholder #lefty h1 { padding: 14px 20px 0px 15px;}
#galleryholder #lefty p{ padding: 0px 20px 0px 15px;}
#galleryholder #lefty ul { left:0px; margin: 0px; padding:3px 10px; list-style: none; list-style-position:outside;}
#galleryholder #lefty ul a  {color:#000000;}
#galleryholder #lefty li { padding:0px; margin:0px; left:0px; }
#galleryholder #lefty li a { display: block; padding: 5px 0;}
 
#galleryholder #righty {width: 450px; background-color: #e7e7e8;}
#galleryholder #righty hr {margin: 0px 10px; width: 430px; border-color: #aaaaaa;}
#galleryholder #righty h2 { padding: 14px 10px 0px 10px; margin:0px;}
#galleryholder #righty p { padding: 0px 10px 0px 10px;}
#galleryholder #righty sup {padding: 0px 10px;}

#galleryholder #bottom {height:5px; border-right:2px solid #ffffff;}
#galleryholder #bottom2 {height:5px; }
#galleryholder #bottom, #galleryholder #bottom2 {background-color: #1ab859;}


#catsgallery { padding: 5px 20px; margin: 0px; }

#thumbs { margin: 0px 5px 5px 10px;}
#thumbs #smllinks { clear: left; text-align: center;}
#thumbs #smlimg {  width: auto; }
#thumbs #smlimg img {  margin: 3px 6px 10px 0px;}
#thumbs #smlimg a, #thumbs #smlimg a img { border: none; float: left;}
