/* @override http://kenthousing.net/css/screen_css.css */

/* 
Title:		Kent Housing, St. Cloud Minnesota
Author: 	David Boyer
Email:		david.boyer[at]26tigers.com
Created: 	January 7, 2008
Updated:	August 30, 2009
*/

/* Design Notes:

Colors:
	Content Bg: ##EFF7F9 
	Brown: #863c07

*/


/*--[Global]----------*/
html, body, form, fieldset, legend, input, textarea, select, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, li, address, img {
	margin:0;
	padding:0;
}
ul, li {
	list-style-type: none;
}
body {
	background-color: #13769f;
	color: #333;
	text-align: center; /* KLUDGE: IE5.5 and IE6 in quirks mode doesn't understand auto margining. IE misunderstands text-align: center and centers everything. Must reset text to the left in the wrapper tag. */
	font: small/1.1em Verdana, Arial, Helvetica, sans-serif;
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}
a:link, a:visited, a:hover {
	text-decoration: none;
}
a:active {
  outline: none;
}
:focus {
  -moz-outline-style: none;
}
.right {
	float: right;
}
.left {
	float: left;
}

/*--[Body Tags]---------*/
#front  {
	background: #313131 url(../images/img/bg_body_front.jpg) repeat-x 0 0;
}
#inside {
	background: #313131 url(../images/img/bg_body_inside.jpg) repeat-x 0 0;	
}

/*--[Float Clearing]--------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}


/*Sonspring's Clearall */
.clear {
	 border: 0;
	 clear: both;
	 display: block;
	 float: none;
	 margin: 0;
	 overflow: hidden;
	 visibility: hidden;
	 width: 0;
	 height: 0;
}

/*--[Generic Link Rules]---------*/
a:link, a:visited {
	color:#1694C9;
	text-decoration: none;	
}
a:hover {
	color: #D35900;
}

/*--[Images]-------*/
img.l_inset {
	float: left;
	border: 2px solid #CCC;
	margin: 0 10px 5px 0;
}
img.r_inset {
	float: right;
	border: 2px solid #CCC;
	margin: 0 0 5px 10px;
}

/*--[Global Lists]-------*/
ul.std {
	padding: 5px 0;
}
	ul.std li {
		background: url(../images/img/bullet_orange.gif) no-repeat 0 50%;
		padding: 2px 0 2px 18px;
		font-size: 85%;
	}

/*--[Wrappers and Columns]---------*/
.wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.left_col { 
	float: left;
	width: 295px;
	margin-top: 100px;
	position: relative;
	margin-left: 20px;
	display: inline;
}
.right_col {
	float: right;
	width: 650px;
	position: relative;
	margin-right: 15px;
	display: inline;
}
.colint_l {
	width: 365px;
	float: left;
}
.colint_r {
	width: 265px;
	float: right;
}

/*--[Content Buttons]----------*/
p.more {
	text-align: right;
}
	p.more a:link, p.more a:visited {
		background: url(../images/img/btn_shad_go.jpg) no-repeat center left;
		font: bold 95%/38px Arial, Helvetica, sans-serif;
		color: #ffc30d;
		padding: 0 35px 0 0;
		margin: 0;
		text-transform: uppercase;	
		}
	p.more a:hover {
		color: #FFF;
	}
/*--[Paginate]---------*/
#content p.paginate {
	font-size: 85%;
}
	#content p.paginate b {
		border: 1px solid #BEE2F2;
		padding: 3px;
		background-color: #1895CB;
		font-weight: normal;
		color: #FFF;
	}	
	#content p.paginate a {
		border: 1px solid #BEE2F2;
		padding: 3px;
	}
	#content p.paginate a:hover {
		background-color: #BEE2F2;
	}

	
/*--[Headlines]--------*/
.extralarge {
	font: normal 450% Georgia, "Times New Roman", Times, serif;
	color: #863c07;
}
.large {
	font: normal 300% Georgia, "Times New Roman", Times, serif;
	color: #D25900;
}
.medium {
	font: normal 220% Georgia, "Times New Roman", Times, serif;
	color: #1A9C49;
}
.subline {
	font: normal 130% Georgia, "Times New Roman", Times, serif;
	padding: 0 0 20px 10px;
}
.subline_lesspad {
	font: normal 130% Georgia, "Times New Roman", Times, serif;
	padding: 0 0 5px 10px;
}
.sectiontitle {
	font: normal 170% Georgia, "Times New Roman", Times, serif;
	color: #863c07;
	border-bottom: 1px solid #E2E2E2;
	padding: 15px 0 3px 0;
	margin-bottom: 10px;
}
.sectiontitle_medium {
	font: normal 160% Georgia, "Times New Roman", Times, serif;
	color: #863c07;	
	padding-bottom: 3px;	
}
.sectiontitle_small {
	font: normal 130% Georgia, "Times New Roman", Times, serif;
	color: #045273;
	border-bottom: 1px solid #E2E2E2;
	padding: 7px 0 3px 0;
	margin-bottom: 5px;
}
.alt_heading {
	font: normal 240% Georgia, "Times New Roman", Times, serif;
	color: #045273;
}


