@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixLtHdr #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header { 
	background: #f56830; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 10px 10px 10px;
}
.twoColFixLtHdr #mainContent { 
	background: #FFFFFF;
	margin: 0 0 0 200px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#f56830; 
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

 img  {  border: none;  }

/*  LEFT-HAND NAVIGATION MENU */

 #button { float:left; width: 15em; border-right: 1px solid #000; padding: 0 0 0 0; margin: 0px 0px 20px 0px; 
           font-family: Tahoma, Arial, sans-serif; /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
           font-size : 12px;  background-color: #FFFFFF;  color: #333;       }
 #button ul { list-style: none;   margin: 0;   padding: 0;  border: none;    }
 #button li { border-bottom: 1px solid #90bade; margin: 0; list-style: none; list-style-image: none;      }
 #button li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 0px solid #1958b7; 
                border-right: 0px solid #508fc4;
                background-color: #f56830; color: #fff; text-decoration: none; width: 100%;     }
 html>body #button li a { width: auto;  }
 #button li a:hover { border-left: 0px solid #1c64d1; border-right: 0px solid #5ba3e0; 
                      background-color: #2586d7;  color: #fff; }
 #button li #active { border-left: 0px solid #1c64d1; border-right: 0px solid #5ba3e0; 
                      background-color: #f56830; color: #fff; }
 
/*  DEFINE TEXT FONTS & SIZES */

H1    { color: #303292;         font-size: 20pt;    font-weight: bold;
	    font-family: Arial, Helvetica, sans-serif;  text-decoration: none }
H2    { color: #303292;    	font-size: 16pt;    font-style: oblique; font-weight: bold;
    	font-family: Arial, Helvetica, sans-serif;  text-decoration: none }
H3    { color: #303292;    	font-size: 12pt;
        font-family: Arial, Helvetica, sans-serif;  text-decoration: none }
H4    { color: blue;       	font-size: 10pt;
	    font-family: Arial, Helvetica, sans-serif;  text-decoration: none }
H5    { color: green;    	font-size: 8pt;
	    font-family: Arial, Helvetica, sans-serif;  text-decoration: none }
H6    { color: red;             font-size: 8pt;
	    font-family: Arial, Helvetica, sans-serif;  text-decoration: none }
H7    { color: blue;       	font-size: 8pt;  font-weight: bold;
	    font-family: Arial, Helvetica, sans-serif;  text-decoration: none }
p     { color: black;           font-size: 10pt;
	    font-family: Arial, Helvetica, sans-serif;  text-decoration: none }

li     { color: black;           font-size: 10pt;
	    font-family: Arial, Helvetica, sans-serif;  text-decoration: none }		
	
		
 /*  Set default font displayed in any table cells */
TD {font-family: Arial; font-size: 10pt; color: #0000FF; }		

/* ----------------------------------------------------------------
   GBCF-V3 ORANGE STYLE SHEET - MIKE CHERIM HTTP://GREEN-BEAST.COM
   ----------------------------------------------------------------  */

/* === form div and elements ======================================= */
#form-div {   font-family : verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
              width : 100%;  margin : auto;  color : #555;  line-height : 1.7em;  }
#form-div p.form-footer          {  margin : -35px 2px 20px 13px;   }
#form-div p.form-footer a        {  color : #cc6600;  }
#form-div p.form-footer a:hover, 
#form-div p.form-footer a:focus, 
#form-div p.form-footer a:active { color : #000;    text-decoration : none;  }
#form-div p.form-footer a:focus, 
#form-div p.form-footer a:active { background-color : #eee;  }

/* === form div link styles ======================================== */
#form-div a        {    color : #cc6600;  }
#form-div a:hover, 
#form-div a:focus, 
#form-div a:active { color : #000; text-decoration : none;  }
#form-div a:focus, 
#form-div a:active {   background-color : #eee;  }

/* === success and error message/results box ======================= */

#form-div p.success, 
#form-div p.error, 
#form-div p.center {  color : #fff; background-color : #cc6600;
                     /* Light/Dark colour options: color to #000/#fff, background-color to #a3dac2/#cc6600 */
                     padding: 1px 4px; border: 1px solid #000; margin: 10px 3px; text-align: center; }
#form-div p.error {  background-color : #f20000; 
                     /* Light/Dark colour options: background-color: #edbaba/#f2000 */  }

