
/* ASWP Stylesheet */ 


/* Pixel-column is Dark Green (color #00644a) */
/* Pixel-banner is Light Green (color #b2cbc2)*/

/* Presentation */


h1,h2,h3,h4,h5,h6 {margin:0; padding:0}
/* Big Header Font */
h1 {
font-family: Georgia, serif;
 font-size:150%;
 color:#00644a;
 }

/* Sub Header Font */

h2 {
 font-family:Georgia, serif;
 font-size:100%;
 color:#00644a;
 margin:0;
 padding:0;}
 

/*Fine print Font */

h3 {
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
font-weight: 400;
color: white;
}

/* Right div header font */
h4 {
font-family: Georgia, serif;
font-size:100%;
background-color: #b2cbc2;
color: #00644a;
text-align: center;
margin:0;
padding:0;
}

/* Green on Green highlighted header bar */
h6 {
background-color:#b2cbc2;
color:#00644a;
padding-left:1em;
padding-right:1em;
font-weight:800;
font-size: 12pt;
font-family: Verdana, Arial, sans-serif;
}

/* ########    EVENTS SECTION  ############ */
/* Events Calendar Item Sub-Headers */
h5{
font-family:Georgia, serif;
font-weight:800;
font-size:smaller;
margin:0;
padding:0;
}


/* Events Item Info */
p.event {
font-weight:400;
padding:0 0 0 3em;
}

#content hr {
border:0;
height:3px;
background-color:#b2cbc2;
margin:10px 0 10px 0;
}


.credit {
font-size: 8pt;
font-style: italic;
font-family: Arial, sans-serif, Geneva;
text-align: right;}

.caption {
font-size: 10pt;
font-family: Arial, sans-serif, Geneva;
text-align: center;


}



a {
text-decoration: none;
color: #00644a;
font-weight: 800;
}


a:hover   { 
color: blue; 
background-color: #b2cbc2; 
text-decoration: underline;
}

p { 
 padding: 5px;
 font-family: Verdana, Arial, sans-serif;
 font-size: 9pt;
 font-weight: 400;
 margin:0;
 padding:0;
 }

/* Presentation for Left Hand Menu */ 

ul.leftnav {
 list-style-type: none;
 list-style-position: outside;
 padding: 0;
 margin: 0;
 line-height: 150%;
}
 
ul.leftnav li a  {
color: #fff;
text-decoration: none;
display: inline;
}

ul.leftnav li a:hover {
text-decoration:none;
color: #fff;
}

ul.leftnav hr {
color:#00644a;
border:0;

}

/* Presentation for Right Hand Menu */

ul.rightnav {
 list-style-type: disc;
 list-style-position: outside;
 font-family:Lucida Sans, Lucida Grande, Verdana, Arial, sans-serif;
 font-size: 10pt;
 font-weight: 400;
 color: #000;
 margin: 12px;
 padding: 0;

}

ul.rightnav li a  {
 text-decoration: none;

}

/* Highlights text in a color-scheme bar */

.highlight {
background-color:#b2cbc2;
color:#00644a;
padding-left:1em;
padding-right:1em;
font-weight:800;
}

/* If you want an image to float to the RIGHT of the text */
.right {
 float: right;
 padding: 5px 5px 5px 5px;
 margin-left: 5px;

 }

/* If you want an image to float to the LEFT of the text */

.left {
 float: left;
 padding: 5px 5px 5px 5px;
 margin-right:5px;
 }

/* Keeps clickable images from getting blue borders */
img {border:0}

/* Layout Stylesheet */ 

body{
 background-image: url('images/pixel_column.gif');
 margin:0 0 0 0;
 padding:0 0 0 0;
 }

 
 
/* Header layout */
#hdr{
 width: 100%;
 height:115px;
 background-image:url(images/pixel_banner.gif);
 background-color:#b2cbc2;
 border-bottom:5px;
 border-bottom-style: solid;
 border-bottom-color: #fff;
 padding: 0 0 0 15px;
 }
#hdr a {
color:#000;
font-family: Georgia, serif; 
font-size:24pt; 
text-decoration:none;
}
/* Content table for Home Page */

table.content {
	position: absolute;
	left:140px;
	border-left: 3px;
 	border-left-color: #ffffff;
 	border-left-style: solid;
 	margin: 0px 35px 10px 0px;
 	outline: none;
	border-top: 4px;
	border-top-color: #00644a;
	border-top-style: solid;
	width:675px;
}
td.picture {
	background-image: url('images/pixel_column.gif');
	padding: 3px 3px;
	text-align: center;

	}