/*--[Alert]---------*/
.alertnotice {
	background-color: #BD0012;
	font-size: 130%;
	color: #FFF;
	line-height: 40px; 
}

/*--[Header Elements]--------*/
#header {
	background: transparent url(../images/img/bg_header.jpg) repeat-x top center;
	position: relative;
	height: 128px;
	z-index: 500; /* Needed to make logo float on top in IE */
}
	#header .wrapper {
		background: url(../images/img/bg_headertop.jpg) no-repeat 0 0;
		height: 128px;
		
	}
	#header h1 {
		background: url(../images/img/bg_kh_logo.gif) no-repeat;
		text-indent: -9926px;
		width: 243px;
		height: 239px;
		position: absolute;	
		top: 0;
		left: 0;
		z-index: 1000;
	}
		#header h1 a {
			display: block;	
			background: url(../images/img/bg_kh_logo.gif) no-repeat;
			height: 239px;
			z-index: 5000;
		}
	#header h2 {
		font: normal 155%/1.2em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		color: #FFF;
		text-align: right;
		position: absolute;
		width: 400px;
		top: 25px;
		right: 15px;
	}

/*--[Navigation]--------*/
/*Top Navigation*/
ul#nav_top {
	position: absolute;
	top: 38px;
	right: 29px;
}	
	ul#nav_top li {
		float: left;
		background: url(../images/img/bg_masthead_nav_divider.gif) no-repeat 0 50%;
		padding: 0 10px;
	}

		ul#nav_top li a:link, ul#nav_top li a:visited {
			font: 80%/19px Verdana, Arial, Helvetica, sans-serif;
			float: left;
			color: #CCC;	
		}
		ul#nav_top li a:hover {
			color: #B12804;
		}
		
/*Main Navigation*/
ul#nav_main {
	position: absolute;
	top: 92px;
	left: 245px;
	float: left;
	height: 36px;
}
	ul#nav_main li {
		float: left;	
	}
		ul#nav_main li a:link, ul#nav_main li a:visited {	 
			float: left;
			display: block;
			font: bold 110%/36px "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
			color: #FFF;
			background: url(../images/img/bg_navbutton.jpg) no-repeat 0 0;
			padding: 0 12px;		
		}
		ul#nav_main li.first a:link, ul#nav_main li.first a:visited {	
			background-image: none;
			padding-left: 7px;
		}		
		ul#nav_main li a:hover, ul#nav_main li.first a:hover {
			background-image: none;
			color: #FFFA73;
		}

/*--[Buttons]----------*/
span.btn_fp_learnmore {
		background: url(../images/img/btn_fp_learnmore.gif) no-repeat 0 0;
		text-indent: -9926px;
		width: 97px;
		height: 21px;
		margin: 10px 0 5px 0;
}
		span.btn_fp_learnmore a:link, span.btn_fp_learnmore a:visited {
			display: block;	
			background: url(../images/img/btn_fp_learnmore.gif) no-repeat 0 0;
			height: 21px;
			width: 97px;
		}
		span.btn_fp_learnmore a:hover {
			background: url(../images/img/btn_fp_learnmore.gif) no-repeat 100% 0;
		}
span.btn_viewallocal {
		background: url(../images/img/btn_viewalllocals.gif) no-repeat 0 0;
		text-indent: -9926px;
		width: 138px;
		height: 20px;
}
		span.btn_viewallocal a:link, span.btn_viewallocal a:visited {
			display: block;	
			background: url(../images/img/btn_viewalllocals.gif) no-repeat 0 0;
			height: 20px;
			width: 138px;
		}
		span.btn_viewallocal a:hover {
			background: url(../images/img/btn_viewalllocals.gif) no-repeat 100% 0;
		}	
span.btn_readmore {
		background: url(../images/img/btn_readmore.gif) no-repeat 0 0;
		text-indent: -9926px;
		width: 88px;
		height: 20px;
		display: block;
		margin: 10px 0 0 10px;
}
		span.btn_readmore a:link, span.btn_readmore a:visited {
			display: block;	
			background: url(../images/img/btn_readmore.gif) no-repeat 0 0;
			height: 20px;
			width: 88px;
		}
		span.btn_readmore a:hover {
			background: url(../images/img/btn_readmore.gif) no-repeat 100% 0;
		}		
				
