* {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(side-l.gif) repeat-y 0 0; }
.ty2  #wrapper { background: #fff7f7; }

#header, #subnav, #footer { color: #000; clear: both; width: 100%; }

#header { height: 78px; background: #cd291d; color: #fff; } 
#headimgL,#headimg1,#headimg2,#headimgR { top:0; margin:0; display: inline; }
#headimgL,#headimg1  { float: left; }
#headimgR,#headimg2  { float: right; }

#subnav { padding: 0; margin: 10px 0; background: #aaa; overflow: hidden; height: 40px; }
#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("imprint.gif") bottom center no-repeat; text-align: center; }
#footer img { margin: 15px; }

/* cfholder holds right column bg */
#contentfloatholder { width: 100%; 
		background: url(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, #mainarea, #homemainarea { margin: 0 190px 0; }
.ty2 #center, .ty2 #homemainarea { margin: 0 190px 0 0; }
#mainstory, .submain { padding: 0 20px; }
#homemainarea #mainstory { margin: 6px; border: 2px solid #333; }
#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; }

li  { list-style: disc inside; color: #666; }  

#subnav ul { margin: auto 0; padding-right: 20px; font-weight: bold; float: left; list-style-type: none; } 
#subnav li { height: 2.4em; margin: 5px 0; padding: 0 20px; float:left; position: relative; border-right: #fff 2px solid; list-style-type: none; } 
#subnav li a { display: block; color: #fff; text-decoration: none; }
.links2 { margin-bottom: 2.5em; }
.links2 .heading , .links h3{ color: #000; font-size:1.1em;}
.links2 ul { text-align: center; width: 100%; padding: 0px; }
.links2 li { list-style:none; background: #ccc; color: #900; display: block; vertical-align: middle; padding: 4px 2px; margin:1px 0; }
.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.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 { text-align: center; width: 100%; padding: 0px; }
.info li { list-style:none; background: #ccc; color: #900; display: block; vertical-align: middle; padding: 4px 2px; margin:1px 0; }
.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.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; }

.siderel li { color: #00e;  text-decoration: none; padding: 2px; }

#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; }

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, 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; }