/* generics */

* {font-size: 100%; padding: 0; margin: 0;}
body {
	font: 0.94em/1.333 sans-serif;
	padding: 0;
	color: #202020;
	min-width: 40em;
	margin: 0 auto;
}
body {
	background: transparent url(image/boxcornerlogo.gif) fixed left;
	background-repeat: no-repeat;
}

 
a:link {color: #339;}
a:visited {color: #848;}
a img {border: none;}
h1 {
	font-size: 2em;
	margin: 0.5em 0 0.5em;
	padding: 0.25em 0;
}
h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;}
h3 {font-size: 1.33em; margin: 2em 0 0.25em; padding: 0.125em 0;}
h4 {font-size: 1.1em; margin: 0.5em 0 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}
p {margin: 0.33em 0 1em 0;}
ul, ol {margin: 1em 0; padding-left: 2.5em;}
dt {margin: 0.5em 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}
pre, code, tt {font: 110% "Andale Mono", Courier, "Courier New", monospace;
  margin: 1em 0;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
img.picleft {
	float: left;
	position: relative;
	margin: 0.25em 0.25em 0.25em 0;
}
img.border {border: 3px double;}
img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;}
p.standalone {text-align: center;}
p.standalone img {display: inline;}
.warning {background: #FF8; color: red; border: 2px solid; padding: 1em;}
.highlight {background: #B4D5FF; font-weight: bold;}
.underline{text-decoration: underline;}

/* recover from old-browser styling */

.oldbl {display: block !important;}
.oldin {display: inline !important;}
img.pic {display: block !important;}


/* NS6.x-specific fix(es) */

*|*:-moz-list-bullet, *|*:-moz-list-number {font-size: 1em;}


/* masthead image referenced in '#masthead' rule Copyright Paul Roebuck Ph.D. */
#masthead {
	background: #99ABB7 url(image/masthead.jpg) no-repeat 50% 0;
}
#masthead {padding: 0; margin: 0; overflow: hidden; border-bottom: 1px solid #000;
  height: 128px; width: 100%; position: relative; z-index: 1;}
#masthead h1 {font-size: 2em; line-height: 3em; letter-spacing: 0.13em; 
  padding: 0; margin: 0;
  position: absolute; left: 10; top: 5px;
  /* hide-from-IE5/Mac hack \*/
  top: auto; bottom: 0;
  /* end hack */}
#masthead h1 a {padding: 0 0.25em;}
#masthead h1 a, .panel a {text-decoration: none;}
#masthead h1 a {color: #E0EDF5;}
/* main content */

#main {
	margin: 2.25em 19em 0 7.5em;
	padding: 3.5em 0;
	min-height: 30em;
	min-width: 30em;
}
#main h2 {margin: 0; border-bottom: 1px solid #CCC;}
#main h3 {
	margin: 0;
	color: silver;
	margin-top: -0.5em;
	font: bold 1.5em Batang;
	text-align: right;
}
#main h3 b {background: #FFF; border-left: 1px solid #CCC;
  padding-left: 0.5em;}
#main ul ul li {margin: 0; list-style: circle;}

#main p.contact {margin: 0 1em; text-align: right; font-size: 90%;}

#main p {line-height: 1.4;}
#main li {line-height: 1.33; margin-bottom: 0.33em;}
#main .compact li {line-height: normal; margin-bottom: 0;font-size: .9em;}
#main ul li {list-style: square;}
#main ol li {list-style: decimal;}

/************** Spacing Controls for main contents ***************/

#main .textpadder {padding: 8px;}

#main blockquote {font-style: normal; margin: 1em 1em 1em 2em;}
#main blockquote em {font-style: italic; font-weight: inherit;}
#main blockquote p {margin: 0.33em 2.5% 0.33em 0 !important;
  line-height: 1.2; }
#main blockquote.book p {margin: 0 2.5% 0 0 !important;}
#main blockquote.lyric {font-style: italic; white-space: pre;
  border: none; margin-left: 1em;}
#main blockquote.lyric p {text-indent: 0;}

