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

/* Hypertext Styles */
p
{
}



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



.col50a {
	width:45%;
	display:block;
	margin-right:2%;
/*	float:left;*/
	padding:1%;
	}
	.col50a img {
		margin:12px;
		clear:both;
/*		float:left;
		border:1px solid black;*/
		}

.col50b {
	width:45%;
	display:block;
	margin-right:2%;
	float:left;
	padding:1%;
	background:#E8F2FC;
	}
	.col50b img {
		margin:12px;
		clear:both;
/*		float:left;
		border:1px solid black;*/
		}
		
		

.col50a_offset {
	width:60%;
	display:block;
	margin-right:2%;
	float:left;
	padding:1%;
	background:#E8F2FC;
	}
.col50a_offset img {
	margin:12px;
	clear:both;
/*	float:left;
	border:1px solid black;*/
	}

.col50b_offset {
	width:30%;
	display:block;
	margin-right:2%;
	float:left;
	padding:1%;

}
.col50b_offset img {
	margin:12px;
	clear:both;
/*	float:left;
	border:1px solid black;*/
}




/* 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.8em;
    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;
}
.newsText
{
    width: 100%;
	clear:both;
	margin-bottom:12px;
	border-bottom:1px solid #C1D4E5;
}
.newsText img
{ margin-right:12px; border:1px solid #0A0B10}
/* 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) */
}

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

/*Cutup CSS*/
.highlight
{
    width: 291px;
    height: auto;
    float: right;
    border: 0px solid;
    margin-top: 2px;
    margin-left: 2px;
}

.fap
{
    width: 281px;
    height: 108px;
    background: url(../images/bg_blue.jpg) no-repeat;
    padding: 5px;
    float: left;
}
.fab_img
{
    float: left;
}
.fap_r
{
    width: 168px;
    float: right;
}
.fap h2
{
    color: #fff;
    margin: 6px 5px 3px 0px;
    padding: 0px;
    font-size: 160%;
    font-weight: normal;
    float: right;
}
.fap h5
{
    margin: 2px 5px 0px 0px;
    padding: 0px;
    font-weight: normal;
}
.fap h5 a
{
    color: #fff;
    text-decoration: underline;
}
.fap h5 a:hover
{
    /*	text-decoration:underline;*/
}

.careers
{
    width: 281px;
    height: 96px;
    background: url(../images/bg_ylo.jpg) no-repeat;
    padding: 5px;
    float: left;
}
.careers_r
{
    width: 168px;
    float: right;
}

.careers_r h4 a
{
    font-color: #057EC2;
}
.careers h2
{
    color: #10899E;
    margin: 6px 5px 12px 0px;
    padding: 0px;
    font-size: 160%;
    font-weight: normal;
}
.careers h6
{
    margin: 1px 0px 0px 0px;
    padding: 0px;
    font-weight: bold;
}
.careers h6 a
{
    color: #10899E;
    text-decoration: underline;
}
.careers h6 a:hover
{
    /*	text-decoration:underline;*/
}

.nae
{
    width: 285px;
    float: left;
    border: 0px solid;
}
.nae p
{
    margin-top: 5px;
    font-size: 11px;
}

.decheading
{
    width: 250px;
    margin-bottom: 10px;
    color: #057ec2;
    font-weight: bold;
}
.decheading_img
{
    margin: 0px 0px 0px 0px;
    float: left;
}
.decheading_r
{
    width: 220px;
    margin: 0px 0px 10px 0px;
    float: left;
}
.decheading_r h5
{
    color: #0a7ec2;
    padding: 0px;
    margin: -3px 0px 0px 0px;
}
.decheading_r p
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
.decheading_r p span
{
    color: #0099cc;
    padding: 0px;
    font-size: 110%;
}
.decheading_r p span a
{
    color: #0099cc;
    text-decoration: underline;
}
.decheading_r p span a:hover
{
    text-decoration: underline;
}

.showcase
{
    width: 282px;
    float: right;
    border: 0px solid;
}

.showcase a
{
    color: black;
}

.showcasebg
{
    width: 248px;
    margin-top: 5px;
    font-weight: bold;
    background: url(../images/bg_sky_blu.jpg) repeat-y;
    padding: 13px 8px 7px 20px;
}

.showcasebg h4
{
    color: #0099cc;
    font-size: 95%;
    margin: 0px 0px 5px 10px;
    padding: -10px;
}

