/* @override 
	http://hopscotch.siteiscentral.com/cms/front/stylesheets/layout.css
	http://www.hopscotch.siteiscentral.com/cms/front/stylesheets/layout.css
	http://www.beta.siteiscentral.com/cms/front/stylesheets/layout.css
*/

#container{
	margin:  auto;
}
#header{
	border-bottom: 10px solid #000000;
}

#header_container{
	margin:  auto;
	height:  75px;
}

#home_intro, #left{
	margin:  0;
	padding: 0;
	padding-right:  10px;
	float:  left;
	padding-top: 40px;
}

#left{

}

#home_intro{

	padding-right:  20px;
}

#home_content, #right{
	margin:  0;
	padding:  0;
	float:  left;
	padding-bottom:  10px;
}

.text{
	float:  left;
	padding-top:  10px;
	padding-bottom:  10px;
}

#breadcrumbs{
	padding-bottom:  40px;
}

#breadcrumbs span{
	float:  left;
	font-size:  1.2em;
	padding-right:  5px;
}

#breadcrumbs li span{
		font-size:  1em;
	float:  left;
	padding-right: 10px;
}




#footer{
	clear:  both;
	font-size:  .9em;
	color:  #666666;
	margin-top:  10px;
	border-top:  1px solid #e1e1e1;
		padding-top:  10px;
}


/**TEXT: Additional layout**/

#home_intro{
	padding-top: 100px;
}

#home_intro h2{
	padding-right: 40px;
}

h1, h2{
	padding-bottom: 10px;
}


h2.date, h2.white{
	padding:  0;
}

h2.white{
padding-bottom:  20px;
}

h3{
	padding-top:  10px;
	padding-bottom:  10px;
}


.text p{
	padding-top: 10px;
	padding-right:  10px;
	padding-bottom:  20px;
	width:  470px;

}

#footer p{
	float:  left;
}

span.central{
	float:  right;
}


/**NAV/ masthead**/

#masthead{
	float:  left;
}

#masthead h1{
	width:  300px;
	height:  75px;
	display:  block;
	background: url(images/masthead_2.jpg) no-repeat;
}

#masthead h1 span{
	display:  none;
}

#topnav{
	padding-top:  45px;
}
ul#nav{
	float:  right;
}

ul#nav li{
	width:  100px;
	height:  30px;
	margin-left:  5px;
	float:  left;
	text-align: center;
	background: url(images/tabs.jpg) no-repeat 0 -30px;
	display:  block;
	}
	
	ul#nav li.current, ul#nav li:hover{
	background: url(images/tabs.jpg) no-repeat 0 0;
}

ul#nav li a{
	width:  100px;
	height:  10px;
	display:  block;
	padding-top: 8px;
	padding-bottom:  12px;
	color:  #ffffff;
	text-decoration:  none;
	font-size:  1.2em;;
}

/**NAV LEFT**/

#left li{
	padding-bottom: 5px;
}

#left ul li{
	padding-bottom:  2px;
	padding-top:  2px;
}

#left ul ul{
}

#left ul ul.active{
	display:  block;
}

#left ul li ul:hover{
	display:  block;
}

#left ul li ul li{
	padding-left: 20px;
}



ul li ul li.current a span{
	padding-left: 15px;
	background: url(images/bullet.gif) left center no-repeat;
	color: #000000;
}

.outer_pagination{
	clear:  both;
}


/**Index default**/

 ul.index li{
	clear:  both;
}

ul.index li p{
width:  460px;
float:  left;
}

ul.index li img{
	padding:  10px;
	border:  1px solid #999999;
	float:  right;
	margin-bottom:  20px;
}

ul.float_index{
	clear:  both;
	width:  710px;
	height:  250px;
	display:  block;
	border-top:  1px solid #e1e1e1;
margin:  auto;
}

ul.float_index li{
padding:  10px;
float:  left;
}

ul.float_index h2{
	width:  215px;
	height:  60px;
	margin-bottom:  10px;
	border-bottom:  1px solid #e1e1e1;
}

ul.float_index li img{
	width:  215px;
}

/**EMAIL FORM**/

.email_form label span{
	display:  block;
}

.email_form label input{
	width:  250px;
}

.email_form textarea{
	width:  460px;
}


/**PAGE ELEMENTS**/

.video .text{
 width:  220px;
 padding-right:  0px;
}

.video p{
	width:  220px;
}


.video .video{
float:  right;
}

#right_sidebar{
	float:  right;
}

#right_sidebar .text p{
	width:  220px;
}

.image_right{
	display:  block;
	float:  right;
}

.quote p{
	padding:  10px;
	font-style:  italic;
	text-indent: 30px;
}