/*--[Locations]---------*/
/*Tabbies*/
ul.tabbies {
	margin-bottom: 20px;
	width: 650px;
}
	ul.tabbies li {
		width: 161px;
		padding: 5px 0;
		float: left;
		border-left: 1px solid #DFDFDF;
	}				
			ul.tabbies li a:link, ul.tabbies li a:visited {				
				font: bold 85% 'helvetica neue',helvetica,arial,sans-serif;
				color: #863C07;
				padding: 2px 5px;				
			}
				ul.tabbies li a:hover {
					color: #045273;
				}
		ul.tabbies li span {
			padding: 0 5px;
			font-size: 80%;
			color: #777;
		}	

/*--[Properties]---------*/	
/*Single Property Map*/
#small_map {
	width: 260px;
	height: 260px;
	margin: 15px 5px 0 0;
	border: 3px solid #E2E2E2;
}

img.borderfive { 
	border: 5px solid #E2E2E2;
	float: right;
 }	
 		
/*Prop Thumbnails linked to Lightbox*/	
ul.thumbnails {
	width: 375px;
}
	ul.thumbnails li {
		float: left;
		width: 156px;
		height: 119px;
		margin: 0 15px 15px 0;
	}		
		ul.thumbnails li img {
			border: 3px solid #9BD5ED;
		}	
		
/* Vacancy Banner */			
span.vacant {
	display: block;
	background: url(../images/img/bg_spaceavailable.gif) no-repeat 0 0;
	width: 170px;
	height: 58px;
	text-indent: -9926px;
	margin: 10px auto;
}
span.novacancy {
	display: block;
	background: url(../images/img/bg_novacancy.gif) no-repeat 0 0;
	width: 170px;
	height: 58px;
	text-indent: -9926px;
	margin: 0 auto;
}

/*Call Block*/
.callblock {
	background-color: #EEE;
	margin: 15px 0;
}
	.callblock span.callburst {
		display: block;
		float: left;
		background: url(../images/img/bg_callstarburst.gif) no-repeat 0 0;
		margin: 5px;
		height: 118px;
		width: 119px;
		text-indent: -9926px;
	}
	#content .callblock p {
		font: normal 135% Georgia, "Times New Roman", Times, serif;
		padding: 10px 5px 10px 10px;
		color: #555;
		vertical-align: middle;
	}
			
/*Side Bar Navigation*/
.sidenav {
	background: url(../images/img/bg_sidenav_bottom.jpg) no-repeat center bottom;
	padding-bottom: 10px;
	
}
.sidenav h4 {
	background: url(../images/img/bg_sidebar_navheader.jpg) repeat-x 0 0;
	font: normal 125%/62px "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
	color: #FFF;
	text-align: center;
	padding: 0 3px;
}
.sidenav ul {
	width: 200px;
	margin: 0 auto;
	background:url(../images/img/bg_sidenav.jpg) repeat-y 0 100%;
	padding: 0;
	line-height: 1.0em;
}
	.sidenav ul li {
		margin: 0 10px;	
		padding: 6px 0;	
		border-bottom: 1px solid #353535;
		border-top: 1px solid #393939;
	}
		.sidenav ul li.first {
			border-top: none;
		}
		.sidenav ul li a:link, .sidenav ul li a:visited {
			display: block;
			background: url(../images/img/bullet_listarrow.gif) no-repeat 2% 50%;
			padding: 0 0 0 15px;
			color: #FFF;
			font-size: 80%;
		}	
		.sidenav ul li a:hover {
			color: #ffc30d;
		}	

/*--[Post Its]--*/
.postit {
	width: 216px;
	height: 173px;
	text-indent: -9926px;
	margin: 25px auto;
}
	.callpostit{
		background: url(../images/img/bg_postit_callus.jpg) no-repeat 0 0;
	}

/*--[Content Area]-------*/
#content {
	background: #EFF7F9 url(../images/img/bg_content.jpg) repeat-x 0 0;
}
	#content .wrapper {
		background: url(../images/img/bg_contentarea.gif) repeat-y 0 0;
		padding: 0 0 25px 0;		
	}
	#content p {
		font-size: 85%;
		padding: 4px;	
	}
	#content  div.spaced p {
		line-height: 1.9em;	
	}

