@charset "utf-8";
/* Lisa Seter, DAC 2012*/


/*****reset*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 62.5%;
 font-weight: normal;
line-height: 1.3em;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ul, ol{list-style-image:none; list-style-type:none;}

/*****end reset*/
.offleft{
	position:absolute;
	margin-left:-9000px;}
.skiplink{
	position:relative;}
.skiplink a, .skiplink a:hover, .skiplink a:visited {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.skiplink a:active, .skiplink a:focus {
	font-size:3em;
	padding-left:0;
	margin-top:10px;
	margin-bottom:5px;
	position:static;
	width:auto;
	height:auto; 
	color:#000;
}
/*********************welcome banners *******/

#welcomebanner{
	height:243px;
	width:574px;
	margin:0 0;
	margin-bottom:10px;
	background:url(images/banner.jpg) left no-repeat;
	border:#fcffa4 1px solid;}
#welcomebanner.bemidji{
	height:243px;
	width:500px;
	margin:0 auto;
	margin-bottom:10px;
	background:url(images/bemidji/activity2.jpg) left no-repeat;
	border: groove 2px #009}
#welcomebanner.cass{
	height:243px;
	width:500px;
	margin:0 auto;
	margin-bottom:10px;
	background:url(images/cass_walker/cassbanner.jpg) left no-repeat;
	border: groove 2px #009}
#welcomebanner.bannerprogram{
	background-image:url(images/bannerprogram.jpg);
	height:243px;
	width:574px;
	margin:0 0;
	margin-bottom:10px;
	border:#fcffa4 1px solid;}
/******BASICS*/

.txtcenter{
	text-align:center;}

body{
	font-family:Arial, Helvetica, sans-serif;
	background:#97a8B7;
	color:#222351;
	color:#004171;
}

#wrapper{
}

#extwrapper{
	margin:10px auto;
	width:774px;
	background:#030A7A url(images/hovergradientwrapper.jpg) repeat-y top left;
	padding:5px  0 0px 0;
	border:#fcffa4 1px solid;
}

#innerwrapper{ 
	width:768px;
	margin:0 0px 0 0;

}

#shadow{
	width:586px;	
	background:url(images/shadow610.png) repeat-y top left;
	margin-left:0;}
#banner1{
	color:#fff;
	float:right;
	font-size:3em;
	margin-right:10px;
	margin-top:10px;
	padding:.5em 0;}
#maincontent{
	margin:0px 0 0 9px;
	width:576px;
	padding-top:5px;
	border:#788ca5 1px solid;
}

#info1{
	width:576px;
	margin:0 auto;

}
#info2{
	width:556px;
	margin:10px;
	clear:both;
}
img{
	border:#fcffa4 1px solid;}
#indexcontent img{
	border:none;}

/**********************common elements****************/
.bluebk{
	color:#030A7A;}
h1{}
h2 {font-size:3em;
	color:#030A7A;
	text-align:center;}
h3{	color:#030A7A;
	text-align:center;
	font-size:2.5em;}	
h4{	color:#030A7A;
	text-align:center;
	font-size:2.0em;
	font-style:italic;
	margin:0 10px;}
p{
	font-size:1.8em;
	text-align:center;
	}

#pagetitle{
	font-weight:bold;
	font-size:4em;
	color:#030A7A;
	text-align:center;
	}
.fltright {
	float:right;
	margin:5px 0px 5px 5px;}
.fltleft{
	float:left;
	margin:5px 5px 5px 0px;}
.clear{
	clear:both;}
.clearright{
	clear:right;}
.clearleft{
	clear:left;}
.whtext {
	color:#FFF;}
.left{text-align:left;}
/**********************breadcrumbs***************/

#breadcrumbs{
	text-align:left;
	margin:5px 0px 5px 10px;
}
#breadcrumbs p{	
	color:#788ca5;
	text-align:left;}

#breadcrumbs p.crumbs a{
	color:#788ca5;
	font-size:1em;
	text-decoration:none;
	border:none;
	padding:10px 0px 0 0;
}
#breadcrumbs p.crumbs a:hover{
	text-decoration:underline;
}
#breadcrumbs p.crumbs a.current{
	color:#036;
	text-decoration:underline;
}
/**********************************top navigation*************/
#navigation1{
	text-align:left;
	width:768px;
	margin:0 auto;
	margin-bottom:25px;
	border-top:#788ca5 1px solid;

}

