﻿body {
	background:#F7FFF0;
	text-align: center;
	padding:0;
	font-family: Georgia, serif;
	font-size: 12pt;
	font-weight: bold;
	color: #003F3F;
	}
	
img {
	border:0px;
	}

/* site layouts  - anything "-index" is for the front page 3 column, other stuff is for 2 column layout*/

#wrapper      {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 950px;
	background-image: url(background_1col.gif);
	}

#wrapperindex {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 950px;
	background-image: url(background_cols.gif);
	background-repeat: repeat;
}

#wrappersrp {
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1000px;
}

#header {
	margin: 0 0 15px 0;
	background:#003F3F;
	padding:10px;
	padding-left: 40px;
	margin:0;
	color:#F7FFF0;
	height:auto;
	text-align: right;
}

#headersrp {
	margin: 0 0 15px 0;
	background:#003F3F;
	padding:10px;
	padding-left: 40px;
	margin:0;
	color:#F7FFF0;
	height:auto;
	text-align: right;
}

#headerindex {
	margin: 0 0 15px 0;
	background:#003F3F;
	padding:10px;
	margin:0;
	text-align: center;
	color:#F7FFF0;
	height:auto;
}

#headerindex .logo {
	float:left;
	width: 151px;
	margin-left: 1.5em;
	margin-top: 0.5em;
	}

#side-a {
	position: relative;
	float: left;
	width: 200px;
	background:#D9D9B4;
	font-size: 80%;
	text-align:center;
	line-height:2;
	padding-top:5px;
}

#policylist {
	padding:5px;
}

#side-b {
	position: relative;
	float: right;
	width: 200px;
	background:#D9D9B4;
	padding-top:5px;
	padding-right:7px;

}

#contentindex { 
	float: left;
	width: 55%;
	padding:10px;
	}

#content { 
	margin: 0;
	float: left;
	width: 76%;
	padding:10px;

}

#teen { 
	margin: 0;
	padding-left:100px;
	padding-right:50px;
	font-weight: normal;
}

#teen img {
	padding-right: 40px;
	float: left;
}

#teentoo { 
	margin: 0;
	padding-left:100px;
	padding-right:100px;
	font-weight: normal;
}

#footer {
	clear: both;
	background: #003F3F;
	text-align:center;
	color:#F7FFF0;
	font-weight: normal;
	padding-top:5px;
	padding-bottom:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* navigation for header */

#navigation {
  font-size: 80%;
}

#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 1em;
}

#navigation li {
  display: inline;
}

#navigation a:link, #navigation a:visited {
  padding: 0.2em 0.4em 0.2em 0.4em;
  color: #000000;
  background-color: #D9D9B4;
  text-decoration: none;
  border: 1px solid #B0B063;
}

#navigation a:hover {
  color: #000000;
  background-color: #B0B063;
}

	
/* Begin stuff from old main css */	
h1, h2, h3, h4, h5 { margin: 0px; text-align: center; }
h2, h3 {color: #5A0052;}

/* Centering for most paragraphs */
p.gen { text-align: center }

/* Special setup for Business page */
p.bus { font-size: 80%;
	margin-top: 0px;
	margin-left: 25px; }

/* Special setup for policy pages */
p.pol { text-indent: 20px;
	font-weight: normal;
	margin-top: 10px;
	text-align: justify; }
	
ul.pol { font-weight: normal;
	margin-left: 75px; 
	margin-right: 75px;
	text-align: left; }

ol.pol { font-weight: normal;
	margin-left: 75px; 
	margin-right: 75px; }

/* Special setup for History page */
p.hist { text-indent: 20px;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 25px; }
	
/* Link classes greenlink or burglink */
a.greenlink { color: rgb(00,63,63); text-decoration: underline }
a.burglink { color: #5A0052; text-decoration: underline }
a.table { color: rgb(00,63,63); text-decoration: none; font-weight: bold; }

/* Event page table alternating colors, head dk bkgrnd with white print, 0-reg bkgrnd w green print 1-darker w burgundy print */
tr.bk0 td {
 color: rgb(00,63,63);
 font-weight: bold;
 align: center; }
 
tr.bk1 td {
 background-color: #DFFFBD;
 color: #5A0052;
 font-weight: bold;
 align: center; }
 
tr.head td {
 background-color: rgb(00,63,63);
 color: white;
 align: center; }
 
/* Event page listings first line underlined & larger */

p.event:first-line {
 text-decoration: underline;
 font-size: 105%; }