/* Bread Crumb Topper */
.breadcrumb {
	height: 24px;
	background: url(../images/img/bg_breadcrumb.jpg) no-repeat 0  0;
}

		
/*--[Featured Properties]--------*/		
.polaroid {
	position: absolute;
	height: 288px;
	width: 249px;
	top: 0;
	left: 25px;
	z-index: 300;
	background: url(../images/img/bg_fp_polaroid.jpg) no-repeat 0 0;
}
img.prop_picfeature {
	padding: 15px 0 0 20px;
}
.featured_box {
	width: 650px;
	background: url(../images/img/bg_featuredprop_body.gif) repeat-y 0 0;
	position: relative;
	margin: 25px 0 0 0;	
}		
	span.fb_topper {
		display: block;
		background: url(../images/img/bg_featureprop_top.gif) no-repeat 0 0;
		text-indent: -9926px;
		width: 650px;
		height: 15px;
	}
	.prop_teaser {
		width: 330px;
		float: right;
		padding: 0 20px 0 0;
		padding-bottom: 10px;
		min-height: 180px;
		height: auto !important;
		height: 180px;
	}

	span.call_strip {
		clear: both;
		display: block;
		background: url(../images/img/bg_featuredprop_bottom.gif) no-repeat 0 0;
		text-indent: -9926px;
		height: 51px;		
	}
span.angle_renting {
	display: block;
	background: url(../images/img/bg_anglebanner_nowrenting.gif) no-repeat 0 0;
	position: absolute;
	width: 107px;
	height: 83px;
	top: 25px;
	right: 6px;
	text-indent: -9926px;
	z-index: 400;
}


/*--[Front Page Listed]----------*/
.listed {
	background: url(../images/img/bg_listing.jpg) repeat-x 0 0;
	width: 650px;
	position: relative;
	padding: 0 0 10px 0;
	margin-top: 25px;
	min-height: 300px;
  	height:auto !important;
  	height: 300px;	
}
/* Locations on Front */
	.listed_locations {
		float: left;
		width: 272px;
		margin-left: 10px;
		display: inline;
	}
		h3.location_header {
			background: url(../images/img/bg_listing_location_header.jpg) no-repeat 0 0;
			width: 272px;
			height: 116px;
			text-indent: -9926px;
		}
	ul.localist {
		padding: 10px;	
		margin-bottom: 8px;
		background: url(../images/img/bg_newsdivider.gif) repeat-x 0 100%;
	}
		ul.localist li {
			padding: 3px 0 3px 18px;
			background: url(../images/img/bullet_blue.gif) no-repeat 0 40%;
		}
			ul.localist li a:link, ul.localist li a:visited {				
				font: bold 100% 'helvetica neue',helvetica,arial,sans-serif;
				color: #863C07;				
			}
				ul.localist li a:hover {
					color: #D25900;
				}
			ul.localist li span {
				font-size: 85%;
				display: block;
			}
			
/* Bulletin Board on Front */	
	.listed_bb {
		float: right;
		margin-right: 10px;
		width: 300px;
		display: inline;
	}
		h3.bb_header {
			background: url(../images/img/bg_listing_bb_header.jpg) no-repeat 0 0;
			width: 249px;
			height: 68px;
			text-indent: -9926px;
		}
	ul.bb_list {
		padding: 10px 10px 0 10px;
	}	
		ul.bb_list li {
			padding: 3px 0 12px 0;
			margin-bottom: 8px;
			background: url(../images/img/bg_newsdivider.gif) repeat-x 0 100%;
		}
			ul.bb_list li a:link, ul.bb_list li a:visited {				
				font: bold 130% 'helvetica neue',helvetica,arial,sans-serif;
				color: #D25900;
				padding: 0 0 0 25px;			
			}
			ul.bb_list li a.normal {
				background: url(../images/img/icon_page_green.gif) no-repeat 0 50%;
			}
			ul.bb_list li a.alert {
				background: url(../images/img/icon_alert.gif) no-repeat 0 50%;
			}			
				ul.bb_list li a:hover {
					color: #045273;
				}		
			#content ul.bb_list li p {
				padding: 3px 0 3px 25px;
				font-size: 80%;
			}
		
			ul.bb_list li span {
				font-size: 80%;
				display: block;
				padding:  0 0 5px 25px;
				font-family: Verdana, sans-serif;
				color: #666;
				
			}	
			
