﻿/* 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 */

#mainContent { float: left;}

h2#MNEAfeatures { display:inline; background-image:url(../../images/quicklinks.jpg); height: 19px; margin-top: 20px; margin-left: 10px; width:143px; float:left}
h2#headlines {background-image:url(../../images/headlines.gif); width:90px; height:19px; margin-top: 22px;}
h2.swap { background-repeat:no-repeat;}
h2.swap span { display:none;}
h2#onlineTools { background: url(../../images/online_tools.gif) no-repeat; height: 19px; margin-left:15px; margin-top:6px; padding-bottom:4px}

#topNavigation { width: 729px; border-bottom: 3px solid #c41330; background: #f4f277;}
#topNavigation li { list-style:none; float: left; padding-left: 4px; padding-top: 6px; color: #317300; margin-left: 0px; margin-right: 0px;}
#topNavigation li img { padding-right:8px}
#topNavigation li a img { padding-right:0px}
#topNavigation li a { text-decoration: none; color: #317300; font: bold 1.9em "Times New Roman", Times, serif;}
#topNavigation li.first { display:inline; list-style: none; margin-left:19px; padding-left:6px; padding-top:7px}
#topNavigation ul { float:left; margin: 0px; padding: 0px; height: 33px;}



.first.headline  {margin-top:4px;}
.first.headline h3 { margin-top:12px;line-height:1em}

#headlineNav { float: left; width: 323px; height: 33px; display: block; background: url(../Images/greeny.gif) top left no-repeat; line-height:33px; text-indent:12px; }
#headlineNav a { color:#fff; text-decoration:none }
#headlineNav2 { float: left; width: 323px; height: 33px; display: block; background: url(../Images/greeny.gif) top left no-repeat; line-height:33px; text-indent:12px; }

/*#headlineNav img { margin: 2px 0px 0px;padding-left:1px; float: left;}
#headlineNav li { float: left; list-style: none; margin-left: 0px; margin-top: 10px;}
#headlineNav li a { color: #358207; font-size: 1.2em;}
#headlineNav li.last { margin-left:15px;}
#headlineNav ul { margin: 0 0 0 20px; padding-left:40px;}*/

#leftContent { border-right: 1px solid #358207; width:367px; float:left; margin-top:3px}

.mainCopy { float: left; width: 356px; margin-left: 28px; display:inline;}
.mainCopy a, .headline .headline a {color:#c41230; }
.mainCopy p { font-size: 1.1em; margin: 0px; color: #3b3b3c; line-height: 1.4em; padding-right: 28px;}

.features .features img { margin-left:14px;}
.features_first .footer, .features .footer { background: url(../../images/footer_box.jpg) no-repeat bottom left; height:16px; padding:3px;}
.features_first, .features { display:inline; background: url(../../images/header_box.jpg) no-repeat; float:right; width:146px; margin-right:22px; margin-top:25px;}
.features_first a, .features a { text-decoration:none;}
.features_first img, .features img { margin-left:21px; margin-top:0; position:absolute;}
.features_first li, .features li { padding-top: 4px; padding-left: 15px; list-style: none; line-height: 1.4em;}
.features_first li a, .features li a { font-weight:bold; font-size:1.25em; color:#358207; }
.features_first ul, .features ul { margin-left:0;  padding: 0px;padding-bottom:10px; margin-bottom:0; margin-top:2px}
.features_first { float:left; margin-left:16px; margin-top:9px;margin-right:0;}
.features_first img { margin-left:14px}
.features_first li { line-height: 1.4em; padding-top: 4px; padding-left: 15px;}
.features_first ul { margin-top: 14px;padding-bottom:8px;}

.headlines {float:left;width:315px;}

.webfinal #headlineNav img {/* margin-top:21px;*/}
.webfinal #headlineNav li a,.webfinal #headlineNav2 li a  { font-size:1.1em; color:#fff; letter-spacing:0.03em}
.webfinal #headlineNav li, .webfinal #headlineNav2 li { list-style:none; margin-left:0; margin-top:2px; margin-right:10px; font-size:1.1em;}
.webfinal #headlineNav ul{ margin:0; padding-left:40px;}
/*.webfinal #headlineNav,.webfinal #headlineNav2 { background-color:#358207;height:17px;margin-right:0;margin-top:25px;width:245px;}*/
/*.webfinal #headlineNav2 {display:inline;float:right; border:1px solid #fff;}
.webfinal #headlineNav2 {width:223px; margin-right: 4px; margin-top:6px }*/
.webfinal #headlineNav2 ul {margin:0;padding-left:9px;}
.webfinal .headline {margin-bottom:3px; width:337px;}
.webfinal .headline a { color:#c41230; text-decoration:none;font-size: 1.0em;  line-height: 1.4em; }
.webfinal .headline img { margin-top: 9px; margin-right: 18px; margin-left: 13px;}
.webfinal .headline p {font-size: 1.1em;  line-height: 1.4em; color:#3B3B3C;}

.headline .headline {margin-left:2px; }
.headline .headline h3 { margin-top:8px;}
.headline { width: 315px; float: left;}
.headline img { float: left; margin-top: 13px; margin-right: 19px;}
.headline p { font-size: 1.2em; margin: 0px; color: #2e2c2c; line-height:1.2em;padding-top:0;}

#rightContent .tools { margin-top: 5px;}
#rightContent { float: left; width: 335px; margin-left:19px; }

.highlights { clear:both; padding-top:14px;}

.tools a { display:inline;  float: left; margin-left:1px; margin-top:16px; padding:0}
.tools a { margin-left:1px;}

.widget .footer { background: url(../../images/footer_left_corner.gif) no-repeat left bottom;}
.widget .footer p { background: url(../../images/footer_right_corner.gif) no-repeat right bottom; padding: 10px;}


#underpage_container{padding:24px; width:600px; float:left; font-size:9pt;}
#underpage_container p{ line-height:18px;}
#underpage_container a{color:#C41330; text-decoration:none;}

#underpage_container a:hover{color:#378307; text-decoration:underline;}

#Two_Column_Wrap_Container{
	float:left; 
	width:100%;
}

#Two_Column_Wrap_Right{
	float:right; 
	width:200px;
	margin:0px 0px 10px 10px; 
	padding:0px 0px 10px 10px;

}

/* 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:75%;

	}
	

#news h1 {
	margin:0;
	margin-top:1em;
	padding:0;
	font-size:1.1em;
	}
#news h2 {
	margin:0;
	margin-top:1em;
	padding:0;
	font-size:1.1em;
	color:#C51230;
	}
#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;
	width: 100%;
	
	}
	
#news div div {
	

	}
	
#news div {
float: left;

}

/* 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;
}
.day {height:100px; overflow:hidden;}


/* FORM STYLES */

.formquestion {
	width: 100%;
	line-height: 0px;
	margin-top: 15px;
}
.formquestion input {
	float: right;
	margin-right: 215px;
    }
.formquestion label{
	line-height: 25px;
	}

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;
	}
	


