/* CSS Styles for Stevenson School
	
	Created by: Deluge Interactive: Delaney Computer Services
	Web: www.dcsny.com
	E-Mail: customer@dcsny.com
	
	Creator: Tsvetan Dimitrov
	E-Mail: t.dimitrov@dcsny.com
	
	All rights reserved.
*/

/* ***************************************************************************** */


/* ----  */

/* ----  */


/* Global properties for type selectors */
body{ background-color:#033;}
*{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color:#000; line-height: 12pt;}
a{color:#316e53; text-decoration:underline;}
a:hover{color:#316e53; text-decoration:underline;}

body a{color:#316e53; text-decoration:underline;}
body a:hover{color:#316e53; text-decoration:underline;}

.caption {font-size:8pt;}
.caption a {color:#316e53; text-decoration:underline;}
.caption a:hover{color:#316e53; text-decoration:underline;}


/* The most outer holder of all content */
.contentHolder
{
	width: 1034px;
	min-height: 733px;
	background:url(images/bg_wrapper.gif) repeat-y;
}

/* The top logo */
.top_1
{
	width: 100%;
	height: 148px;
	position:relative;
	
}

	#accountnav, #contactUs { width:100%; clear:both; float:right; text-align:center;}
	#contactUs a { font-weight:bold; }
	#searcharea { float:right; margin:5px 7px 0 0; text-align:center;}
	
	#main_top
	{
		background:url(images/bg_top_2.jpg) no-repeat;
	}
	
	#home_top
	{
		background:url(images/bg_top_1.jpg) no-repeat;
	}

.wrapper
{
	width:100%;
	overflow:hidden;
	background:url(images/bg_wrapper.gif) repeat-y;
}

.middle_1
{
	width:841px;
	height:530px;
	float:left;
	background-color:white;
}
	#home_middle
	{
		background:url(images/bg_middle_1.jpg) top no-repeat;
	}
	
	#main_middle
	{
		background:url(images/bg_middle_1_22.jpg) top no-repeat;
	}
	
	
	.middle_1 #navwrapper
	{
		margin-left:11px;
		float:left;
		width:160px;
		display: inline; /* IE6:fix dulicate character bug and double float bug */
	}
	
	.middle_1 #navwrapper #navholder
	{
		background:url(images/navbody.gif) center no-repeat;
		width:160px;
	}
	
	.middle_1 #navwrapper #navfiller
	{
		background:url(images/navwrapper3.gif) center repeat-y;
		width:160px;
		height:100%;
		position:relative;
	}
	
	.middle_1 #navfiller #navbottom
	{
		width:160px;
		height:35px;
		background:url(images/navbottom.gif) center no-repeat;
		position:absolute;
		/*bottom:-35px;*/
		left:0px;
		z-index:500;
	}
	
	.navigation
	{
		background-color:#d6ecf2;
		width:150px;
	}		
			#newsletter_signup
			{
				width:140px;
				margin-top:30px;

			}
			
			.navigation .item
			{
				width:135px;
				padding: 4px 2px;
				margin: 0 0px;	
				/* background:url(images/menu_bar_under.gif) right bottom no-repeat; */
				text-align:right;
				color:#1d1f20;
				z-index: 1000;
				cursor:pointer;
				
			}
			
			.navigation .item a, a:visited
			{
				color:#1d1f20;
				text-decoration:none;
				z-index: 1000;
			}
			
			.navigation .item a:hover, a:active
			{
				color:#FFFFFF;
				text-decoration:none;
				z-index: 1000;
				background-color:#235465;
			}
	
			.navigation .item_on
			{
				width:135px;
				padding: 4px 2px;
				margin: 0 0px;	
				/* background:url(images/menu_bar_under.gif) right bottom no-repeat; */
				text-align:right;
				color:#FFFFFF;
				background-color:#235465;
				z-index: 1000;
				cursor:pointer;
			}

			.navigation .item_on a
			{
				color:#FFFFFF;
				text-decoration:none;
			}
	
			.navigation .item .active_item
			{
				width:135px;
				padding: 4px 2px;
				margin: 0 0px;	
				/* background:url(images/menu_bar_under.gif) right bottom no-repeat; */
				text-align:right;
				color:#FFFFFF;
				background-color:#235465;
				z-index: 1000;
				cursor:pointer;
				width:100%;
			}

			/*.middle_1 .navigation .item .active_item
			{
				color:#FFFFFF;
				text-decoration:none;
				background-color:#235465;
				padding:1px;
				z-index: 1000;
			}*/
	
	.middle_1 .contentArea
	{
		width:645px;
		height:300px;
		margin-top:140px;
		margin-left:20px;
		float:left;
	}
	
	.middle_1 #contentArea_main
	{
		margin-top:0;
	}
	
	.middle_1 .contentArea .content
	{
		width:594px;
		min-height:270px;
		/* background-color:#d6ecf2; */
		padding: 20px 20px;
		text-align:left;
	}
	
	.middle_1 .contentArea .content .caption {font-size:8pt;}
	.middle_1 .contentArea .content .caption a {color:#316e53; text-decoration:none;}
	.middle_1 .contentArea .content .caption a:hover {color:#316e53; text-decoration:underline;}
	
		.breadcrumb {font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#0000FF; text-align:left; margin:15px 0 0 25px;}
		.breadcrumb a {font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#0000FF; text-decoration:underline; font-variant:none;}

		.list_headline {font-family:Georgia, "Times New Roman", Times, serif; font-size:12pt; color:#0000FF;}
		.list_headline a {font-family:Georgia, "Times New Roman", Times, serif; font-size:12pt; color:#0000FF;}

		.list_byline {font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-style:italic;}
		.list_byline a {font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-style:italic;}

		.list_text {font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-style:italic;}
		.list_text a {font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-style:italic;}

		.page_headline {font-family:Georgia, "Times New Roman", Times, serif; font-size:12pt; color:#0000FF;}
		.page_headline a {font-family:Georgia, "Times New Roman", Times, serif; font-size:12pt; color:#0000FF;}

.middle_2
{
	width:193px;
	background:url(images/rightnavfiller.gif) repeat-y;
	float:left;
}

	#rightnav_top
	{
		width:193px;
		height:14px;
		background: url(images/rightnav_top.gif) no-repeat;
	}
	
	.event_highlight
	{
		font-size:7pt;
		text-align:left;
		padding: 0 3px;
	}
	
		.event_highlight .event_item
		{
			margin-bottom:3px;
		}
		
		.event_highlight .event_item a:link {font-weight:normal; text-decoration: none;}
		.event_highlight .event_item a:visited {font-weight:normal; text-decoration: none;}
		.event_highlight .event_item a:active {font-weight:normal; text-decoration: underline;}
		.event_highlight .event_item a:hover {font-weight:normal; text-decoration: underline;}

		
	#main_middle_2
	{
		width:193px;
		background:url(images/rightnavfiller_main.gif) repeat-y;
	}

	.middle_2 .inside
	{
		width:163px;
		padding-right:16px;
		padding-top:10px;
	}
	
	.middle_2 #rightnavbottom
	{
		width:193px;
		height:100px;
		background:url(images/rightnavbottom.gif) center no-repeat;
	}
	
	.middle_2 #mainrightnavbottom
	{
		width:193px;
		height:70px;
		background:url(images/mainrightnavbottom.gif) center no-repeat;
	}
		
		#main_inside
		{
			/* margin-left:6px; */
		}
	

.bottom_1
{
	width:1034px;
	height:57px;
	background:url(images/bg_bottom_1.jpg) no-repeat;
}
	
.deluge_logo {
	position: fixed;
	bottom: 0px;
	right: 0px;
}

.footer
{
	background-color: #033;
	font-size: 8pt;
	color: #ffffff;
}

.footer a
{
	color: white;
	text-decoration:underline;
}


.footer a:hover
{
	color:yellow;
	text-decoration:underline;
}

/* --- interior landing page styles --- */
#landing_container
{
	margin-top: 7px;
	width:100%;
}

	#landing_container .section_headline {font-family: Georgia, "Times New Roman", Times, serif; color:#000; font-size:16pt; font-style:italic; font-weight:normal; margin: 10px 0 10px 0;}
	#landing_container .section_headline a:link {font-family: Georgia, "Times New Roman", Times, serif; color:#000; font-size:16pt; font-style:italic; text-decoration:none;}
	#landing_container .section_headline a:visited {font-family: Georgia, "Times New Roman", Times, serif; color:#000; font-size:16pt; font-style:italic; text-decoration:none;}
	#landing_container .section_headline a:hover{font-family: Georgia, "Times New Roman", Times, serif; color:#000; font-size:16pt; font-style:italic; text-decoration:underline;}
	#landing_container .section_headline a:active{font-family: Georgia, "Times New Roman", Times, serif; color:#000; font-size:16pt; font-style:italic; text-decoration:underline;}

.list_item
{
	padding-left:20px;
	padding-top:10px;
	border-bottom: gray 1px dotted;
}

	.list_item .headline {font-family: Georgia, "Times New Roman", Times, serif; color:#316e53; font-size:14pt; margin: 0 0 10px 0;}
	.list_item .headline a:link {font-family: Georgia, "Times New Roman", Times, serif; color:#316e53; font-size:14pt; text-decoration:none;}
	.list_item .headline a:visited {font-family: Georgia, "Times New Roman", Times, serif; color:#316e53; font-size:14pt; text-decoration:none;}
	.list_item .headline a:hover{font-family: Georgia, "Times New Roman", Times, serif; color:#316e53; font-size:14pt; text-decoration:underline;}
	.list_item .headline a:active{font-family: Georgia, "Times New Roman", Times, serif; color:#316e53; font-size:14pt; text-decoration:underline;}
	.list_item .byline {font-style:italic;}
	.list_item .date {float: left; margin: 3px 5px 0 0 ;}
	.list_item .asset {float:left; margin: 0 10px 0 0 ; }
		.list_item .asset .item_asset {border:solid 1px black; height:100px; width:100px; background-color:#CCCCCC;}

/* STYLES FOR THE POP-UP MENUS */
/* Do not change. Hidden submenus require this. */
.wmSubMenuHidden
{
	position:absolute;
	z-index:100;
	visibility:hidden;
	width:210px;
	/*background:url(images/overSubMenu.gif) top left no-repeat;
	padding-top:7px;*/
}

	.underSubMenu
	{
		/* width:210px;
		height:7px;
		background:url(images/underSubMenu.gif) bottom left no-repeat;
		position:absolute;
		left:0px;
		bottom:-7px; */
		width:0px;
		height:0px;
	}

	

.hItemOff 
{
		width:200px;
		min-height:16px;
		text-align:left;
		padding-left:10px;
		padding-top:2px;
		padding-bottom:2px;
		margin:0px;
		margin-right:0px;
		font: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		clear:both;
		float:right;
		/* border:1px black solid; */
		background:#7fbbc9;
		cursor:pointer;
		overflow:hidden;
		text-decoration:none;
		color:#1d1f20;
		display: inline; /* IE6:fix dulicate character bug and double float bug */
}

	.hItemOff a, a:visited
	{
		text-decoration:none;
		color:#1d1f20;
	}
	
	.hItemOff a:hover, a:active
	{
		color:#FFFFFF;
		text-decoration:none;
	}
	
.hItemOffSub
{
	height:20px;
	margin:1px; 
	padding-top:1px; 
	border:1px solid #000000;
	font-weight:bold;
}

h1
{
	font-size:16pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#316e53;
}
h2
{
	font-size:14pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#316e53;
}
h3
{
	font-size:12pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#316e53;
}
h5, h6,
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
	color:#316e53;
}
h4
{
	font-size:12pt;
	color:red;
	font-weight:bold;
}

/* --- form buttons ---*/
.submit1 {
	border-style:ridge;
	border-width:3px;
	border-color:#999999;
	color:#085d99;
	background-color:#d7e7f2;
	font-size:8pt;
	padding: 0 5px;
	text-align: center;
}
.submit2 {
	border-style:solid;
	border-width:1px;
	border-color:#5c5c5c;
	color:#ffff00;
	background-color:#333333;
	font-size:7pt;
	padding: 0 5px;
	text-align: center;
}
.submit3 {
	border-style:solid;
	border-width:1px;
	border-color:#1798a5;
	color:#ffffff;
	background-color:#1798a5;
	font-size:7pt;
	padding: 0 5px;
	text-align: center;
}
.input1 {
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	color:#333333;
	background-color:#d7e7f2;
	font-size:10pt;
	height:18px;
	width:100px;
	text-align:left;
}
.input2 {
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	color:#333333;
	background-color:#ffffff;
	font-size:10pt;
	height:18px;
	width:100px;
	text-align:center;
}
.input3 {
	border-style:solid;
	border-width:1px;
	border-color:#105ba4;
	color:#105ba4;
	background-color:#ffffff;
	font-size:10pt;
	height:22px;
	width:210px;
	text-align:left;
	padding-left:3px;
}
.select1 {
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	color:#333333;
	background-color:#d7e7f2;
	font-size:8pt;
	height:18px;
	width:100px;
	text-align:left;
}
.select2 {
	border-style:solid;
	border-width:1px;
	border-color:#5c5c5c;
	color:#ffff00;
	background-color:#333333;
	font-size:8pt;
	height:18px;
	width:135px;
	text-align:left;
}
.select3 {
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	color:#333333;
	background-color:#d7e7f2;
	font-size:8pt;
	height:20px;
	width:210px;
	text-align:left;
}
.area1 {
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	color:#333333;
	background-color:#d7e7f2;
	font-size:8pt;
	height:80px;
	width:200px;
	text-align:left;
}
.area2 {
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	color:#333333;
	background-color:#d7e7f2;
	font-size:8pt;
	height:80px;
	width:95%;
	text-align:left;
}
.floatleft {
	float: left;
	margin-right: 10px;
}
.floatright {
	float: right;
	margin-left: 10px;
}
.simple {
	font:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333333;
}
.simple th {
	padding: 3px;
}
.simple td {
	padding: 3px;
	font-size:10pt;
}
table.detable {
	font:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333333;
	border-spacing: 2px;
	border: 1px solid #F8AA33;
	border-collapse: collapse;
	background-color:#CCCCCC;
}
table.detable th {
	padding: 3px;
	border: 1px solid #F8AA33;
}
table.detable td {
	padding: 3px;
	border: 1px solid #F8AA33;
}
form {
	margin: 0;
}
#paging
{
	width:97%;
	border-top: solid black 3px;
	margin:10px 0;
	padding:10px;
	text-align:center;
}