#left{
	margin: 0 20em 0 1em;
	padding: 3.5em 0;
	min-height: 30em;
	width: 760px;
}
#leftcolumnnav {position: absolute; top: 610px; left: 12px;  width: 7em; 
  font-size: .9em; line-height: 1.2;
  padding: 1.75em 0 0; margin: 2em 0 0;
  color: #5A5A5F;}
#leftcolumnnav  a:link {color: #069;}
#leftcolumnnav  a:visited {color: #858;}
#leftist{
	margin: 0 20em 0 8em;
	padding: 3.5em 0;
	min-height: 30em;
	width: 760px;
}

.tablemain {
	border-color: white;
	background-color : White;
	width : 90%;
	line-height : 150%;
}

td {
	border-color: white;
	padding: 12px 12px 12px 12px;
}

td.header {
    background-color: #003366;
}

th {
    text-align: left;
    color: black;
    font-weight: bold;
    background-color: #CCCCCC;
}

th.bold {
    text-align: left;
    color: white;
    font-weight: bold;
    background-color: black;
}
.greynav3, tr.greynav3, td.greynav3, span.greynav3, a.greynav3 {
	font-size: .9em;
	text-decoration: none;
	color: #666666;
	display: inline;
}

.greynav3 a.greynav3:active, a.greynav3:hover {
	color: #069;
}

.greenav3, tr.greenav3, td.greenav3, span.greenav3, a.greenav3 {
	font-size: .9em;
	text-decoration: none;
	color: #309470;
	display: inline;
}

.greenav3 a.greenav3:active, a.greenav3:hover {
	color: #069;
}

.quoteattrib {margin: -0.75em 3em 0.66em; font-size: 87.5%;}
.quoteattrib cite {font-style: italic;}

/* search bits */

#search {position: absolute; top: 129px; right: 0;
  z-index: 10; 
  text-align: right; padding: 0.25em 0 1.25em 5px;}
#search h4 {display: none;}
#search form {margin: 0; padding: 2px 1em 0;}
#search input[type="text"] {width: 14em; border: 2px inset #999;}
#search small {display: block; margin: 0 1.25em; padding: 0;
  text-align: right; line-height: 1;}
#search small a {background: #FFF; color: #668; font-style: italic;}

/* navbar */

#navigate {position: absolute; top: 129px; left: 0; right: 0;
  padding: 0.25em 0 0.25em 1em;
  z-index: 1; overflow: hidden;
  height: auto; width: 85%; line-height: 2;}
#navigate h4 {display: none;}
#navigate ul, #navigate li {margin: 0; padding: 0;}
#navigate ul {padding-left: 0.5em;}

#navlinks {float: left; width: 100%;}
#navlinks a {text-decoration: none;}
#navlinks li {float: left; list-style: none; margin-left: 1px;}
#navlinks li a {
	padding: 0.25em 1em;
	margin-right: 0.125em;
	border-top: 0.75em solid #069 ;
	border-bottom: 1px dotted #FFF;
	font-weight: bold;
	color: #668;
}
#navlinks li ul {display: none; border: none;}
#navlinks li li a {font-weight: normal;}
#navlinks a:hover {border-top-color: #2ebf8e;}
#navlinks #otherLink {margin-left: 1.75em;}

.home #homeLink a,
.about #aboutLink a,
.service #serviceLink a,
.info #infoLink a,
.law #lawLink a,
.project #projectLink a,
.other #otherLink a
{border-color: #226 #FFF #FFF; background: #CCE; color: #226; font-style: italic;}



/* 'sidebar' */

#extra {position: absolute; top: 129px; right: -1px; z-index: 100; width: 16em; 
  font-size: 1em; line-height: 1.2;
  padding: 1.75em 0 0; margin: 3em 0 0;
  color: #5A5A5F;}
#extra a:link {color: #069;}
#extra a:visited {color: #858;}

#extra .panel {
	margin: 1em 0 1em;
	padding: 1em 1em 1em 2em;
	border: 1px dotted #D5B57B;
}
#extra .panel h4, #extra .panel h5 {
	margin: 0 0 0.25em;
	padding: 0 0.5em 0 0;
	font-size: 90%;
	line-height: 1;
	border-bottom: 1px solid #D5B57B;
}
#extra .panel ul {list-style: none; margin: 0 1em 0 0; padding: 0; font-size: 90%;}
#extra .panel li {margin-left: 1em; text-indent: -1em;}
#extra .panel .more {float: right; margin: -1.5em 1px 0 0.5em;
  font-style: italic; text-align: right; font-size: smaller;}
