/* @override http://www.translegalinc.com/updates/styles/trstyle_update.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;  
  }