@import url('eric_meyer_reset.css');



html {font-family:Arial, Helvetica, sans-serif;}
body {background:url(../images/bg.jpg) top center no-repeat #000 fixed;}

/* ----------------------------- FONTS AND SUCH */
p, h1, h2, h3, h4, h5, h6 {
	line-height:140%;
	padding-bottom:.5em;
	color:#333;
}
h1, h2, h3, h4 {font-family:"Arial Black", Gadget, sans-serif;line-height:120%;color:#a13606;}
p  {font-size:14px;}
h1 {font-size:32px;}
h2 {font-size:28px; font-weight:bold;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:14px; font-weight:bold;}


em {font-style:italic;}
strong {font-weight:bold;}
del {text-decoration:line-through;}

/* ----------------------------- ANCHOR BASE */
a 			{color:inherit; text-decoration:none; color:#c1272c; font-weight:bold;}
a:link		{color:inherit;}
a:visited	{color:inherit;}
a:hover		{color:inherit; text-decoration:underline;}
a:active	{color:inherit;}

/* ----------------------------- FORM BASICS */
input[type="submit"], input[type="reset"] {}
input[type="password"], input[type="text"], textarea {
	border:1px #999 solid;
	background:#CCC;
	color:#333;
}
input[type="password"]:focus, input[type="text"]:focus, textarea:focus {
	border:1px solid black;
	-moz-box-shadow: 3px 3px 2px #000;
	-webkit-box-shadow: 3px 3px 2px #000;
	box-shadow: 3px 3px 2px #000;
	background:#999;
	color:#000;
}

/* ----------------------------- MAJOR ELEMENTS */
#container {
	min-width:960px;
	/*max-width:1200px;*/
	position:relative; margin:0 auto;
}

#left_back {
	background:url(../images/BG_left_back.png) top right no-repeat;
	position:absolute; left:0; top:0;
	width:400px;
	height: 797px;
	display:block;z-index:-1;
}
#right_back {
	background:url(../images/BG_right_back.png) top left no-repeat;
	position:absolute; right:0; top:130px;
	width:395px;
	height:679px;
	display:block;z-index:-1;
}
#wrapper {
	width:960px; 
	margin:0 auto; 
	padding:10px;
	z-index:1;
	display:block;
	min-height:720px;
	/*position:absolute; left:50%; top:0;  margin-left: -480px;*/
}
#bottom_back {
	background:url(../images/BG_bottom_back.png) bottom center no-repeat;
	/*position:absolute; right:0; bottom:0;*/
	width:100%;
	height:150px;
	display:block;z-index:-1;
	margin-top:32px;
}

#page_top {
	display:block; height:164px; z-index:5 !important; /*border:1px red solid;*/
	background:url(../images/BGtop_wrapper.png) top center no-repeat;
	margin-top:-30px;
}
#page {
	background:url(../images/BG_wrapper.png) top center repeat-y; /*border:1px green dashed;*/
	z-index:10 !important;
	padding:20px;
	margin-top:-124px;margin-bottom:-74px;
}
#page_bot {
	display:block; height:164px;z-index:5 !important;/*border:1px red solid;*/
	background:url(../images/BGbot_wrapper.png) top center no-repeat;
	margin-bottom:-74px;
}

#content {width:690px; float:left;}

/* ----------------------------- HEADER */
#header { height:133px;  /*border:1px silver;*/}
ul#njs_menu {float:left; display:block;}
ul#njs_menu > li {float:left; border-left:1px white solid; padding:11px 1.1em 9px; background:#fcb03c; margin:0;height:19px;font-size:14px; }
ul#njs_menu > li:first-child {border-left:0}
ul#njs_menu > li > a {display: block; color:#FFF; text-decoration:none; font-weight:bold; letter-spacing:-.1em; }
ul#njs_menu > li > a:hover {color:#333;}

ul#njs_menu li#sign_in, ul#njs_menu li#admin_popup {
	background:url(../images/sign_up.jpg) bottom repeat-x #8ae30c;
	border-left:0;
	padding-right:20px;
	-moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0;
	position:relative;
}
ul#njs_menu li#sign_in div#nav_popup, ul#njs_menu li#admin_popup div#admin_functions {display:none;}
ul#njs_menu li#sign_in:hover, ul#njs_menu li#admin_popup:hover {
	background: url(../images/nav_hover_sign_in.png) bottom center no-repeat #8ae30c;}