#form-div p.error a, 
#form-div p.success a {    color : #ffff7f; }

#form-div p.center    {   text-align : center;   background-color : #edbaba;   color : #000;
                          margin-top : -3px;   padding : 0px 4px;  }

#form-div p.error a:hover, 
#form-div p.error a:focus, 
#form-div p.error a:active, 
#form-div p.success a:hover, 
#form-div p.success a:focus, 
#form-div p.success a:active { color : #eee;   background-color : #bb0000;  }

#form-div p.success a:hover, 
#form-div p.success a:focus, 
#form-div p.success a:active { background-color : #cc6600;  }


/* === structural form elements ==================================== */
form#gbcf-form       { }
fieldset.main-set,
fieldset.req-set,
fieldset.opt-set     {   border : 1px solid #eee;   padding : 5px; }

/* === textural form elements ====================================== */
#form-div legend           {   font-weight : bold;  }
#form-div legend span      { }
legend.main-legend         {  color : #777; font-size : 100%; }
legend.req-legend,
legend.opt-legend          {  color : #777; }
legend.main-legend span    { }
legend.main-legend         { }
legend.req-legend span     { }
legend.req-legend          {   margin-left : -2px;  }
legend.opt-legend span     { }
legend.opt-legend          {   margin-left : -2px; }
label.req-label,
label.opt-label            {  color : #cc6600;  }
label.opt-label.check                {  float : right;  padding : 0;  margin : 1px 4px;  cursor : pointer;  }
label.opt-label.main-label           {  margin : 0 2px;   font-weight : bold;  }
label.opt-label.main-label span      {  font-weight : normal;   color : #666;  }
label.opt-label.main-label span.req,
label span.req                       {  font-weight : bold;   color : #f20000;  }
label.req-label.explain              {  color : #666;  font-size : .6em;   }
label.req-label.explain:hover        {  color : #000; }

/* === control and interface form elements ========================= */
/*
  note: In this section you will see the hover/focus styles for the
  inputs. For example: input:hover, input:focus. You will also see
  these names applied as classes: input.hover, input,focus, for
  example. This is not done by mistake. Those classes are needed for
  the JavaScript focus script (files/focus.js) for IE 7 and older.
*/

input.text-long.address,
input.text-long.address:hover,
input.text-long.address:focus,
input.text-long.address.hover,
input.text-long.address.focus   { border-bottom: 0; margin-bottom: 0; padding-bottom: 2px;
                                  border-bottom: 1px dotted #bbb;  }
input.text-long.address2,
input.text-long.address2:hover,
input.text-long.address2:focus,
input.text-long.address2.hover,
input.text-long.address2.focus { border-top: 0; margin-top: 0; padding-top: 2px; border-top: 1px dotted #bbb;  }
input.checkbox       { border: 1px solid #999; width: .9em; height: .9em; padding: 0; margin: 0; cursor: pointer; }
input.checkbox:hover,
input.checkbox.hover,
input.checkbox:focus,
input.checkbox.focus {  border : 1px solid #666; }
input.text-short,
input.text-med,
input.text-long,
select.select,
textarea.textarea    { font: 1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
                       border: 1px solid #999; background-color : #fffffe; cursor: text; padding: 1px 2px; }
select.select        { padding : 1px 0; }
input.text-short     { width : 100px;   }
input.text-med,
select.select        { width : 250px; }
input.text-long      { width : 300px; }
textarea.textarea    { width : 540px; height : 70px;  }
select.select,
select.select option { cursor : pointer; }

input.text-short:focus,
input.text-short.focus,
input.text-med:focus,
input.text-med.focus,
input.text-long:focus,
input.text-long.focus,
select.select:focus,
input.select.focus,
textarea.textarea:focus,
textarea.textarea.focus { border: 1px solid #666; background-color: #ffe; }
input.button            { font: 1.1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
                          font-weight: bold;   margin-top: 8px; padding: 1px 10px; cursor: pointer;
                          float : right;  clear : both; color : #cc6600;   }
input.button:hover,
input.button.hover,
input.button:focus,
input.button.focus      {   color : #333;  }

/* because IE6 sucks - if you have a conditionally served IE6 style sheet add this to it */
* html input.button     {  border : 1px solid #666; }

/* EOF - Created by Mike Cherim @ http://green-beast.com =========== */