#extra .panel .more a {padding-left: 15px; background: url(image/morearr.gif) 0 no-repeat;}

#extra #blogroll h5 {padding-right: 95px;}
#extra #blogroll ul {margin: 0.5em 1em 0 0;}
#extra #xfn-btn {float: right; margin: -20px 1px 0 5px;}

#extra #excuse {text-align: center; padding: 0 0.25em 0.66em; margin:  2em 1em -2em 3em;
  border: 1px solid #CCC;}
#extra #excuse h4 {display: inline; position: relative; top: -0.6em;
  border: 0; padding: 0 0.25em; margin: 0;
  background: #FFF; color: #666;
  text-transform: capitalize; font-size: 1em; font-weight: normal;}
#extra #excuse p {margin: 0; padding: 0; color: #444;}

#extra #extras {
	padding: 1em 0.5em 1em;
	margin: 2em 1em 0 3em;
	width: 13em;
	color: #666;
	border: 1px solid #D5B57B;
	border-width: 1px 0;
}
#extra #extras h4 {display: none;}
#extra #extras ul {margin: 0; text-align: center; list-style: none;}
#extra #extras li {margin-left: 0.25em; display: inline;}
#extra #extras a {margin-right: 0.25em;}


/* miscellaneous */

#footer {
	margin: 1.5em 16em 0 1em;
	padding: 0.5em 0 3.5em;
	
	text-align: center;
	color: gray;
	background: #FFF;
}
#footer a {color: #558;}
#footer a:visited {color: #858;}
#footer p {line-height: 1; margin: 0; padding: 0.5em 0.25em 0; font-size: 0.85em; }

#reading img {border: 1px solid silver;}
#extra #reading img {margin: 0.5em;}


hr {
	color: #D5B57B;
}

.hrtop {
	color: White;
}

.hrbot{
	color: #309470;
	width: 90%;
}
.white {
	color: White;
}

.white90 {
	color: White;
	width : 90%;
}

.silver {
	color: Silver;
	font-size : 90%;
}

.green {
	color: #309470;
}

.green15 {
	color: #309470;
	font-size: 150%;
}

.green14 {
	color: #309470;
	font-size: 140%;
}

.green12 {
	color: #309470;
	font-size: 120%;
}
.black {
	color : Black;
}

.black90 {
	color : Black;
	width : 90%;
}


.navy90 {
	color : Navy;
	width : 90%;
}

.maroon {
	color : Maroon;
}

.maroon90 {
	color : Maroon;
	width : 90%;
}

.maroonbig {
	color : Maroon;
    font-size: 1.1em;
}

.red {
    color: red;
}

.red90 {
    color: red;
    width : 90%;
}

.yellow {
	color : Yellow;
}

.yellow90 {
	color : Yellow;
	width : 90%;
}

.yellowbig {
	color : Yellow;
    font-size: 1.1em;
}

.bluebig {
	color : Blue;
	font-size: 1.1em;
}
  
/* Hack-o-rama! */

* html #navigate {padding-top: 0;}

/*\*//*/
body #search {width: 20em;}
/**/

/*

html body {background: #FDC;}
html #masthead h1 {right: 0; left: auto;}
html #masthead h1 a {color: maroon;}
html #thoughts ul.meta {float: right;
  text-align: right;}
html #thoughts h3 {font-size: 1.6em; line-height: 1em;
  padding: 0 6.25em 0.25em 0;}
html #thoughts .text {margin-left: 0; margin-right: 10em;}
html #main {margin: 2.25em 2em 0 20em;}
html #extra {right: auto; left: 0;}

*/

