@charset "utf-8";
/* CSS Document */



/* spam honeypot */

.fPhone{display:none;}

/*main*/
* {margin: 0;}
html, body {height: 100%; background-image:url(../images/backint.jpg); background-repeat:repeat-x; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; color:#323232;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em;}
.footer, .push {height: 4em;}
/*end main*/

/*layout*/
#container {margin-left:auto; margin-right:auto; width:962px}
.headertop {background-image:url(../images/banner.jpg); width:962px; height:100px; float:left;}
#nav {width:962px; height:38px; float:left;}
.content {width:962px; float:left; background-color:#FFF}
.left { width:443px; float:left; background-image:url(../images/white-back.jpg); background-repeat:no-repeat; height:550px}
.right { width: 519px; float:left; height:550px; }
.single_col { width:962px; background-image:url(../images/white-back.jpg); background-repeat:no-repeat; min-height:550px }
.contentbottom {width:962px; float:left; margin-bottom:18px}
.bottomnav {margin:20px 0}
.bottomnavint {margin-top:20px}
/*end layout*/

/*style*/
img { border:none}
.nav a{ float:left}
.nav img{ margin-top:0px; text-align:center;}
.left h1, .single_col h1 {font-size:21px; color:#b92631; font-family:Verdana, Geneva, sans-serif; margin:0; padding:0}
.left h2, .single_col h2 {font-size:18px; color:#b92631; margin:0; padding:0}
.content p{font-family:Arial, Helvetica, sans-serif; font-size:14px;  margin-top:15px; margin-left: 0px }
.copyright a{ color:#333333;}
.bottomnav {text-align:center; clear:both}
.bottomnav a {color:#c7c7c7; text-decoration:none; text-align:center; margin:0 15px}
.bottomnav p {color:#c7c7c7; text-decoration:none; text-align:center}
.bottomnavint {text-align:center; clear:both; background-color:#333; height:50px; width:100%}
.bottomnavint a {color:#c7c7c7; text-decoration:none; text-align:center; margin:0px 15px;}
.bottomnavint p {color:#c7c7c7; text-decoration:none; text-align:center; padding-top:15px; font-size:14px}
.copyrightint {background-color:#000; padding-top:10px}
/* end styles */

/* nav */
#cssnav { padding:0; margin:0px 0px 0px 0px; list-style:none; width:968px; height:38px; /*overflow:hidden*/}
#cssnav li {float:left; position: relative;}
#cssnav li ul { margin: 0; padding: 0; }
#cssnav li ul li {float:none;}
#cssnav a {display:block; background-image:url(../images/nav-sprite.png); padding-top:38px; text-decoration:none}
#cssnav li ul { margin: 0; padding: 0; position: absolute; top: 32px; z-index: 5000; display: none; list-style: none; }
#cssnav li ul li {float:none; background-color: #e4dece; width: 160px; padding: 5px; }
#cssnav li ul li a { background-image: none; padding-top: 5px; color: #000000; }
#cssnav li ul li a:hover { color: #FF0000; }

.cssnav1 { width:180px}
.cssnav1:hover {background-position: 0px -38px}
.cssnav2 { width:73px; background-position: -180px 0}
.cssnav2:hover {background-position: -180px -38px}
.cssnav3 { width:150px; background-position: -253px 0}
.cssnav3:hover {background-position: -253px -38px}
.cssnav4 { width:135px; background-position: -403px 0}
.cssnav4:hover {background-position: -403px -38px}
.cssnav5 { width:107px; background-position:-538px 0}
.cssnav5:hover {background-position: -538px -38px}
.cssnav6 { width:136px; background-position:-645px 0}
.cssnav6:hover {background-position: -645px -38px}
.cssnav7 { width:89px; background-position: -781px 0}
.cssnav7:hover {background-position: -781px -38px}

#cssnav li#sub_nav_1:hover ul {display: block;}
/* end nav */

/*nav new*/
#cssnav-new {padding:0; margin:7px 0px 0px 110px; list-style:none; width:968px; height:38px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
#cssnav-new a {text-decoration:none; color:#000}
#cssnav-new a:hover {text-decoration:none; color:#FF0000}
#cssnav-new li {list-style:none; float:left}
#cssnav-new li a { display: block; text-decoration:none; padding:0 13px}
#cssnav-new li ul { margin: 0; padding: 0; position: absolute; z-index: 5000; list-style: none; display:none}
#cssnav-new li:hover ul {display:block; position:absolute; margin:0; padding:0}
#cssnav-new li:hover li {float:none; background-color: #e4dece; width: 190px; padding: 5px;}

/* Form Styles */
.form { margin-top: 10px; }
.required { color: #E41B17; font-style: italic; }
.required_field { background-color: #FFE87C; }
.fieldwrapper { width: 100%; margin-top: 5px; margin-bottom: 5px; }
.fieldName { width: 20%; float: left; margin-right: 10px; font-weight: bold; }
.fn_short { width: 12%; }
.field { position: relative; width: 75%; float: left; }
.form_note { font-style: italic; font-weight: bold; font-size: .9em; margin: 5px; }
.error_message, .alert_message { font-size: 1.4em; font-weight: bold; color: #E41B17; background-color: #fdf7c1; border: 1px solid #CCC; padding: 10px; }
.error_message h3, .alert_message h3 { margin: 0; }
.alert_message { font-size: 1.2em; position: relative; }
.alert_message_hide { position: absolute; top: 5px; right: 15px; }
#warning { border: 2px solid #bcc7cf; background-color: #fff95e; padding: 10px; position: relative; }
#warning_image { float: left; width: 50px; height: 70px; padding-right: 10px; padding-bottom: 10px; }
#warning_text { float: left; width: 600px; margin-left: 10px; }
#warning_close { position: absolute; top: 5px; right: 5px; }
#warning_text hr, #warning_text p { 	margin-bottom: 5px; }
#admin_error_message li { font-weight: 100; }
.field_image { position: absolute; bottom: -20px; left: 50px; padding: 5px; background-color: #FFFFFF; border: 1px solid #bac3c7; }
.form_image_close { position: absolute; bottom: 0; right: 0; }
.field_image { position: absolute; top: -150px; z-index: 100; }
.form_image_close { padding-right: 5px; }
.notice { color: #E41B17; background-color: #fdf7c1; border: 1px solid #CCCCCC; padding: 3px; font-weight: bold; font-size: 12px; }

/* ***** CONTACT FORM STYLES ***** */
.contact_form { color: #323232; width: 300px; margin: 0 auto; }
.contact_form fieldset { border-color: #FFFFFF; }
.contact_form fieldset div.contact_form_content { padding: 0 40px; }
.contact_form fieldset div div span.contact_form_label { padding-left: 3px; }
#contact_form_error { border: 1px solid #FF0000; padding: 5px; color: #FF0000; background-color: #FFFFFF; margin: 0 0 10px 0; display: none; }
/* ***** ******************* ***** */

/* ***** MEMBER SIGN UP FORM ***** */
#member_signup_form { margin: 0; width: 642px; float: left; font-size: 12px; }
#member_login_form {width: 300px; margin-left: 20px; float: left; font-size: 12px; }
.signup_fieldName { width: 75px; float: left; margin-right: 10px; font-weight: bold; }
.signup_field { position: relative; width: 150px; float: left; }
.signup_form_error { border: 1px solid #FF0000; padding: 5px; color: #FF0000; background-color: #FFFFFF; margin: 0 0 10px 0; display: none; }
/* ***** ******************* ***** */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";   /* the period is placed on the page as the last thing before the div closes */
    display: block; /* inline elements don't respond to the clear property */
    height: 0;      /* ensure the period is not visible */
    clear: both;    /* make the container clear the period */
    visibility: hidden;	/* further ensures the period is not visible */
}

/* .clearfix {display:  inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; min-height: 1%;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */