﻿/* CSS Document */
/* DEV NOTES -
This is the MASTER Layouts.css file and should propagate to all versions 
of inpower sites. The properties here can be overridden for individual sites
by editing the Layouts_Override.css file. 

ANY EDITS OR CHANGES MADE TO THIS FILE MUST BE APPLIED TO THE OVERRIDE CSS FILE UNTIL THE FINAL VERSION IS COMPLETED.

*/

/* General Site Styles */
ul {
	clear:both;
	}
	
	/* Content */

.content {
	width:845px;
	background:url("/images/PughContentBG.jpg") top center repeat-y;
	padding: 0 0 10px 0;
}

.columns {
	overflow: hidden;
	width:845px;
}

.col-1 {
	float: left;
	display: inline;
	width: 322px;
	margin: 6px 0 0 32px;
	color: #232426;
}

.col-1 p {
	margin: 0 0 12px 5px;
/*	word-spacing: 2px;*/
font-size:1.2em;
	line-height: 1.3em;
}

.col-2 {
	float: left;
	display: inline;
	width: 125px;
	margin: 17px 0 0 43px;
}

.col-3 {
	float: left;
	display: inline;
	width: 265px;
	margin: 6px 0 0 42px;
}

/* News */
.news {
	font-size:1.2em;
}
.news h2 {
	margin: 0 0 10px 0;
}
.news h3 {
	font-size:1.0em;
}
.new {
	margin: 0 0 17px 7px;
}

.new p {
/*	letter-spacing: 1px;*/
	margin: 0;
	line-height: 1.2em;
}

.new a:link, .new a:visited {
	text-decoration: none;
	color: #0072bb;
}

.new a:hover {
	text-decoration: underline;
}

.links {
	margin: 0 0 0 2px;
}

.links li {
	float: left;
	display: inline;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	margin: 0 18px 0 0;
/*	word-spacing: 4px;*/
}

.rss a:link, .rss a:visited {
	display: block;
	float: left;
	height: 24px;
	background: url('../images/ico-rss.gif') no-repeat;
	padding: 0 0 0 36px;
	/*word-spacing: 4px;*/
}
.col-right p {
/*	word-spacing: 4px;*/
	font-size: 13px;
}
.col-right {
	float: left;
	margin-left: 24px;
	margin-top: 24px;
	width: 800px;
}

.col-right div p {
width: 95%;
}

/* Layout Columns */

.col100 {
	width:100%;
	display:block;
	float:left;
	}
.col50 {
	width:45%;
	display:block;
	margin-right:2%;
	float:left;
	padding:1%;
	}
	.col50 img {
		margin:12px;
		clear:both;
		float:left;
		border:1px solid black;
		}
.col30 {
	width:26%;
	display:block;
	margin-right:2%;
	float:left;
	padding:1%;
	}
.col60 {
	width:56%;
	display:block;
	margin-right:2%;
	float:left;
	padding:1%;
	}







/* NEWS TEMPLATE STYLES */
/* These styles apply to the ALL NEWS and NEWS DETAIL PAGES */
#news {
	width:80%;
	}
#news h1 {
	margin:0;
	margin-top:1em;
	padding:0;
	font-size:1.1em;
	}
	#news h3 {
		margin:0;
		padding:0;
		font-size:0.7em;
		color:#999;
		}
#news p {
	margin:0;
	padding:0;
	font-size:0.9em;
	margin-bottom:0.5em;
	margin-top:0.5em;
	}

/* NEWS FEED STYLES */
/* Specifically for the news feed that appears on the home page of the site */
		.news_feed {
			width:20%;
			}
		.news_feed h1 {
			margin:0;
			margin-top:1em;
			padding:0;
			font-size:0.7em;
			}
			.news_feed h3 {
				margin:0;
				padding:0;
				font-size:0.6em;
				color:#999;
				}
		.news_feed p {
			margin:0;
			padding:0;
			font-size:0.6em;
			margin-bottom:0.5em;
			margin-top:0.5em;
			}
			
/* PHOTO GALLERY STYLES */
#photo_gallery {
	width:100%;
	}