td.text { 
	padding: 0 5px 5px 5px;
	background: #ffffff;
 }

/* Data Tables within content */
table.data {
width:auto; 
font-weight:800; 
font-size:smaller; 
font-family:Arial, sans-serif; 
border-width:2px; 
border-color: #00644a; 
border-style:solid;
padding:2px}

table.data td {
border-width:1px;
border-color: #000; 
border-style:solid;
padding:2px;
}

/* colorizes table headers to dark green, white font */
.datahead {
background-color: #00644a;
color: #fff;
text-align:center;
font-weight:800;
font-size:10pt;
font-family: Verdana, sans-serif;
}


 
/*  Left Hand Column */
#leftcolumn {
 position: absolute;
 margin 0 0 0 0;
 left: 0px;
 top: 120px;
 width: 130px;
 padding: 0 0 0 10px;
 text-align: left;
 font-family: Lucida Sans, Lucida Grande, Verdana, sans-serif;
 font-size: 10pt;
 font-weight: 600;
 color: #fff;
 height: 100%;
 }
 

/* Content block for basic pages */
 
#content {
	background-color: #fff;
	margin-left: 140px;
	padding: 5px 5px 15px 5px;
	border-top: 4px;
	border-top-color: #00644a;
	border-top-style: solid;
	width:480px;

 }

 ul {
 font-family: Verdana, sans-serif;
 font-size: 10pt;
 }
 
 #content li {
 font-family: Verdana, sans-serif;
 font-size: 10pt;
 }
 
/* Right Hand Link Square */
 
#right {
	position:absolute;
  top:140px;
	left:635px;
	width:160px;
	padding: 0px 5px 5px 5px;
	background-color: white;
	border-top: 3px solid #fff;
  }

/* Search Page special Code */
	
#searchbox {
 font-family: Verdana,sans-serif;
 padding: 10px;
 font-size:12px;
 margin-left:20px;
 }
 
 #searchbox a {
 color: #00644a;
 text-decoration:underline;
 }
 
 #searchbox ul {
 list-style-type: none;
 }
 
 #searchbox li {
 text-align: left;
	}	
	
/* Events Calendar Table CSS */

.calendar {
background-color:#00644a; 
font-weight:bold; 
font-family:Lucida Sans, Lucida Grande, Verdana, sans-serif; 
font-size:10pt;
margin:5px 0 0 0;
}

.calendar td {
padding: 2px 2px 2px 2px;
color:#fff;
width:40px;
text-align:center;
}

.calendar td:hover {
background-color:#b2cbc2;
}

.calendar a {
text-decoration: none;
color:#fff;
}

.calendar a:hover {
background-color:#b2cbc2;
text-decoration:none;
color:#fff;
}

/* list class for link lists: no indent first line, indent the rest */
ul.links {
list-style:none; 
text-indent:-2em
}

ul.links li {
padding-bottom:5px
}

/* Table for Special Announcement Box, Red Outline */

table.announcebox {
	border-width: 3px 3px 3px 3px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: red red red red;
	border-collapse: separate;
	background-color: white;
}
table.announcebox th {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: yellow;
	-moz-border-radius: 0px 0px 0px 0px;
	font-family:Georgia, serif;
	font-weight:800
}
table.sample td {
	border-width: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	font-family: Verdana, Arial, sans-serif;
}

/* Experimental Left Menu */
<style type="text/css">

h4 
{background-image:url(images/pixel_column.gif);
color:white;
font-family:"Lucida Grande","Lucida Sans", Verdana, sans-serif
}

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 130px; /* width of menu (don't forget to add border with below!) */
/* border-left: 8px solid #ffa1a3; thick left border of menu */
}

.slidedoormenu li{
border-bottom: 1px solid #885b5c; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
/* background: white url(images/pixel_column.gif) repeat-y left top; Background image positioned to the left(v) top(h) corner initially */
font: bold 10pt "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: #ccc;
}

.slidedoormenu li a:hover
{color:#00644a; }
/*
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}


<!--[if IE]>
<style type="text/css">
.slidedoormenu li a{ /* Menu link width value for IE */
width: 100%;
}
</style>
<![endif]-->