#navigation1 {
	width:744px;
	padding:5px 0 5px 5px;
	border:#fcffa4 1px solid;
	background-color:#F7F9FB;
	margin:10px 10px;
	float:left;
}
#navigation1 ul li{
	font-size:3.5em;
	text-align:center;
	float:left;/********necessary for drop downs with block display****/
	display:block;
	color:#006;
	padding:5px 0 5px 5px;
}
#navigation1 ul li:hover{
	padding:5px 0 5px 5px;
	background:url(images/navdrops.png) repeat-y left;
	}
.primary a{
		background:url(images/downarrow.png) left center no-repeat;
		padding:5px 5px 5px 20px;
		text-decoration:none;
}
.primary a:hover {
		background:url(images/downarrowcurrent.png) left no-repeat;
		padding:5px 5px 5px 20px;
		text-decoration:none;
}
.primary a:active, .primary a:focus {
		background:url(images/downarrowcurrent.png) left no-repeat;
		padding:5px 5px 5px 20px;
		text-decoration:none;
}
/* dropdown hovers*/
#navigation1 ul li ul {
	padding:0px;
	padding:5px 0 5px 0px;

	position:absolute;
	margin-left:10px;
	margin-top:3px;
	display:none;
	text-align:left;

	border:1px solid #006;
	background-color:#F7F9FB;
	z-index:500; /***keeps underlying text from being pushed***/
}

#navigation1 ul li:hover ul{
	display:block;
	width:150px;
}
#navigation1 ul li ul li{
	font-size:1.5em;
	text-align:left;
	width:138px;
	list-style-image:none;
	background:none;
	margin-left:-15px;
}	
#navigation1 ul li ul li:hover{
	list-style-image:none;
	background:none;

		}
			
#navigation1 ul li ul li a:link{
	text-align:left;
	color:#006;
	text-decoration:underline;

	display:block;/**need block for background full display**/
	list-style-image:none;
	background:none;
}
#navigation1 ul li ul li a:visited{
	text-align:left;
	color:#576A82;
	text-decoration:none;
	display:block;/**need block for background full display**/
	list-style-image:none;
	background:none;
}
#navigation1 ul li ul li a:hover{
	text-align:left;
	text-decoration:none;
	list-style-image:none;
	background:none;
	display:block;/**need block for background full display**/
	font-weight:bold;
	color:#030A7A;}



/****************************sidebar*****************/

#sidebar {
	margin:0px 10px 0 0;
	text-align:left;
	float:right;
	width:155px;
	overflow:hidden;
}
#pgmslinks a{
	font-size:6em;
	color:#fff;
	padding:10px 2px;
	line-height:1.5em;
	}
#utilitynav{
	text-align:center;
	background:none;
	border:none;
	font-size:3.2em;
	}
#utilitynav li{
	background-color:#d4dbe1;

	border:#97a8B7 1px solid;
	margin-bottom:10px;
		padding:.2em 0;
}
#utilitynav li:hover{	
	background-color:#030A7A;
	}
#utilitynav li a{text-decoration:none; 	color:#030A7A; 	padding:.3em 0;}
#utilitynav li a:hover{
	text-decoration:none;
	color:#fff;}

#searchbox { /* width of text box is via size on html */
	width:150px;
	float:left;
	font-size:3em;
	margin:10px 0;
}
#chbox{
	margin-left:-5px;}
#searchbttn{
	margin-top:5px;}

#resources{
	background:#d4dbe1;
	border:#fcffa4 1px solid;
	margin-top:5px;
	list-style-type:none;
	text-align:left;
	padding:10px 3px;
	border-radius: 13px; 
	-moz-border-radius: 13px; 
	-webkit-border-radius: 13px; 
}
#resources li{
	display:block;/**need block for background full display**/
	font-size:3em;
	width:150px;
	list-style-type:none;
	color:#030A7A;
	text-align:left;
}
#resources li a:link{
	display:block;/**need block for background full display**/
	width:140px;
	padding:7px 3px 7px 6px;
	color:#030A7A;
	text-decoration:underline;
	text-align:left;
}
#resources li a:visited{
	display:block;/**need block for background full display**/
	width:140px;
	padding:7px 3px 7px 6px;
	color: #030A7A;
	text-align:left;
}
#resources li a:hover{
	display:block;/**need block for background full display**/
	width:140px;
	padding:7px 3px 7px 6px;
	color: #030A7A;
	text-decoration:none;
	background:url(images/hovergradientwhite.png) repeat-y left;
	text-align:left;
}
.sidebarimg{
	border:2px #003366 groove;
	border:#fcffa4 2px groove;
	margin:5px auto 0 auto;

	}