/*--[Bulletin Board Entry]----------*/
.bb_entry {
	padding: 0 0 15px 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #BEE2F2;
}						
	.bb_entry h3 {
		font: normal 200% Georgia, "Times New Roman", Times, serif;
		color: #863c07;	
		padding-bottom: 
		10px;	
	}
	.bb_entry img {
		display: block;
		padding: 10px 0;
		
	}
	#content .bb_entry p.bb_publishline {
		background: url(../images/img/bg_bb_publishline.gif) no-repeat 0 0;
		width: 318px;
		height: 35px;
		color: #666;
		padding: 7px 0 0 60px;
		font-size: 85%;
	}
	#content .bb_entry p.bb_publishline_alert {
		background: url(../images/img/bg_bb_publishline_error.gif) no-repeat 0 0;
		width: 318px;
		height: 35px;
		color: #666;
		padding: 7px 0 0 60px;
		font-size: 85%;
	}
	
/*--[Resources Entry]----------*/
.resource_entry {
	padding: 0 0 10px 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #BEE2F2;
	width: 330px;
}						

	.resource_entry img {
		display: block;
		padding: 10px 0;
		
	}
	#content .resource_entry p.bb_publishline_pdf {
		background: url(../images/img/bg_bb_publishline_pdf.gif) no-repeat 0 0;
		width: 318px;
		height: 35px;
		color: #666;
		padding: 7px 0 0 55px;
		margin: 10px 0 0 0;
		font-size: 85%;
	}

/*--[Frame Fade Box]----------*/
.framefade_box {
	background: url(../images/img/bg_framebox.jpg) no-repeat 100% 0;
	padding: 40px 20px;
	margin-top: 25px;
	clear: both;
}	
	.framefade_box fieldset {
		border: none;
		padding: 10px;
	}
	.framefade_box legend {		
		display: none;
		height: 0;
	}	
	#content .framefade_box p {	
		padding: 12px 0;
	}
	.framefade_box input {	
		width: 350px;
	}
	.framefade_box textarea {	
		width: 350px;
		height: 150px;
	}			
	.framefade_box label { 
		font: normal 200% Georgia, "Times New Roman", Times, serif;
		color: #863C07; /*Brown*/
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		float: left;
		width: 150px;
	}
	
.framefade_box input:focus, .framefade_box textarea:focus {
	background: #FFC;
}	
	
.framefade_box input.btn {
	background:  url(../images/img/bg_btn_submit.gif) no-repeat 0 0;
	border: 0pt none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline;
	font-family: Georgia,Times,serif;
	font-size: 140%;
	height: 31px;
	line-height: 31px;
	text-align: center;
	width: 89px;
	margin-left: 150px;
}

/*--[Address]--*/
.whereblock {
	padding: 10px;
}
	.whereblock span {
		color: #045273;
	}
address {
	font-style: normal;
	font: normal 140% Georgia, "Times New Roman", Times, serif;
	padding: 10px 0;
}	
#content p.listline {
	font: normal 140% Georgia, "Times New Roman", Times, serif;
	padding: 10px 0;
}
	
/*--YMap--------*/
#ymap {
	border: 3px solid #E2E2E2;
	width: 630px;
	height: 400px;
	margin: 0 auto;
}

/*--[Footer]-------*/
#footer {
	clear: both;
	background: #13769f url(../images/img/bg_footer.gif) repeat-x 0 0;
	padding-bottom: 15px;
}
#footer .wrapper {
	background: url(../images/img/bg_footerwrapper.jpg) no-repeat 0 0;
	height: 60px;
	position: static;
}
	#footer ul {
		padding: 25px 8px 0 8px;
		float: left;
	}
		#footer ul li {
			display: inline;
			padding: 0 8px;
			border-left: 1px solid #9BD5ED;
			font: 80% Arial, Helvetica, sans-serif;
		}
		#footer	ul li.first {
			border-left: none;
		}		
			#footer ul li a:link, #footer ul li a:visited {	
				color: #9BD5ED;
			}
			#footer ul li a:hover {
				color: #FFF;
			}
	#footer p {
		float: right;
		padding: 25px 10px 15px 0;
		font: 80% Arial, Helvetica, savns-serif;
		color: #9BD5ED;
	}		
	
/*--[Basement]-------*/
.twentysixtigers {
	float: right;
	font-size: 70%;
	width: 500px;
	height: 29px;
	background: url(../images/img/logo_26tigers_link.gif) no-repeat 100% 0;
	text-align: right;
	margin-bottom: 25px;
}
	.twentysixtigers a:link, .twentysixtigers a:visited {
		display: block;
		padding: 0 42px 0 0;
		line-height: 29px;
		color: #045171;
		background: url(../images/img/logo_26tigers_link.gif) no-repeat 100% 0;
	}
	.twentysixtigers a:hover {
		color: #61BAE7;
		background: url(../images/img/logo_26tigers_link.gif) no-repeat 100% 0;
	}
	
/*--[Overwrites]--------*/