/*
	CSS Style Definitions for Bryan Hunt
	developed by Stefan Isarie - Top Left Design.
*/
html, body{ margin:0; padding:0; background-color:#BCBCBC; }






body{ font-size: .80em;line-height:150%;font-family:  Arial, Helvetica, sans-serif; text-align:center; color:#143d8d;}

<!-- @font-face {
    font-family: agbook;
    font-style:  normal;
    font-weight: normal;
    src: url(AGBOOKR0.eot);
} -->


.normal{font-family:arial,sans-serif}
#page-container{ width:752px; margin:0 auto; text-align:left; }
	#page-bg{ background: #e3dcda url("images/bg-page.gif") repeat-x top left; width:752px; float:left; }
	#corner{  background:url("images/gradient-corner.gif") no-repeat bottom right; width:752px; float:left; _height:545px; min-height:545px; }
	#header{ width:752px; float:left; margin-bottom:20px; }
		#header ul{ margin:42px 12px 0 12px; padding:0; list-style:none; }
		#header ul li{ float:left; padding:0 10px 0 0; margin:0 0 0 10px; line-height:34px; font-size:1.1em; }
		#header ul li.fr{ float:right; color:#143d8d; }
		#header ul li a, #header ul li a:link, #header ul li a:visited{ color:#000; text-decoration:none; }
		#header ul li a.on, #header ul li a:hover, #header ul li a:active{ color:#143d8d !important; }
	#content{ width:732px; margin:0 5px 0 15px; margin-bottom:20px !important; }
		#left-side{ width:352px; float:left; border:1px solid #b5b5b5; background:#FBFBFB url("images/bg-box.gif") repeat-x top left; margin-bottom:20px !important; }
		#right-side{ width:329px; height:325px; float:right; position:relative; background:url("images/arc.gif") no-repeat bottom right; top:80px; }
			#right-side div#address{ position:absolute; left:100px; top:160px; font-size:.9em; }
			#right-side div#address address{ font-style:normal; }
			#right-side div#address address.margin{ margin-top:12px; }
			#right-side div#address address a{ color:#143d8d; text-decoration:none; }
#tld{ width:752px; margin:-7px auto; }
#tld p{ margin:0; padding:0;text-align:right; }

/* site wide elements */
.inside{ padding:19px; }

h1{ font-size:1.3em; color:#143d8d;}
h1.even{ margin: 7px 0; }
h1.bottom{ margin: 7px 0 12px 0; }
h2{ font-size:1.2em; color:#143d8d;margin:10px 0px 10px 0px; background-color:#e3dcda; padding:3px;}





h3{ font-size:1.1em; color:#143d8d;margin:10px 0px 10px 0px; }
p{ margin:0 0 3px 0; }
p a, p a:link, p a:visited{ text-decoration:underline;color:#143d8d }
p a:hover, p a:active{ color:#143d8d; }

.bordered{ border:1px solid #b5b5b5; }

.red{color:#ef0000;}
.black{color:#000;}

/* clearing floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }