@charset "utf-8";

/* June Street Architecture - Global Stylesheet		*/
/* Developed by GroovyCat Interactive			 	*/
/* http://www.groovycat.net						 	*/


/* --------------------------------------- */
/* --( Style Sheet Import )-- */
/* --------------------------------------- */
@import url(shadowbox.css);
@import url(shadow_fix.css);
@import url(jcarousel.css);
@import url(skins/tango/skin.css);





/* --------------------------------------- */
/* --( Global Styles )-- */
/* --------------------------------------- */
	body{
		font-family: "Verdana", sans-serif;
		font-size: 13px;
	}

	small{
		font-size: 12px;
	}
	
	.hide_image{
		visibility:hidden;
	}
	
	input{
		border:1px solid #ccc;
	}
	
	input:hover {
		background: #ffffff;
	}
	a {
		outline:none;
	}
	/*
	input:focus{
		background: #333;
		color: white;
	}
	*/
	
	img{
		border: none;
	}
	
	a img{
		border: none;
	}
	
	#page_container{
		padding: 30px;
	}
	
/* --------------------------------------- */
/* --( Global Classes )-- */
/* --------------------------------------- */

	/* self clearing rules */
	.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.selfclear { display: inline-block; _height: 1%; }
	/* Hides from IE-mac \*/
	.selfclear { display: block; }
	/* End hide from IE-mac */
	
	.note{
		background: #ccc;
		color: #333;
	}
/* --------------------------------------- */
/* --( Main Container )-- */
/* --------------------------------------- */
	.center_me{
		text-align: center;
		margin: 0px auto;
	}
	#main_container {
		width:906px;
		margin:0 auto;
	}
	
	#header{
		margin-top: 21px;
		margin-left: -1px;
		width: 906px;
		height: 95px;
		overflow: hidden;
		/*background: #f3f3f3;*/
		/*background: url(../_img/header_bg.gif) no-repeat;*/
	}
		#header img{
			padding-top: 1px;
			padding-left: 1px;
		}
	
	#sections .box{
		float: left;
		height: 265px;
		overflow: hidden;
		/*background: url(../_img/jsa_box_bg.gif) no-repeat;*/
		margin: 20px 0px 0px;
		position: relative;
		padding-top: 8px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 24px;
	}
	
	.other_cols{
		width: 288px;
	}
	
	.third_col{
		width: 254px;
	}
	
		#sections .box a.hotspot{
			position: absolute;
			width: 288px;
			height: 268px;
			

		}
	
		#sections .box .content{
		
			
			width: 278px;
			height: 258px;
			overflow: hidden;
			padding: 0px;
		}
		
		#sections .box .content *{
			margin: 0px;
		}
		
	#sections .box .caption{
		text-align: right;
		padding-top: 3px;
		overflow: hidden;
		height: 20px;
	}


#footer {
	margin: 20px 0px;
	color: #aaaaaa;
	font-size: 11px;
	text-align: center;
}