body {
           position: absolute;
           left: 50%;
	        margin: 0px;
           margin-left: -375px;
	        font-family: arial, verdana;
	        width: 750px;
           background-color: #FFFFCC;
} 

label {
	font-weight: bold;
}

h1.index {
	font-color: #000000;
	text-align: left;
	margin-top: -25px;
        border: none;
	font-size: 18pt;
	font-weight: bold;
}

h2.index {
	font-color: #000000;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
}

#head {
	        z-index: 2;
	        width: 746px;
	        height: 100px;
           color: #ffffff;
           background-color: #776666;
}

#head .logo{
                float: left;
}
#head img{
	border: none;
}
#head a{
	color: #ffffff;
                font-weight: bold;
}
#head .noflash{
	float: right;
        width: 400px;
        /* font-size: 8pt; */
			font-size: 100%;
        padding: 0px;
        
}

#content{
	width:100%;
	/*z-index:0;*/
	margin-right: 0px;
	background-image: url(/images/left_bg.gif);
	float: left;
	/* font-size: 8pt; */
	font-size: 75%;
	padding: 0px;
}
#leftcontent{
	width: 180px;
 	/*z-index:0;*/
   background-color: #FFFF99;
   padding-right: 15px;
   margin-right: 0px;   
   padding-top: 50px;
   padding-bottom: 20px;
   padding-left: 15px;
	float: left;
}

#leftcontent h2 {
	/* font-size: 1.1em; */
	font-size: 110%;
   color: #FFFFFF;
}

#featurelinks {
	list-style: none;
	margin-left: -5px;
        margin-top: -10px;
	padding-left: 0px;
        padding-top: 25px;
        background-image: url(/images/thickblue.gif);
        background-repeat: no-repeat;
        background-position: top right;
}

#featurelinks li {
        background-color: #FFFFCC;
        border: 0px solid #776666;
        padding: 3px;
        margin: 0px;
}

#featurelinks li a:link {
       color: #0066FF;
}

#featurelinks li a:visited {
       color: #0066FF;
}


#rightcontent{
                float: right;
 	/*z-index:1;*/
	background-color: #FFFFCC;
	margin-left: 0px;
        padding: 0px;
       	padding-left: 5px;
	padding-top: 20px;
                padding-bottom: 20px;
                min-height: 400px;
                /* font-size: 8.5pt; */
	font-size: 120%;
	width: 532px;
	float: left;
}

#footer{
	clear: both;
   width: 742px;
	height: 50px;
	padding: 0px 4px;
	/* font-size: 0.6em; */
        background-color: #FFFF99;
	font-size: 60%;
	color: #0066FF;
	/* background-image: url(/images/footerblue.gif);
	background-repeat: no-repeat; */
   padding-bottom: 4px;
   padding-top: 4px;
   margin-top: 5px;
   margin-bottom: 5px;
}
#footer img {
   padding: 2px;
   margin-top: 17px;
	border : 0px;
}

#footer .pw_logo {
	float: left;
	padding-right: 5px;
	margin-top: 2px;
}

#footer .w3icons {
	float: right;
}

#footer a {
	color: #125EE6;
}

#footer p {
	vertical-align: bottom;
}

h1 {
   /* font-size: 1.8em; */
	font-size: 170%;
	color: #000000;
        padding-bottom: 2px;
        padding-top: 25px;
        padding-left: 5px;
        padding-right: 10px;
        margin-left: -5px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 2px;
        background-color: #FFFF99;
        border-bottom: 0px solid #3399FF;
	font-weight: normal;
}
/* h1's for associated site.
 * Controlled width the restrict border
 */
h1.associated_site {
	width: 60%;
}

h2 {
	/* font-size: 1.3em; */
	font-size: 120%;
	color: #FFFFFF;
        background-color: #3399FF;
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 5px;
        padding-right: 10px;
        margin-left: -5px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 5px;
}

h3 {
	/* font-size: 1.3em; */
	font-size: 110%;
	color: #FFFFFF;
        background-color: #3399FF;
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 5px;
        padding-right: 0px;
        margin-left: -5px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 5px;
}

h4 {
	/* font-size: 1.1em; */
	font-size: 100%;
                color: #000000;
                
}

p {
	line-height: 150%;
}

a {
	color: #4D69C2;
  font-weight: bold;
}