.clear
{
    clear: both;
}

.dec
{
    /*width: 909px;*/
    padding-top: 8px;
    background: #FFFFFF;
    border: 0px solid;
    font-family: Arial, Helvetica, sans-serif;
    /*float: left;*/
    min-height: 500px;
}

.print
{
    width: 894px;
    float: left;
    padding: 2px 15px 0px 0px;
    color: #a31a2b;
    font-weight: bold;
    text-align: right;
    vertical-align: text-top;
    background: #fff;
}
.print img
{
    margin: 0px 5px 0px 0px;
    float: right;
}
.print p
{
    margin: 5px 10px 0px 0px;
    padding: 0px;
    float: right;
    font-size: 12px;
}

.print a
{
    color: #a31a2b;
    text-decoration: none;
}

.otrdec
{
    /*width: 850px;*/
    height: auto;
    /*float: left;*/
    padding: 0px 24px 24px 24px;
}

#sdmenu
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 17px;
    display: block;
    float: left;
    border-right: 1px solid #DDD;
    padding-right: 15px;
	width:20%;
}
#sdmenu a
{
    text-decoration: none;
    color: #4378AA;
}
#sdmenu a:hover
{
    color: #063755;
}

#sdmenu ul
{
    float: left;
	margin:0; padding:0;
}

#sdmenu ul li
{
    list-style-type: none;
    color: #063755;
}
.otrdec h1
{
    margin: 0px;
    padding: 0px;
    color: #063755;
    margin-bottom: 15px;
    font-size: 15pt;
}

.otrdec h1 a
{
    margin: 0px;
    padding: 0px;
    color: #057ec2;
    margin-bottom: 15px;
    text-decoration: none;
}

.otrdec h1 a:hover
{
    text-decoration: underline;
}

.otrdec h2
{
    margin: 0px;
    padding: 0px;
    color: #063755;
    margin-bottom: 15px;
    font-size: 13pt;
}


.otrdec h2 a
{
    margin: 0px;
    padding: 0px;
    color: #057ec2;
    margin-bottom: 15px;
    text-decoration: none;
}

.otrdec h2 a:hover
{
    text-decoration: underline;
}

.otrdec h3
{
    margin: 0px;
    padding: 0px;
    color: #063755;
    margin-bottom: 15px;
    font-size: 12pt;
}

.otrdec h3 a
{
    margin: 0px;
    padding: 0px;
    color: #057ec2;
    margin-bottom: 15px;
    text-decoration: none;
}

.otrdec h3 a:hover
{
    text-decoration: underline;
}

.otrdec h4
{
    margin: 0px;
    padding: 0px;
    color: #0D7FC3s;
    margin-bottom: 15px;
    font-size: 12pt;
}

.otrdec h4 a
{
    margin: 0px;
    padding: 0px;
    color: #0D7FC3;
    margin-bottom: 15px;
    text-decoration: none;
}

.otrdec h4 a:hover
{
    text-decoration: underline;
}

.otrdec h5
{
    margin: 0px;
    padding: 0px;
    color: #063755;
    margin-bottom: 15px;
}

.otrdec h5 a
{
    margin: 0px;
    padding: 0px;
    color: #057ec2;
    margin-bottom: 15px;
    text-decoration: none;
}

.otrdec h5 a:hover
{
    text-decoration: underline;
}

.otrdec p
{
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-size: 11px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

.otrdec p a
{
    color: #4378AA;
    text-decoration: none;
}

.otrdec p a:hover
{
    text-decoration: underline;
}

.welcome
{
    width: 285px;
    float: left;
    margin-right: 20px;
    padding-bottom: 10px;
    border: 0px solid;
    padding-left: 20px;
}
.welcome p
{
    margin-top: 5px;
    font-size: 11px;
}
.welcome a
{
    font-size: 11px;
    font-weight: bold;
    color: #4378aa;
}

.ecard
{
    border: 1px solid black;
}

.day { width:125px; height:125px; font-size:11px; background: #fff;  }
.day a { color:#4378AA; text-decoration:none; display:inline-block; border-bottom:1px solid #CCC;}
.day a:hover { color:#063755; text-decoration:underline;}
/*#calendar table, tbody, tr, td { border:1px solid #063755; }*/

.hp_event
{
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
}

.hp_event a
{
    color: #4378aa;
}