* {margin: 0; padding: 0; border: 0;}
body { text-align: center; background: #fbb; color: #66E; min-width: 700px; }

/* wrapper holds left column bg */
#wrapper { text-align: left; width: 94%; margin: 0 auto; float: none; 
		background: #fff7f7 url(images/side-l.gif) repeat-y 0 0; }
.ty2  #wrapper { background: #fff7f7; }

#header, #subnav, #footer { color: #000; clear: both; width: 100%; }

#header { height: 145px; 
		background: #6e6 url(images/longv7.jpg) center top no-repeat; color: #fff; } 
#headimg1,#headimg2 { top:0; margin:0; display: inline; }
#headimg1  { float: left; }
#headimg2  { float: right; }

#subnav { height: 48px; padding: 0; 
		background: #ccc url(images/PlainMenuLong.gif) top right no-repeat; overflow: hidden; }
#subnav img {margin: 0; padding: 0; border: 0;}

#footer { padding: 15px 0 50px; margin: 20px 0 0; border-top: 1px solid #c66; 
		background: #ffc url("images/imprint.gif") bottom center no-repeat; text-align: center; }
#footer img { margin: 15px; }

/* cfholder holds right column bg */
#contentfloatholder { width: 100%; 
		background: url(images/side-r.gif) repeat-y 100% 0; float: left; }

/* easyclear */
#contentfloatholder:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#wrapper { display: inline-block }
/*\*/
#wrapper { display: block }
/* end easyclear */

#centerwrap { float:left; width: 100%; margin: 0 -95% 0 0; }
#center { margin: 0 190px 0; }
.ty2 #center { margin: 0 190px 0 0; }
#mainstory, .submain { padding: 0 20px; }
.homepage #mainstory { margin: 6px; border: 2px solid #000; }
#welcome { border: 1px solid #000; text-align: left; margin: 2px; padding: 2px; color: black; }
.midleft, .midright { width: 43%; padding: 5px 5px 15px 0; }
.midleft { float: left;  margin-left: 6px; }
html>body .midleft {margin-left: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/
.midright { float: right; margin-right: 6px; }
html>body .midright {margin-right: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/
.homepage .submain {border-bottom: 1px dotted #c66; }
.homepage .substory { width: 100%; padding: 0 0 10px 0; border-bottom: 1px dotted #c66; }
#left { float:left;  width: 164px; padding: 0 9px; margin: 0 0 0 -5%; text-align: center;  }
.ty2 #left  { width: 0; padding: 0; }
#right { float:right; width: 164px;  padding: 0 9px; margin: 0;  }

/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap { margin: 0 -100% 0 0;}
* html div#left { margin: 0;}

img { border:0; }
.imgleft, .imgright, .imgmain { margin: 0; text-align: center; }
.imgleft   { float: left; width: 180px; margin-right: 10px; }
.imgright { float: right; width: 180px; margin-left: 10px; }
.midleft .imgright, .midright .imgright { width: 90px; margin-left: 6px; }
#left img, #right img { padding: 1.3em 0 0;}
.majsec img { padding: 40px; }

.links2 { margin-bottom: 2.5em; }
.links2 .heading , .links h3{ color: #000; font-size:1.1em;}
.links2 ul { list-style:none; text-align: center; width: 100%; padding: 0px; }
.links2 li.mainhead { color: #f33; font-size: 1.2em; display: block; vertical-align: middle; background: #eee; padding: 4px 4px; margin:3px 0; border: 1px solid #f33; }
.links2 li { background: #ccc; color: #900; display: block; vertical-align: middle; padding: 4px 2px; margin:1px 0; }
.links2 li.title { color: #fff; display: block; vertical-align: middle; background: #900; padding: 4px 2px; margin:1px 0; }
.links2 li a { display: block; background: #ccc; color: #900;  text-decoration: none; }
.links2 li a:hover { background-color: #f99; color: #e00; }
.info { width:180px; margin: 0 10px 1em 0; float:left; }
.info h3{ color: #000; font-size:1.1em;}
.info ul { list-style:none; text-align: center; width: 100%; padding: 0px; }
.info li.mainhead { color: #f33; font-size: 1.2em; display: block; vertical-align: middle; background: #eee; padding: 4px 4px; margin:3px 0; border: 1px solid #f33; }
.info li { background: #ccc; color: #900; display: block; vertical-align: middle; padding: 4px 2px; margin:1px 0; }
.info li.title { color: #fff; display: block; vertical-align: middle; background: #900; padding: 4px 2px; margin:1px 0; font-weight: bold; }
.info li a { display: block; background: #ccc; color: #900;  text-decoration: none; }
.info li a:hover { background-color: #f99; color: #e00; }

#nan li.title { background: #711; color: #fff; }   /* dkred=761214 ltgrn=c4dfa2 */
#nan li, #nan li a { background: #cea; color: #e00; }
#nan li a { text-decoration: underline; }
#lepper li.title { background: #893; color: #fff; }
#lepper li, #lepper li a { color: #451; }
#lepper li a { text-decoration: underline; }
#burgess li.title { background: #fff; color: #f00; border: 1px solid #000}
#burgess li, #burgess li a { color: #700; }
#burgess li a { text-decoration: underline; }
#barlow li.title { background: #f00; color: #ff0; }
#barlow li, #barlow li a { background: #ff8; color: #000; }
#barlow li a { text-decoration: underline; }

/*   TEXT FORMATTING  */
body {  font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif;  }
.majsec  { border-top: 1px dotted #c66; }

div h1, div h2, div h3, div h4, div ul, div p, div table { margin: 1em 0; }

li  { list-style: disc inside }  
th, td { font-family: Verdana, Arial, Helvetica, sans-serif; }

h1 { color: #E00; font-size: 1.6em; font-weight: bold; }
h2 {	color: #000; text-align: center; font-size: 1.6em; font-weight: bold; }
h3, h4, h5, h6 { text-align: left; font-size:1em;  }
h3, h5 { color: #E00; font-weight: bold; }
h4 { color: #C00; font-weight: normal; }
h6 { color: #000; font-weight: normal; }
h3.sechead, h5.sechead  { color: #f33; font-size: 1.2em; font-weight: normal; display: block; vertical-align: middle; background: #eee; padding: 4px 4px; margin:3px 0; border: 1px solid #f33; }
.info h5.sechead  { text-align: center; }

p, li, td { color: #666; }

#mainstory h1, .submain h1 { font-size:1.6em; text-align: center; color: #E00; font-weight: bold; }
#mainstory h3 { font-size:1.6em; text-align: center; color: #E00; font-weight: bold; }
.submain h3 { font-size:1.3em; text-align: center; color: #E00; font-weight: bold; }
#mainstory h4, .submain h4  { color: #E00; font-size:1.3em; font-weight: normal; }
#mainstory p, .submain p { color: #000; font-size: 1.1em; }
.imgleft p, .imgright p, .imgmain p { font-style: italic; }

/*  .siderel h3 { color: #0CC; text-align: left; font-size:1em; font-weight: bold; } */
.siderel li { color: #00e;  text-decoration: none; padding: 2px; }
