﻿body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/ /*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/;
	color: #000000;
	background-color: #FFFFFF;
	background-image:url('images/hands4.png');
	background-repeat:repeat;
}
#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/
a {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}

/* DEFAULTS */
a:visited {
	color: #313A94;
}
a:link {
	color: #313A94;
}

a:active {
	text-decoration: underline;
	color: gray;
}
a:hover {
	text-decoration: underline;
	color: #313A94;
}
a img {
    border: 0;
}

#wrapper {
	max-width: 960px;
	height: auto;
	background-color: white;
/*	background-image:url('../images/page_bg.png');
	background-position:left bottom;
	background-repeat:no-repeat;*/
	float: none;
	margin: 0 auto;
	padding: 0px;
	border-radius: 10px;
	border-top: 1px solid #FFFFFF;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.298), rgba(0, 0, 0, 0.094) 0px 2px 20px inset, 0px -1px 7px rgba(0, 0, 0, 0.102);
	margin: 10px auto 20px;

}

#header {
	width: 960px;
	height: 125px;
	clear: both;
	margin: 0 auto;
	background-color:white;
	background-image: url('images/deco2.png');
	background-position: right top;
	background-repeat: no-repeat;
	border-bottom: 1px #D4D4D4 solid;
}
.logo {
	float:left;
	padding:5px 10px 5px 20px;
}	
	
#nav {
	text-align: center;
	padding: 0px;
	width: auto;
	height: 35px;
	float: right;
	margin: 90px 40px 0 0;
	background: rgba(255,130,1,.8); 
}

#nav ul	{

	font-weight:bold;
	list-style-type: none;
	display: block;
	margin:0px;
	padding:0 0 0 20px;	
}

#nav li	{
	float: left;
	list-style-type: none;
	display: block;
	border-right: 1px #D4D4D4 solid;
}

#nav a {
	padding: 3px 12px 0 12px;
	margin: 0;
	font-size: 1em;
	color: #000000;
	display: block;
	text-decoration: none;
}

#nav a.active {
	background-color: #666666;
	color: white;
}

#nav a:hover {
	color: #FFFFFF;
	background-color: #23A8E8;
}

#nav .current {
	color: #FFFFFF;
	background-color: #B2B2B2;
	padding: 3px 12px 0 12px;
}

#content {
	max-width:960px;
	height: auto;
	padding:0px;
/*	background-color:white;*/
	margin:0 auto;
/*	border-top: 2px #ffffff solid;		*/
}

.topimg {
	border-bottom:1px black solid;
}

#homecont {
	width:90%;
	padding:0 40px;
	float:left;
	line-height:2.2em;
	text-align:justify;
	font-size:1.4em;
	color: #5C5C5C;
}

#homecont.insidecont {
	padding:20px 70px;
	width:824px;
	margin:0 auto;
}

#homecont strong {
	color: #23A8E8;
	font-size:1.2em;
}

#introbox {
	width: 960px;
	height: 200px;
	background-color: #23A8E8;
	color:white;
	text-align:center;
	font-size:2.2em;
}

#introbox img {
	float:left;
}

.clipbox {
	width: 960px;
	height:100px;
	padding:10px 0 0;
	background-image:url('images/collage1.jpg');
	background-repeat:no-repeat;
	background-color: #23A8E8;
	color:white;
	text-align:center;
	font-size:2.2em;
}

.clipbox h2 {
	margin:0 0.8em 0 0;
	font-size:1em;
	text-align:right;
}

.pgheaders {
	padding:5px 0 0 0;
	margin:0;
}


.tagtxt {
	padding:155px 30px 0 100px;
	margin:0;
	text-align: center;
	width:180px;
	float:left;
}

.tagtxt img {
	float:right;
	padding:5px;
}

.homenews {
	width: 305px;
	height: auto;
	float: left;
	margin:0;
	border-right: 1px #525456 dotted;
	background-color:white;
	color:gray;
}


.homenews h2 {
	margin: 0;
	padding: 10px 5px 0 15px;
	font-size: 1.2em;
	font-weight: bold;
	color: #313A94;
	background-color: #E8E8E8;
	letter-spacing: 2px;
}

