@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;
	}
	
	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:936px;
		margin:0 auto;
	}
	
	#header{
		margin-top: 21px;
		width: 936px;
		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;
		width: 288px;
		height: 292px;
		
		overflow: hidden;
		background: url(../_img/jsa_box_bg.gif) no-repeat;
		
		margin: 7px 1px 0px 0px;
		padding: 8px 15px 13px 8px;
		
		position: relative;
	
	}
	
		#sections .box a.hotspot{
			position: absolute;
			width: 288px;
			height: 268px;
			

		}
	
		#sections .box .content{
		
			
			width: 278px;
			height: 258px;
			overflow: hidden;
			padding: 5px;
		}
		
		#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;
}