/* Global */

* {padding:0; margin:0;}

html, body {min-height:100%; width:100%; height:100%;}
html>body {height:auto;}

body {background:#d3d3c7 url(images/body_bkg.gif) top center repeat-y;}

p, dl, li, legend, th, td, input, textarea, select, button {font:normal 12px/16px Arial,Verdana,Sans-Serif; color:#000000;}
dt, legend {text-transform:capitalize;}
small {font:normal 10px/12px Arial,Verdana,Sans-Serif; color:#000000;}

p, fieldset, copy ul, dl {margin:10px 0;}

h1 {width:353px; height:46px; font:bold 16px/46px Arial,Verdana,Sans-Serif; text-transform:capitalize; margin:10px 0; color:#ffffff; background:url(images/h1_bkg.gif) no-repeat; text-indent:48px;}

h2 {font:bold 16px/20px Arial,Verdana,Sans-Serif; text-transform:capitalize; margin:10px 0;}
h3 {font:bold 14px/18px Arial,Verdana,Sans-Serif; text-transform:capitalize; margin-top:20px; margin-bottom:10px; color:#F89A00;}
h4, th {font:bold 12px/16px Arial,Verdana,Sans-Serif; text-transform:capitalize; margin:10px 0;} /* Is the same as a paragraph with bold, table header */
h5 {font:bold 10px/12px Arial,Verdana,Sans-Serif; text-transform:capitalize; margin:10px 0;} /* Is the same as small text with bold */
h6 {font:bold 8px/10px Arial,Verdana,Sans-Serif; text-transform:capitalize; margin:10px 0;}

a:link {color:#617fab;}
a:active {color:#617fab;}
a:hover {color:#617fab; text-decoration:none;}
a:visited {color:#617fab;}

/* Forms, Elements & Encompassing Tables */

form span, label, input, textarea, select {float:left; font:normal 12px/20px Arial,Verdana,Sans-Serif; height:20px; margin:3px; vertical-align:middle; }

input, textarea, select {line-height:100%;}

form {width:427px; margin:0 auto; } /* DOCTYPE will affect width... */
form th {text-align:left;}
/*form label {display:block; float:left; clear:left; width:110px; text-align:left; background:#c0c0c0;}
form span label {width:auto; clear:none;}
form span input {border:0;}*/

textarea {height:150px;}

.form_elem_double {width:400px;}
form span, .form_elem_full {width:300px;}
.form_elem_half {width:150px;}
.form_elem_quarter {width:50px;}

#fCheckbox {width:clear; height:clear;}
#fSubmit, #fReset {width:146px;}

/* Container & Main */

#foreground {position:absolute; top:0; left:0; height:100%; min-height:100%; width:100%; background:#000000; filter:alpha(opacity=75); opacity:.75}

#container {position:absolute; min-height:100%; height:auto; width:750px; left:50%; margin-left:-375px; background:#ffffff;}
* html #container {height:100%;}  /* IE needs height at 100% */

/* Header */

#header {position:relative; height:72px; width:100%; background:url(images/header_bkg.gif) top repeat-x;}
#header_links {position:absolute; top:46px; height:26px; width:100%; background:#efefda; font:bold 12px/26px Arial,Verdana,Sans-Serif; color:#867d61;}
#header_links a {color:#867d61; text-decoration:none;}
#header_links a:hover {text-decoration:underline;}

/* Site navigation */

#menu {height:552px;}
#menu {display:block; position:relative; float:left; padding-left:23px; padding-top:14px; width:168px; background: url(images/menu_bkg.gif) 11px 3px no-repeat;}

#menu li {display:block; font:bold 12px/34px Arial,Verdana,Sans-Serif; width:155px; list-style-type:none;}
#menu ul {width:100%;}
#menu li a {display:block; width:155px; text-indent:38px; height:34px; text-decoration:none; margin-bottom:1px; color:#ffffff; text-indent:38px; background-repeat:no-repeat;}

/*#menu {height:552px;}
#menu {display:block; position:relative; float:left; padding-left:23px; padding-top:12px; width:168px; background: url(images/menu_bkg.gif) 11px 3px no-repeat;}

#menu li {display:block; font:bold 12px/28px Arial,Verdana,Sans-Serif; width:155px; list-style-type:none;}
#menu ul {width:100%;}
#menu li a {display:block; width:155px; text-indent:38px; height:28px; text-decoration:none; margin-bottom:1px; color:#ffffff; text-indent:38px; background-repeat:no-repeat;}*/

#menu div {position:absolute; left:11px; bottom:0; padding:0;}

#menu, #copy {margin-bottom:51px;}

/* Content */

#copy {position:relative; float:left; padding-left:2px; padding-top:3px;}
#copy {float:right; width:519px; padding:10px; padding-left:0px; padding-right:20px; background:url(images/copy_bkg.gif) top right no-repeat;}
#copy h3 {padding:0; margin-top:20px; margin-bottom:5px;}
#copy p {margin-top:0; margin-bottom:10px;}
#copy ul, #copy ol {padding-left:20px; margin-left:20px; margin-bottom:10px;}

/* Home page boxes */

.box {position:relative; height:172px; padding-top:2px; margin-bottom:2px;}
.box li {display:inline; list-style-type:none;}
.box a {display:block; height:80px; padding:64px 28px 28px; background-repeat:no-repeat; font:normal 12px/14px Arial,Verdana,Sans-Serif; color:#ffffff; text-decoration:none;}

/* Footer */

#footer {position:absolute; bottom:0; height:51px; background:#f89a00;}
#footer div {background:#efefda;}
#footer {clear:both; width:100%; font:normal 10px/20px Arial,Verdana,Sans-Serif; color:#867d61;}
#footer div {height:20px;}

#footer a {color:#867d61; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/*
1	1100
	 850

1/3	 733
	 567

1/2	 550
	 425

2/3	 367
	 283

1/4	 275
	 213

1/5  220
	 170

1/6	 183
	 142

1/7  157
	 121
	 
1/8  137
	 106
	 
1/10 110
	  85	 
*/