#logosmall{
	margin:5px auto 10px auto;
	height:150px;
	width:150px;
		border:2px #003366 solid;
	background:#fff url(images/handglowthm.png) no-repeat;}
/************************************index page******/

.promo{
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.3em;}

.leadin{
	font-size:2.4em;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	margin:10px 0;
	color:#030A7A;
}
#guide{
	width:566px;
	margin:0 auto;
}
#indexcontent {
	margin:20px 10px;
}

#logolarge{
	float:right;
	margin:0px 10px 10px 10px;
	background-color:#FFF;
	width:275px;
	height:275px;
	background:url(images/hand4.jpg) no-repeat top left;}
#goals{
	text-align:center;
	width:225px;
	margin-left:10px;
	padding-top:40px;
	padding-bottom:100px;
}
#goals li{
	font-weight:800;
	font-size:4em;
		padding:2px;
		font-family:"Lucida Grande", sans-serif;}
#define{
	padding:10px 5px;
	border:#009 2px groove;}		
			
#contact{
	font-size:.85em}
#contact ul{
	font-size:3.5em;
	text-align:center;
	width:400px;
	margin:20px auto;}
/******************************facilities************/

#campus{
	margin:15px 5px 20px 5px;
	background-color:#d3dae0;
	border: groove 2px #009;
	padding:20px 5px;
	font-size:1.3em;
		border-radius: 13px; 
	-moz-border-radius: 13px; 
	-webkit-border-radius: 13px; 
}

#campus img{
		border: groove 2px #009;
		margin: 12px 4px;}
ul.areas{
	font-size:3em;
	text-align:center;
	color:#00F;
}
#map{
		border: groove 2px #009;
		width:225px;
		margin-top:15px;
		margin-bottom:5px;}

#instructions{
	float:right;
	width:275px;
	background:#d3dae0;
	border: groove 2px #009;
	padding:20px 10px;
	margin:15px 10px 20px 0;
		border-radius: 13px; 
	-moz-border-radius: 13px; 
	-webkit-border-radius: 13px; }
#instructions h3{
	margin-top:25px;
	color:#030a7a;}
#instructions ul{
	font-size:3em;
	margin-top:5px;}
#instructions ul li{
	line-height:1.5em;
	margin-left:25px;
	text-indent:-1.5em;
	margin-left:2em;}
.staff{
	font-size:0.7em;
	font-weight:bolder;
	padding-bottom:3px;
	padding-left:22px;
	list-style-image:url(images/email.png);
}	
.staff a{
text-decoration:underline;
color:inherit;
}	
.staff a:hover{
text-decoration:none;
color:inherit;
}
/*****************************program goals**********/

#programgoals{
	font-size:1em;
	margin:15px;}
#programgoals p{
	margin-bottom:1em;}	
#programgoals li{
	margin-left:2em;
	text-indent:-2em;
	}
#campus ul{
	font-size:2.5em;
	text-align:center;
	margin-top:.8em;
	font-style:italic;}
	#campus ul li{
}
/*****************************footer****************/
#footer{
	text-align:right;
	margin:20px 10px 15px 310px;
	font-size:.9em;
}
#footer p{
		color:#fff;
			text-align:left;}
#footer ul{

	margin:0 auto;
	display:inline-block;
	text-align:center;
	font-size:3em;
	list-style-type:none;
}
#footer ul li{
	float:left;
	padding-top:5px;
	padding-right:15px;
	}
#footer ul li a:link{
	color:#fff;
	text-decoration:underline;}
#footer ul li a:visited{
	color:#fff;
	text-decoration:none;}
#footer ul li a:hover{
	color:#fff;
	text-decoration:none;}
#calendarindex{
	font-size:2em;
	color:#fff;
	text-align:left;
	padding-top:10px;}
#calendarindex a{
	color:#fff;}
#calendar-list td{
	font-size:15px;
	padding:10px;}	
/******slwd logo link*/
#slwd{
	width:750px;
	height:37px;
	margin:15px auto;

}
#slwd img{
	float:right;
	margin-right:0px;
	border:1px solid #fff;
	margin-bottom:15px;
}
/*end SLWD logo*/