/* 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.

*/
#home_txt { 
	float:left;
	width:600px;
	padding:14px 0 0 28px;
	color:#898989;
}

#inner_txt {
	float:left;
	width:605px;
	padding:10px 0;
	position:relative;
}

#inner_txt_wide {
	float:left;
	width:900px;
	padding:24px;
	padding-top:10px;
	position:relative;
}

#inner_txt_wide img{
	margin:10px;
}

.img_rt_home { float:right; margin:5px 14px 0 0; display:inline;}

#sidebar {
	float:left;
	width:300px;
	margin:6px 30px 30px 10px;
	display:inline;
}

#sidebar .widget_box { margin-bottom:5px;}

#widget_holder {
	float:left;
	height:249px;
	width:974px;
	background:url(../images/widgrt_holder_bg.png) repeat-x bottom;
	padding:11px 0 12px 0;
}

.widget_box {
	float:left;
	width:300px;	
	background:#fafaf3;
}

.widget_box img { float:left;}

.widget_content {
	float:left;
	width:270px;
	height:200px;
	padding:15px 15px 0 15px;
	overflow:auto;
}

#home .widget_box {
	width:300px;
	height:249px;
	background:url(../images/widget_bg.png) repeat-x bottom #fcfcf8;
	margin:0 12px;
	display:inline;
}

#content .widget_box h3 {
	float:left;
	width:290px;
	height:30px;
	padding:0 0 0 10px;	
	font-size:20px;
	line-height:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	background:#a4ac75;
}

#content .widget_box h3 {margin:0 0 0 0; text-align:left;}

#content .widget_content ul { float:left; width:125px; padding:0 10px 0 0;}
#content .widget_content li { list-style:none; padding:6px 0;}

#content #home_txt p { 	color:#898989;}

#content ol, #content ul { padding: 10px 0 20px 24px;}
#content ol {padding: 10px 0 20px 30px;}
#content ol li, #content ul li { line-height:15px; padding: 6px 0 0 0;} 


#content p { padding: 0 0 10px 0; line-height:17px;}

#content a:link, #content a:visited { text-decoration:underline;}
#content a:hover { color:#000;}

#content .widget_box a:link, #content .widget_box a:visited, #content .widget_box a strong, #content .widget_box,  #content .widget_box span {
	color:#030c14;
	font-size:12px;
	text-decoration:none;
}

#content .widget_box a:hover { text-decoration:underline;}

#content .widget_box span {
	color:#676d4a;
	font-size:12px;
	text-decoration:none;
	white-space:nowrap;
}

/* Side Menu*/

#content #side_menu ul {
	float:left;
	width:300px;
	background:url(../images/side_menu_bg.png) repeat-y;
	margin:0;
	padding:5px 0;
}

#content #side_menu li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	margin:3px 0;
}

#content #side_menu li a:link, #content #side_menu li a:visited {
	float:left;
	width:292px;
	height:28px;
	color:#636363;
	font-size:14px;
	text-decoration:none;
	line-height:28px;
	padding-left:8px;
}

#content #side_menu li:hover {
	background:url(../images/side_hover.png) no-repeat;
}

#content #side_menu li.selected, #content #side_menu li.selected:hover { background:url(../images/side_hover.png) no-repeat;}


#content .widget_box h3.arrow {
	background: url(../images/widg_bg.gif) no-repeat top right #a4ac75;
}

/* 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%;
	}

			
/* 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 */

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) */
}


/*Style CMSCalendar*/

#calendarDetails{border:1px solid black;}

.day a{display:inline-block; width:100%; clear:both; padding-bottom:10px;}
/*End CMSCalendar*/


/* 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;
	}
	
/*Style CMSForm */
#formDetails {font-size:10pt;}

#formDetails p{margin:0px 0px 0px 0px;}

#formDetails label{padding-left:5px;}

#formDetails .lblQuestion {margin-right:10px; padding:0px; font-size:10pt;}

#formDetails .formquestion {padding:10px;}

#formDetails textarea {margin:0px 0px 0px 20px;}

#formDetails input {margin:0px 0px 0px 20px;}

#formDetails .question_label{padding:0px 0px 10px 0px;}

/*End Style*/

.day { height:125px; }

#CalendarLayout tr td{ font-size:11pt; padding:5px; border:1px solid #000;}
#CalendarLayout .day {font-size:9pt;}
#CalendarLayout .day a{color:#898989!important; font-size:9pt;}
#CalendarLayout .today{background:#A4AC75; color:#fff!important;}
#CalendarLayout .today a{background:#A4AC75; color:#fff!important;}

#pdfmaker, #pdfmaker span, #pdfmaker div, #pdfmaker label {
    font-size: 10px !important;
}

#pdfmaker input[type='text']
{
    border: 1px solid silver !important;
    width: 100%;
    line-height: 22px;
    text-align: right;
}

#pdfmaker label
{
    display: block;
    font-weight: bold;
}

#pdfmaker select {
    width: 100%;
    border: 1px solid silver !important;
}

.spec_table {
	width: 608px; 
	border: 1px solid #000; 
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
}
 
.grey{
	background-color: #eee;
}
 
.spec_table td{
	font-size: 12px;
	margin: 0px;
	padding: 6px;
	vertical-align: top;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999; 
	text-align: left; 
}
 
.spec_table font, .spec_table strong {
	font-size: 12px;  
}