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

/* Hypertext Styles */
p {
}

h1 {
	font-size:1.5em;
	margin:0;
	padding:0;
	}
h2 {
	font-size:1.4em;
	margin:0;
	padding:0;
	}
	/*
h3 {
	font-size:1.3em;
	margin:0;
	padding:0;	
	}
h4 {
	font-size:1.2em;
	margin:0;
	padding:0;
	}
h5 {
	font-size:1.1em;
	margin:0;
	padding:0;
	}
*/

/* 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:96%;
	margin:auto;
	}
#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;
	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(../../Template/css/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(../../Template/css/images/bg_calendar.gif) no-repeat;
}

#calendar td a:hover, td a:active {
	color: #6aa3ae;
	background: url(../../Template/css/images/bg_calendar.gif) no-repeat right top;
}


.newscontainer {
	margin: 10px 2px;
	padding: 2px;
	width: 95%;
	float: left;
	border-bottom:1px solid #E8E8E8;
}
.newsthumb {
	width: 46px;
	float: left;
}
#newssnip {
	float:left;
//	float: right;
	width: 204px;
}
#newsthumb-members {
	height: 50px;
	width: 55px;
	float: left;
	clear: left;
	margin-top: 8px;
}
#newssnip-members {
	float: right;
	width: 180px;
	clear: right;
	margin-right: 20px;
	margin-top: 8px;
}
#teachtip-members {
	float: right;
	width: 220px;
	clear: right;
	margin-right: 5px;
	margin-top: 8px;
}

#members-contentcontainer {
	width: 100%;
	height: 100%;
}
#members-subcontainer-left {
	width: 500px;
	padding-left: 5px;
	float: left;
}
#members-contentarea {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #333;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
/*
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #8D5505;
}
*/
#members-whatsnewarea {
	float: left;
	width: 260px;
	margin-top: 10px;
}
#members-calloutrow-left {
	float: left;
	width: 155px;
}

#members-teachtips {
	background-color: #f5efd5;
	width: 235px;
	float: right;
	margin-top: 10px;
}

#members-subcontainer-right {
	float: right;
	width: 300px;
}
#members-calloutrow-right {
	float: right;
	width: 140px;
}

#header_right_box-upper-top {
	width:370px;
	height:60px;
	position:relative;
	top:1px;
	left:0px;
}
#header_right_box-upper {
	width:370px;
	height:22px;
	position:relative;
	top:5px;
	*top:5px;
	_top:2px;
	left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	line-height: 13px;
}
#submenu_callout_2 {
	float: left;
	width: 181px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FFF;
}
#underpage-content-right {
	width: 450px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;

}
/*
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #779b6d;
	line-height: 21px;
	font-weight: bold;
}
*/
#content_pad { padding:24px; }

#footer_container {
	width:998px;
	clear:both;
	background-color: #FFF;
	background-image: url(../images/vtnea-footer-bg_20.jpg);
	background-repeat: repeat-x;

}
#content-left {
	width: 280px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
}

#footer {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	width: 530px;
	float: left;
}
#content-middle {
	width: 220px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
}
#content-right {
	width: 275px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}
#underpage-content-left p, #content-left p, .frontpage1 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #333;
}

#underpage-content-left {
	width: 272px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}