/* 
  Based on the Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim 
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div { 
  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
	 font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 12px; 
  color : #000000; 
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
  background-color : #FFF; 
  border : 0;
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
  background-color : #FFF; 
  border : 0;
}

/* form legends and dt "heading" */
legend, dt { 
  padding: 5px 0 0 0 !important;
  font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
  font-weight : bold; 
  color: #993300;
}

/* main legend at top of the form */
legend#mainlegend { 
 font: 15px/1.5em  Arial, Helvetica, Verdana, sans-serif; 
 font-weight: bold;
  color : #000000; 
}
legend#mainlegend { 
  font-size : 15px;
  color : #000000; 
}

/* form label text */
label {
	padding : 6px 0 4px 0; 
	font: 12px/2em  Arial, Helvetica, Verdana, sans-serif; 
  	color : #000000;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif; 
  color : #333333; 
  padding : 2px; 
  border : 1px solid #cc9000;
  background-color : #fffffa;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color :  #993300; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #000000; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 12px; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #FFF; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 0px solid #000; 
  color: #000;
  background-color: #F9C273;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 12px; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #000000;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}
/* End Contact CSS */
/*  CSS Document - TransLegalinc.com 2008  */

/* HTML SELECTORS */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #330000 url(../images/trbg.jpg) repeat-x;
	margin: 0; /* zero  margin and padding differing browser defaults */
	padding: 0;
	text-align: center; /*  centers  container */
	color: #000000;
}

img	{border:0}

p {font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif}

li, dd, dl, dt {
	font: 79%/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
		
h1	{font: 18px/1.5em  Arial, Helvetica, Verdana, sans-serif}

h2	{ font: 15px/1.5em  Arial, Helvetica, Verdana, sans-serif; font-weight: bold}
	
h3	{font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #993300}
	 	
h4 {font: 14px/1.5em Arial, Helvetica, Verdana, sans-serif}

h5	{font: 13px/2em Arial, Helvetica, Verdana, sans-serif}

h6	{font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif}

h2, h4, h5, h6 { color: #1E0D0A}
h1, h2, h3, h4, { font-family: Arial, Helvetica, Verdana, sans-serif}

/* Contact form styles */

.button {
background-color: #6c6c6c; color:#ffffff; font-size: 12px;
}
.inputc {font-size: 11px}
#formtext {font: 15px/1em  Arial, Helvetica, Verdana, sans-serif; font-weight: normal}


/*  LAYOUT & POSITIONING  */

#container { 
	width: 800px;  /* maybe use 20px less than 800 to avoid horizontal scroll bar */
	background: #FFFFFF;
	margin: 10px auto; /* auto margins with width to center page */
	text-align: left;
	border: 3px solid #601600;
	} 
#header { 
	padding: 0;
	} 
#header h2 {
	margin: 0; /* zero margin of last element in  #header to avoid margin collapse */
	padding: 10px 0; /* use padding instead of margin to keep away from edges */
	}
#branding {
	position:relative;
	width: 800px;
	height: 120px;
	padding: 0;
	margin:0; 
	overflow:hidden;	
	}
#branding span{
	position: absolute;
	width:800px;
	height:120px;
	left:0;
	top:0;
	margin:0;
	background: #FFFFFF url(../images/logo_header.gif) no-repeat; 
	}
#sidebar {
	float: left; /* since element floats width must be given */
	width: 154px; /* actual width will include padding and border in addition to width */
	background: #FFFFFF /* set for background color bg length of content only */
	padding: 15px 10px 15px 20px;
	}
#sidebar h3 {
	font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif #993300;
	font-weight: bold;
	padding: 5px 10px;
	}
#sidebar p {
	font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif #993300;
	padding: 10px 10px 0px 20px;
	}
#sidebar ul {
	margin: 20px 0 0 3px;
	padding: 0;
	}
#sidebar li {
	margin: 7px 0 0 5px;
	padding: 6px 4px 6px 6px;
	list-style: none;
	font: 12px/1.2em  Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold; 
	color: #993300;
	background: #F9C273;	
	}
#mainContent { 
	margin: 0 40px 0 170px; /* creates column space on left */
	padding: 0 20px; 
	} 
#mainContent h2 { 
	margin: 15px 0;
	text-transform: none;
	letter-spacing: -0.01em; 
	}
#mainContent h3 { 
	margin: 20px 0 -5px 0;
	padding: 0;
	}
#mainContent ul {
	margin: 20px 0 0 0;
	padding: 0 20px;
	}
#mainContent li {
	margin: 0 5px 10px 5px;
	padding: 0;
	font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
#footer { 
	padding: 0;
	background: #FFFFFF; 
	border-bottom: 0px solid ##D7A357; 
	text-align: center;
	} 
#footer p {
	margin: 0 0 0 0; /* zeroing margins of first element avoids margin collapse */
	padding: 30px 0 5px 0; /* padding on element adds space without margin collapse issue */
	font: 12px/1.5em  Arial, Verdana, Helvetica, sans-serif !important;
	font-weight: bold !important;
	word-spacing: 0.25em;
	}
#footer .contact {
	margin: 0;
	padding: 5px 0; 
	font: 12px/1.5em  Arial, Verdana, Helvetica, sans-serif !important;
	font-weight: bold !important;
	background: #F9C273; 
	}
#footer .copyright {
	margin: 0;
	padding: 7px 0; 
	font: 11px/1.5em  Arial, Verdana, Helvetica, sans-serif !important;
	background: #D7A357; 
	}
.lbox {  /* creates content box on left */
	width: 350px;
	height: auto;
	margin: 0; 
	} 
.rbox {  /* creates content box on right*/
	width: 200px;
	margin: 0;
	padding-left: 200px; 
	}
.fltrt { /*  to float right this must precede element */
	float: right;
	margin: 0 10px 0 10px;
	}
.fltlft { /* float left */
	float: left;
	margin: 5px 20px 5px 0;
	}
.clearfloat { /* final element before close of container to fully contain float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	} 	
<!--[if IE 5]>
/* css box model fixes for IE 5* in conditional comment */
 #sidebar { width: 154px; }
<![endif]-->
<!--[if IE]> 
/* fixes for all versions of IE in conditional comment */
 #sidebar { padding-top: 30px; }
 #mainContent { zoom: 1; }
/*  above proprietary zoom property for IE hasLayout to avoid several bugs */
<![endif]-->

/* Misc selectors for typography */
#network {
	margin: 0;
	padding: 10px 0 14px 0; 
	font: 12px/1.5em  Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFF5CC; 
	text-align:center;
	}
#network img {
	margin: 0;
	padding: 10px 0 4px 0;
	}
#translate {
	font-family: Georgia, Times, "Times New Roman", serif !important;
	}
#translate p{
	font-family: Georgia, Times, "Times New Roman", serif !important;
	}
.translate {
	font-family: Georgia, Times, "Times New Roman", serif !important;
	}
.translate p{
	font-family: Georgia, Times, "Times New Roman", serif !important;
	}

/* PSEUDO CLASSES */

 /* footer contact link */ 
.contact a:link, .contact a:visited, .contact a:hover {
  	text-decoration: underline !important; 
	}
	
/* sidebar navigation */  
#sidebar a:link {
  	text-decoration:none!important; 
	color: #330000;
	}
#sidebar a:visited {
	text-decoration:none!important;
	color: #330000;
	}
#sidebar a:hover { 
 	text-decoration: underline;
	color: #993300;  
  }
  
/* text links */ 
a:link, a:visited {
  	text-decoration: underline; 
	color: #330000;
	}
a:hover { 
 	text-decoration: underline;
	color: #993300;  
  }