a:visited {
	color: #4D69C2;
  font-weight: bold;
}

.index-page-text-Left {
	float: left;
	padding-right: 10px;
}

.index-page-text-Right {
	float: right;
}

.paragraph_thumb {
        width: 150px;
        float: left;
}

.paragraph_text {
        float: left;
}

.gallery{
text-align:center;
border:none;
font-weight:bold;
color:#776666;
}

div.gallery-item {
	text-align: center;
	color:#776666;
	padding-bottom: 1.5em;
}

a.gallery-thumb{
	border:none;
}

img.gallery-thumb {
	border:2px solid #959568;
}

.newsbox {
        background-color: #FFFFCC;
        border: 0px solid #776666;
        padding: 5px;
        padding-top: 15px;
        margin-top: -5px;
        margin-left: -5px;
        margin-bottom: 10px;
        background-image: url(/images/thickblue.gif);
        background-repeat: no-repeat;
        background-position: top right;
}
.newsbox a {
        color: #0066FF;
}
.newsbox a:visited {
        color: #0066FF;
}

.newsbox h2 {
                /* font-size: 1em; */
		font-size: 100%;
                margin-top: 3px;
                margin-bottom: 4px;
		color: #000000;
}

.newsbox h3 {
                /* font-size: 1em; */
		font-size: 100%;
                margin-top: 3px;
                margin-bottom: 4px;
		color: #000000;
}
.contactbox {
        background-color: #EBEBEB;
        text-align: left;
        padding: 3px;
        margin-bottom: 5px;
}
.contactbox h2 {
         /* font-size: 1em; */
			font-size: 100%;
         margin-bottom: 2px;
         border-bottom: 1px solid #CCCCCC;
         color: #555555;
 }
.contactbox input {
		font-size: 100%;
}

.logo {
          border: 0px;
}
.facility-img img {
          padding-bottom: 20px;
}


/*
 * Control paragraphs (image / text alignment)
 */
.para-img-Left {
   float: left;
  padding-right: 10px;
}

.para-img-Right {
   float: right;
  padding-left: 10px;
}

/* Activities */
div.activity,
div.virtualtour {
	clear: both;
	margin-bottom: 2em;
}

div.activity .summary,
div.virtualtour .summary {
	margin-left: 200px;
}

div.activity .image,
div.virtualtour .image {
	float: left;
   width: 200px;
	padding-top: 3.0em;
}

div.virtualtour .image {
	padding-top: 0px;
}


div.activity h2 
{
	margin-bottom: -0.5em;
}
/* Facilities template */

/* NOTE: Setting heights on both of these div's to 100% prevents text
 *      from wrapping under image.
 */
div.facility-img {
   float: left;
   width: 200px;
   height: 100%;
}

div.facility-text {
   height: 100%;
	margin: 0px;
}

/* generic paragraph div. */
div.paragraph {
   clear: both;

}

/***************
 * Web to mail *
 ***************/
.webtomail-title {
	font-weight: bold;
	width: 60px;
	display: inline;
	float: left;
}

.webtomail-item {
	display: block;
}

.contact-title {
	font-weight: bold;
	width: 60px;
	display: inline;
	float: left;
}

.contact-item {
	display: block;
}



/** Mailing list signup styles **/
input.mailinglist {
   /* font-size: 8pt; */
	font-size: 100%;
}

input.mailinglist-submit {
   /* font-size: 8pt; */
	font-size: 100%;
   width: 75px; /* Required to have both submit buttons fit on one line nicely in IE */
}

div.banner {
   padding-top: 10px;
   text-align: center;
}

div.virtual-tour {
	text-align: center;
}

/* This is dynamic, hence is defined in xslt, not here.
 * Is here for reference only.
 */
#associated-site {
}

.home-icon {
	height: 10%;
	width: 10%;
	padding-right: 10px;
	top: 5px;
	position: relative;
}

.indexpage-content {
	float: right;
	/* text-align: right; */
	margin-left: 30px;
	padding-bottom: 30px;
}


img.contact-icon {
	width: 10%;
	height: 10%;
}
td {
padding: 4px;
border: 1px #dddddd solid;
}

.paragraph_image_Left {
   float: left;
   padding-right: 10px;
   padding-bottom: 10px;
}

.paragraph_image_Right {
   float: right;
   padding-left: 10px;
   padding-bottom: 10px;
}