.photo {
		width:225px;
		float:left;
		margin:12px;
		}
.photo_image {
	width:100%;
	/*float:left;*/
	padding:6px;
	}
.photo_image img{
	border:1px solid black;
	}
.photo_caption {
	width:100%;
	padding:6px;
	font-size:0.9em;
	/*float:left;*/
	}
		/* Styles for the large image page of the photo gallery */
		.photo_lg {
				width:100%;
				margin:12px;
				text-align:center;
				}
		.photo_image_lg {
			width:100%;
			/*float:left;*/
			padding:6px;
			}
		.photo_image_lg img{
			border:1px solid black;
			}
		.photo_caption_lg {
			width:100%;
			padding:6px;
			font-size:0.9em;
			/*float:left;*/
			}
			
			
/* Calendar Styles */
#calendar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	width: 208px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	color: #dd4802;
	text-align: center;
	background-color: #fff;
}

.nav, .nav a {
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	


#calendar caption {
	margin: 0;
	padding: 0;
	width: 208px;
	background: #003869;
	color: #fff;
	font-size:12pt;
	text-align: center;
}

#calendar th {
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

.today, td.today a, td.today a:link, td.today a:visited {
	color: #dd4802;
	background: #DF9496;
}

#calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
	background: url(images/bg_calendar.gif) no-repeat right bottom;
}

#calendar td a {
	text-decoration: none;
	display: block;
}

#calendar td a:link, td a:visited {	
	color: #dd4802;
	background: url(images/bg_calendar.gif) no-repeat;
}

#calendar td a:hover, td a:active {
	color: #6aa3ae;
	background: url(images/bg_calendar.gif) no-repeat right top;
}


/* FORM STYLES */
.formquestion {
float: left;
text-align: left;
display: block;
width: 345px;
line-height: 20px;
font-size: 12px;
border-bottom:1px solid #72A7DD;
margin-top:8px;
padding-bottom:8px;
}
.formquestion input {
margin: auto;
float: right;
vertical-align: middle;
padding-right: 50px;
}
.question_label{
font-size: 13px;
}

#ctl00_ContentMain_ctl08_pnlPage1 {
float: left;
clear: right;

}
#ctl00_ContentMain_ctl08_frmAnswer6{
float: left;
width: 98px;


}
ctl00_ContentMain_ctl08_frmAnswer3{
margin-top: 3px;

}


ctl00_ContentMain_ctl08_frmAnswer4{
margin-top: 3px;
}
ctl00_ContentMain_ctl08_frmAnswer5{
margin-top: 3px;
}
#ctl00_ContentMain_ctl08_frmAnswer6 input{

margin-top: 8px;
padding-right:0px;
background: transparent;
border: 0px;

}

#ctl00_ContentMain_ctl08_frmAnswer8{

width: 70px;


}

#ctl00_ContentMain_ctl08_frmAnswer8 input{

margin-top: 8px;
padding-right: 0px;
background: transparent;
border: 0px;
}
#ctl00_ContentMain_ctl08_btnSubmit {
float: left;
clear: left;
}


form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/* Form Beautification */

form.cmxform {
	width: 370px;
	font-size: 1.1em;
	color: #333;
	}
	
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
	}
	
#leftNav{
	float:left; 
	width:160px;
	font-size:12px;
	font-weight:bold;
	margin-right: 0px;
}
#leftNav ul{
	list-style-type:none;
	padding:0px 10px;
}

#leftNav li{
 padding:5px;
list-style-type: disc;
 color: #004B85;
 font-family: Arial, Helvetica, sans-serif;

}

#leftNav li a{
	text-decoration:none;

}

#leftNav li a:hover{
	display:block;
    color: #222;


}

#leftNav ul ul{
	font-weight:normal;
	
}

#leftNav ul ul li{
	border:0px;
	font-size: 11px;
	margin-right: -10px;

}

#leftNav ul ul li a{
	
	font-size: 11px;
	margin-right: -10px;

}

#leftNav ul ul li a:hover{
display:block;

color: #222;



}