ul#njs_menu li#sign_in:hover #nav_popup, ul#njs_menu li#admin_popup:hover div#admin_functions {
	display:block; 
	border:10px #29abe2 solid; 
	position:absolute; right:0; top:38px;
	background:#CCC;
	-moz-border-radius: 20px; border-radius: 20px;
	text-align:center;
}
#nav_popup #new_member, #nav_popup #membership{
	width:346px;
}


/*ul#njs_menu li#admin_popup {
	background:url(../images/sign_up.jpg) bottom repeat-x #8ae30c;
	border-left:0;
	padding-right:30px;
	-moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0;
	position:relative;
}*/

ul#njs_menu li#admin_popup:hover div#admin_functions {
	min-height:332px; width:222px;
}

#nav_popup legend.title_head {
	line-height:100%; padding:0;
	font-family:"Arial Black", Gadget, sans-serif; font-weight:bold;
	width:100%; display:block;
	background:#29abe2;
	color:white; font-weight:bold;
	padding:.5em 0;
	margin-bottom:10px;
	text-align:center;
}
#nav_popup a.popup_hover {
	 cursor:pointer; padding:10px;  display:block; color:#d0c689; padding-bottom:1em; text-align:center; 
}
#nav_popup a.popup_hover:hover {
	color:#B09B1A;
	text-decoration:none;
}
#nav_popup p {
	font-size:.8em;margin:0 20px;
}
#nav_popup form {
	text-align:left;
	padding-bottom:10px;
	background:#FFF;
}
#nav_popup fieldset {}
ul.form_items li {padding-bottom:3px;padding-left:13px;}
#nav_popup label {width:110px; text-align:right; padding-right:.25em; display:inline-block; font-size:.75em;}
#nav_popup input[type="password"], #nav_popup input[type="text"] {
	display: block; width:170px; display:inline-block; font-size:18px; padding:.12em .25em; border:0;
}
#nav_popup input[type="submit"] {margin-left: 125px;}

#nav_popup label#agreement_label {width:290px; text-align:left; padding-left:.5em;font-size:.7em; vertical-align:middle;}
#nav_popup label#agreement_label a {}
#nav_popup p.formError_msg {
	color:red;
	font-size:.6em;
	padding-left: 105px;
	width:190px;
}

/*#new_member > a, #membership > a { padding:19px; background:#0FF;}
*/









/* ----------------------------- SIDEBAR */
#sidebar {float:right; background:url(../images/trans_white50.png) repeat; width:220px; border:1px #cfaa66 solid; min-height:400px;}


/* ----------------------------- CONTENT */
#content .content {padding:10px 20px;}
#content .full {width:auto;}
#content .half {max-width:43%; }
#content .left_align {float:left; margin:0 4px .25em 0;}
#content .right_align {float:right; margin:0 0 .25em 4px;}
#content .round {-moz-border-radius:16px; border-radius:16px;  }
#content .white_trans {background:url(../images/trans_white25.png) repeat; border:1px solid rgba(0,0,0,0.4)}
#content .black_trans {background:url(../images/trans_black25.png) repeat; border:1px #997a3d solid; }




ol#service_list { list-style:decimal outside;font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; font-size:24px; color:#4e1f07;  padding-left:1.5em;}
ol#service_list li { padding:0; margin:0; border-top:1px #4e1f07 solid; margin-bottom:13px;}
ol#service_list li p { padding:0em 1.2em; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:normal; padding-left:-0.5em;font-size:14px; vertical-align:bottom; line-height:125%;}
/*ol#service_list li p em { display:block; }*/



a.action_button {
	display:inline-block;
	background:#f7941d;
	color:#FFF;
	padding:.5em 1em;
	margin:1.25em 1em .5em 1em;
	font-family:"Arial Black", Gadget, sans-serif;
	text-decoration:none
	-moz-border-radius:8px; border-radius:8px;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	
}
a.action_button:hover {
	background:#F78E1D;
	text-decoration:none;
}


/* ----------------------------- HELPERS */
.visible {display:block; visibility:visible;}
.invisible {display:none; visibility:hidden;}