.homdesc {
	padding:0 20px 20px;
}

.homenews2 {
	width: 300px;
	height: auto;
	float: left;
	margin:0;
	color:gray;
}

.homenews2 h2 {
	margin: 0;
	padding: 10px 5px 0 15px;
	font-size: 1.2em;
	font-weight: bold;
	color: #313A94;
	background-color: #E8E8E8;
	letter-spacing: 2px;
}


#homeside {
	width:310px;
	height:auto;
	float:left;
	padding:10px 5px 5px 5px;
	border-bottom:1px gray dotted;
}

#homeside h3 {
	margin: 0.3em;
	padding-bottom:0.4em;
	border-bottom: 1px gray solid;
	color: #20267B;
	font-weight:bold;
	font-size:1.2em;
}

#homeside ul {
	list-style:none;
	margin:0;
	padding:0;
}

#pagecont {
	width:850px;
	padding:20px;
	line-height:1.8em;
	text-align:justify;
}

#pagecont h2 {
	color: #006600;
	margin:0.4em 0;
}

.title1 {
	color: #FFFFFF;
	background-color: #006600;
	margin: 0 0 0.4em 0;
	padding:5px;
}

.NewsSummaryPostdate {
	color:gray;
}

.NewsSummaryLink {
	border-bottom: 1px #D4D4D4 dotted;
}

#results {
	width:720px;	
}

.gallery {
	padding:5px;
}

.gallery h3 {
	margin:0.2em;
}

td.head {
	border-bottom: 1px gray solid;
	color: #006600;
	font-weight: bold;
}

td.res1 {
	font-weight: bold;
	text-align:center;
}

td.tot {
	font-weight: bold;
}

td.size1 {
	width:30%;
}

td.dim {
	background-color: #E0E0E0;
}

h1 em {
	font-style: normal; 
	color: #e95359
}
em {
	font-style:italic;
}
em {
	padding-bottom: 0px;
	margin:0px; 
	padding-left: 0px; 
	outline-width: 0px; 
	padding-right: 0px; 
	font-family: inherit; 
	font-size: 100%; 
	vertical-align: baseline; 
	padding-top: 0px;
}

#pagetitle {
	width: 160px;
	height: auto;
	padding: 10px 0 5px 10px;
	background-color: #990000;
	color: white;
	margin: -40px 0 0 0;
	z-index: 3;
	position: relative;
}

#pagetitle h2 {
	margin:0;
	font-size:1.4em;
}

.list1 {
	width:50%;
	height:auto;
	float:left;
}

.list2 {
	width:530px;
	height:auto;
	float:left;
	padding:0 20px 0 0;	
}

.list2 h3 {
	color: #990000;
	margin:0 0 0.2em 0;
}


.list3 {
	width: 195px;
	height: auto;
	float: left;
	padding: 0 0 0 10px;
	margin: 30px 0 0 0;
	border-left: 1px #B2B2B2 dotted;
}

.list3 img {
	vertical-align:middle;
	padding:0 5px 0 0;
}

.list3 a {
	font-weight:normal;
	color:black;
}

.list3 a:hover {
	text-decoration:underline;
}

.list4 {
	width: 345px;
	height: auto;
	float: left;
	padding: 0 0 0 10px;
	margin: 30px 0 0 0;
}

.list4 img {
	float:left;
}

.listhome {
	width:450px;
	height:auto;
	float:left;
	padding:10px 20px 0 0;	
}

.accdets {

	line-height:1.4em;
	border:1px silver dotted;

}


/*FOOTER*/

#footer {
	text-align: center;
	font-size: 0.8em;
	color: #666666;
	width: 960px;
	height:45px;
	clear: both;
	margin: 0 auto;
	padding:20px 0 0 0;
	border-bottom: 1px #E8E8E8 solid;
	border-top: 1px gray dotted;
}

#footer a {
	color:white;
	text-decoration:underline;
}

#footer a:hover {
	color: #000000;
	text-decoration: underline;
}
.copyinfo {
	color: #000000;
}

