body {
	background-color: #fff;
	margin: 0; padding:0;
	text-align: center; 
	font-family: verdana;
	font-size: 12px; 
	background: url(images/bg-page.gif) center top repeat-y; 
}

a, a:visited {color: #00a; text-decoration: none; }
a:hover, a:active {color: #ab0000; text-decoration: underline; }


#container {position: relative; width: 683px; height: 100%; margin: 0 auto 0 auto; padding:0; z-index:10; 
	text-align: left; 
	}

#site {position: relative; float: left; width: 660px; margin: 0; top:0; left:-3px;  z-index:15; 
	 }
div[id="site"] {margin: 0 0 0 1px !important; }

#header {width: 660px; margin-top: 10px;   }

#navigation {height: 370px; width: 112px; background: url(images/menu-scroll.gif) bottom left no-repeat; 
	position: relative; float: left; margin: 0; z-index: 50; }

/*---------------navigation---------*/

ul#nav * {list-style-type: none; margin:0; padding:0; }

ul#nav {position: absolute;  width: 112px; margin:0 auto 0 auto;  
	list-style-type: none; padding: 0px; z-index: 70; font-family: georgia;  }
ul#nav li { float: left; height: 24px; margin: 0; width: 112px; padding: 0; font-weight: bold; 
	 text-align: left; }
ul#nav li ul {display: none; margin:0; }

ul#nav a, ul#nav a:visited {display: block;  padding: 5px 0 5px 5px; color: #ad0000; 
	 font-size: 12px;  width: 100%; }
ul#nav a:hover, ul#nav  a:active { color: #000033; text-decoration: none; }



/*---------define dropdowns------------*/
/* Dropdowns have absolute width as adjusted by the parent (top) level item. Adjust accordingly. */

ul#nav li ul li {text-align: left; width: 180px; padding: 0; }
ul#nav li ul a, ul#nav li ul a:visited {color: #a00; background-color: #FDFBF1; width: 100%;  padding: 5px 0 5px 2px; 
	 border-right: 1px solid black;}
ul#nav li ul a:hover {color:#f00; background-color: #ededed; }
ul#nav li:hover ul, ul#nav li.over ul {position: absolute; display: block;  
	margin-left: 112px; margin-top: -20px;    }


h1 {width: 660px; height: 271px; display: block;  background: url(images/header.jpg); 
	margin: 0; }
h1 span {display: none; }
h1 a {width: 100%; height: 100%; display: block; }

h2 {font-size: 14px; color: #41140E; width: 100%; font-family: georgia; 
	border-bottom: 1px solid black; margin: 1em 0 .5em 0; }


h3 {font-size: 12px; font-weight: bold; color: #000; font-family: georgia; margin: 2em 0 0 0; }
h3.uline {border-bottom: 1px dashed #000; }

h4 {font-size: 12px; font-weight: bold; color: #000; font-family: verdana; margin: 1em 0 0 0; }

table#contactinfo {width: 50%; float: left; }

table.orderapp {width: 100%; }
table.orderapp td {padding: 5px 0 5px 0; border-bottom: 1px dotted #aaa; }


#content {
	margin:0 15px 0 112px;
	padding: 15px;
	background: #fff;
	overflow: auto;
}

p {margin: .5em 0 1em 0; text-indent: 1em; }
p.more {text-align: right; font-size: 10px; font-weight: bold; }
p.newsdate {text-indent: 0; font-weight: bold; font-family: arial; }
p.archivelink {text-indent: 0; margin-right: -3em; margin-left: -3em; padding-bottom: 4px; border-bottom:  1px solid #ddd; }
.noindent p {text-indent: 0; }
p.half {width: 50%; float: left; }
span.phonefax {font-size: 10px; font-weight: bold; }

img.office {width: 400px; }

#footer {float: left; width: 660px; font-size: 10px; background: url(images/bg-footer.gif) top left no-repeat;  }
#footer p {float: left; margin: 2em 2em 0em .5em; text-indent: 0; }


table.datatable {width: 550px; margin-left: -100px; font-size: 10px; }
table.datatable tr, table.datatable td {border-bottom: 1px solid #ccc; }

.noindent { text-indent: 0; }

.clearfix:after  {
    content: "."; 
    display: block; 
    height: 0;
    clear: both;
    visibility: hidden;
}
.c\learfix:after { line-height: 0; }
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }


#tabs input.bg { background: url(images/light-blue-fast.gif) repeat-x; border:1px solid #D2D2D2; padding:0.2em; }
#tabs textarea.bg { background: url(images/light-blue-fast.gif) repeat-x; border:1px solid #D2D2D2; padding:0.2em; }
#tabs input.submit { 
	background:transparent url(images/bg_cb_mainnav.gif) repeat-x scroll 0 9px;
	border:1px solid #9B9D99;
	height:26px;
	line-height:26px; 
	cursor: pointer;
}
#tabs .lineWrapper td {	
	border-bottom: 1px solid #f1f1f1;
}
#tabs .lineWrapper label {
	font-size: 11px;
	margin: 0 0 0 10px
}

#tabs .lineWrapper input, #tabs .lineWrapper select, #tabs .lineWrapper textarea { 
	font-size: 11px;
	margin-right: 3%;
	width: 96%;
}
#tabs .lineWrapper input.check { display: inline; float: none; width: auto; margin: 0 5px 0 15px; }
#tabs .lineWrapper .date-pick { width: 30%; }
#tabs label.error { float: right; color: #f00; margin: 4px 15px 0 0; width: 60%; align: right; }
#tabs .lineWrapper input.narrow { width: 25%; float: left; }
fieldset { 
	margin: 10px 0;
	padding: 0;
}
#tabs .lineWrapper .endo { font-size: 11px; display: block; margin: 3px 0; }
#tabs .lineWrapper td { font-size: 11px; }
legend { font-weight: bold; }
.required_field { float: right; margin: 0 15px 15px 0; color: #f00; font-size: 10px; }
.required_item { color: #f00; }
