/* Kingdom Contact Stylesheet - Basic settings for all browsers, complete settings for Firefox, Opera and Safari */


/* PRELIMS
---------------------------------------------------------------------------------*/

* { padding: 0; margin: 0; border:0;}

html { font-size: 100% }

body { background: #ffffff url("images/bg_image.jpg") left top repeat-x; font-family: 'trebuchet ms', tahoma, arial, verdana, helvetica, sans-serif; font-size:62.5%; }

#container, #container2, #container3 {font-size: 1.1em} /* 1em = 10px */

p, blockquote, ul { margin-top: 10px; margin-bottom: 10px; }
h1, h2, h3, h4, h5, h6, h7 { margin-top: 20px; margin-bottom: 10px; }

a:link { color:#666666; text-decoration:none; }
a:visited { color:#666666; text-decoration:none; }
a:active { color:#3399CC; text-decoration:underline; }
a:hover, a:focus { color:#ee9414; text-decoration:underline; }

.hide, .skip { position:absolute; top:-10000px; left: 0px; }




/* STRUCTURE
---------------------------------------------------------------------------------*/

#container, #container2, #container3 { width:1000px; margin:0 auto; background-color:#ffffff; position:relative;}

#container2 {clear:both;}

#header_nav { border:0px solid #ccc; width:50%; float:left; }

#search_area { clear:both; width: 862px; margin-left:67px; min-height: 277px; background: transparent url("../images/bkg-search.gif") left top no-repeat; border: 1px solid #ffffff; }

#container2 { background: transparent url("../images/main_content-colar.jpg") left top no-repeat; border: 0px solid #000;}

#sub_container2, #sub_container3 { width:1000px; margin:0 auto; background-color:transparent; border:0px solid #000; }

#main_content { float: left; width:427px; padding: 0 20px 0 53px; border-right: 1px dashed #f4f4f4; font-size: 1.2em; line-height:150%; text-align:justify; }

#sub_content { float: left; width: 205px; padding: 0 20px; text-align: justify; }

#additional_content { float: right; width: 180px; padding: 0 50px 0 20px; border-left: 1px dashed #f3f3f3; text-align: justify; }

#container3 { clear:both; background: transparent url("../images/main_content-colar.jpg") left top repeat-x;}

#footer { border: 0px solid #3399cc /*temp*/;  padding: 20px 50px 0 50px; }

#main_content, #sub_content, #additional_content, #main_content2, #sub_content2, #additional_content2 { margin-top: 20px; color: #939393;}




/*--- 2 COLUMN STRUCTURE ---*/

#main_content2 { float: left; width:607px; padding: 0 20px 0 53px; border-right: 0px solid #f4f4f4; font-size: 1.2em; line-height:150%; text-align:justify; }

#additional_content2 { float: right; width: 240px; padding: 0 50px 30px 20px; border-left: 1px dashed #e7e7e7; text-align: justify; }



/* GENERIC STYLES AND FORMATTING
---------------------------------------------------------------------------------*/

h1 { background: transparent url("../images/title.gif") left top no-repeat; height: 43px; margin-left: 50px; width:475px; float:left;}
h1 span { visibility:hidden; }

#header_nav ul { list-style-type: none; width: 500px; margin: 0px 0 10px 53px; font-size: 1.1em; }
#header_nav li { display:inline; margin: 0 7px 0 0; }

#main_content h2, #main_content2 h2 { font-size:1.4em; color: #23884a; }
#main_content h3, #main_content2 h3 { font-size:1.2em; color: #23884a; }

#sub_content h2 { font-size:1.4em; color: #23884a; }
#sub_content h3 { font-size:1.2em; color: #23884a; }

#additional_content h2, #additional_content2 h2  { font-size:1.4em; color: #23884a; }
#additional_content h3, #additional_content2 h3 { font-size:1.2em; color: #23884a; }

.h3first { padding-top:6px; }

#footer p { float: right; text-align: right; width: 200px; color:#cccccc; margin-right:2px;}
#footer ul { float:left; list-style-type: none; margin-left:3px;}
#footer li { display:inline; margin: 0 7px 0 0; }


#additional_content2 ul { margin-left: 15px; }

.page_button, #search_area2 #search_button {float:left; cursor: pointer; font-size: 0.8em; background-color: #8ec600; color:#ffffff; margin: 0px; padding: 3px 2px 3px 2px; min-height:22px; }




/* LOGIN FORM
---------------------------------------------------------------------------------*/

#bkg-login {float:right; min-width:200px; margin:10px 50px 0 0; }

#bkg-login fieldset {border:1px solid #e4e4e4; padding:10px 15px;}

#username_box, #username_box2 { position:relative; float:left; margin-right:10px; }

#password_box { position:relative; float:left; margin-right:10px; }

.login_form { width:120px; padding: 4px 3px 3px 3px; font-size: 0.8em; border:1px solid #dddddd!important; background: transparent url("../images/bkg-login.jpg") left top repeat; }

#bkg-login legend {font-weight: bold; padding:0px 3px; margin:0px; color:#86b514; font-size:1.2em; }

#bkg-login .page_button {margin-top:16px;}

#login .page_button {margin-top:20px;}



/* SEARCH FORM ON HOMEPAGE (#search_area )
---------------------------------------------------------------------------------*/

#search_area .search_input { border: 1px solid #666666; font-size: 1.2em; padding: 2px 2px 2px 4px; width: 220px;}

#search_area .wider { width:227px;}

#search_area #search_form label { font-size: 1em; border: 0px solid #cccccc; }
#search_area h2 { color:#797a7c; font: normal 2.7em "tw cen mt condensed extra bold", "trebuchet ms", verdana, arial
, sans-serif; text-align:right; }

#search_area #search_button { background-color:#23884a; color:#ffffff; display: block; width:82px; height:78px; cursor:pointer; float:right;margin:16px 0 0 0px;} /* ie7 fix needed for left margin */

#search_area #search_form { float:right; width:270px; border:0px solid #cccccc; margin:0; } /* ie7 margin-top 25 is better */

#search_area fieldset { float:left; padding: 0px 0 0 170px;}




/* SEARCH ON SEARCH PAGE (#search_area2)
----------------------------------------------------------------------------------*/

#search_area2 #search_button {/* see .page_button above */}

#search_area2 .search_input {border:1px solid #cccccc; float:left; padding:2px 3px; margin-bottom: 7px; width: 220px; background-color:#ffffff;}

#search_area2 .wider { width: 228px; }

#search_area2 h2 {display:none}




/* REGISTRATION TYPE FORMS
---------------------------------------------------------------------------------*/

.field, #insert_form1 textarea { border:1px solid #cccccc; float:left; padding:2px 3px; margin-bottom: 7px; width: 220px; background-color:#ffffff;}

select.field { width: 228px; }

#main_content form { border:0px solid #cccccc; }

#insert_form1 fieldset { border:1px solid #eeeeee; padding-top: 15px;padding-bottom:20px; margin-bottom:20px;}
#insert_form1 legend { font-weight: bold; padding:0px 3px; margin:0 15px; color:#86b514;  }
#insert_form1 label { display: block; width: 300px; float:left; text-align:right; margin-right:15px; }
#insert_form1 #register_button, #register_button, .register_button { border:1px solid #666666; padding:3px; background-color:#23884a; color:#ffffff; cursor:pointer;}

#insert_form1 #terms, #insert_form1 #privacy { float: left ; margin: 5px 10px 0 20px;}
#policies label { padding:0; margin:0; width:auto; float:left;}



/* BUSINESS CARD
---------------------------------------------------------------------------------*/

#my_page_area h3 { margin:0px; padding: 0px; background: transparent url("../images/bizcard-header.jpg") left top no-repeat; border:0px solid #cccccc; }

#my_page_area { margin:0px; padding: 0px 0px 35px 0 ; width: 350px; background: transparent url("../images/bizcard-footer.jpg") left bottom no-repeat; float:left;}

#vcard {  margin:0px; padding: 0px 30px 0 20px; font: 12px normal, "trebuchet ms", tahoma, arial, helvetica, verdana, sans-serif; background: transparent url("../images/bizcard-tile.jpg") left top repeat-y; }

#vcard p { margin:0; padding:0; border:none; min-height:124px; }
#vcard a { text-decoration: none; color:#0000cc; }
#vcard a:hover, #biz_card a:focus { text-decoration: underline; color:#cc0000; }



/* REVISED FORMATTING PENDING FULL ADOPTION
---------------------------------------------------------------------------------*/

#main_content h2, #main_content2 h2, #main_content h3, #main_content2 h3, #sub_content h2,#sub_content h3, #additional_content h2, #additional_content2 h2 {color: #86b514; }/*lime green */

#main_content, #sub_content, #additional_content, #main_content2, #sub_content2, #additional_content2 { color: #574210;} 

#additional_content h3, #additional_content2 h3 {color:#666666} /*d.grey*/

#search_area #search_form { float:right;  width:500px; border:0px solid #cccccc; margin:25px 160px 0 0; } /* ie7 margin-top 25 is better */

#login_button, #login_button2, #login_button3 { z-index:100000000000; background-color: #8ec600; color:#ffffff; }

#insert_form1 #register_button, #register_button, .register_button { border:1px solid #666666; background-color:#5a8200; color:#ffffff;}

#search_area #search_button { background-color:#5a8200; color:#ffffff;}

#logout_button {z-index:100000000000; position: absolute; left:250px; top:30px;  width:60px; height:20px; float: left; cursor:pointer; padding: 2px 0 ; border:1px; background-color:#8ec600; color:#000000; }



/* INDEX PAGE SPECIFICS
---------------------------------------------------------------------------------*/

#indexpage_intro { background: transparent url('../images/bkg_index_header_RL.jpg') left bottom no-repeat; min-height:24.2em; }

#recent_members { float:left; width:300px;  margin-top:-10px; }



/* END
---------------------------------------------------------------------------------*/



/* TEST ZONE
---------------------------------------------------------------------------------*/

#profile_page_boxes div.profile_box h3 {font-size:1.0em; padding:0 19px; margin:0;}
#profile_page_boxes div.profile_box p {padding:0px 19px 10px; margin:0;}

#profile_page_boxes fieldset {border:1px solid #e4e4e4;}
#profile_page_boxes legend { font-weight: bold; padding:0px 3px; margin:0 15px; color:#666666; font-size:1.1em; }


.bizstrapline {font-weight: bold; padding:10px 0px 0; margin:0 0px; color:#555555; font-size:1.2em; text-align:center; }