/*----------------Main page and general stylings----------------*/
body{
	margin:  0;
	padding: 16px 0 0 0;
	background: #060201;
	font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif;
}
#background{
	margin:  0 auto;
	padding: 72px 0 0 0;
	width: 1024px;
	height: 696px;
	background: url("../imgs/site_bg.jpg") no-repeat;
}
#teacherbox{
	margin: 0 auto;
	width: 852px;
	background: url("../imgs/hop_img_teach_bg.png") no-repeat;
}
#wrapper{
	margin: 0;
	padding: 17.6px;
}
/*--------------------teacher/counselor nav-------------*/
span{
	visibility: hidden;
}
#teach_cc_switch{
	margin:  .2em 0 0 0;
	padding: 0;
	width: 203px;
	float: right;
}
#teach_cc_switch ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
/**---------TEACHERS Button**/
#teacher_btn_sml{
	margin: 0 16px 0 0;
	padding: 0;
	width: 60px;
	height: 17px;
	float: left;
	overflow:hidden;
}
#teacher_btn_sml a{
	margin: 0;
	padding: 0 12px 4px 0;
	background: url("../imgs/teach_select_btn.jpg") no-repeat;
	text-decoration: none;
}
#teacher_btn_sml a:hover{
	background-position: 0 -17px;
}
/**---------CC Button**/
#cc_btn_sml{
	margin: 0;
	padding: 0;
	width: 106px;
	height: 17px;
	float: left;
	overflow:hidden;
}
#cc_btn_sml a{
	margin: 0;
	padding: 0 65px 4px 0;
	background: url("../imgs/cc_select_btn.jpg") no-repeat;
	text-decoration: none;
}
#cc_btn_sml a:hover{
	background-position: 0 -17px;
}
/*---------------------------------------------------------*/
#header{
	margin: 0 0 16px 0;
	padding: 0;
	height: 103px;
}
#nav{
	margin: 85px 0 0 0;
	padding: 0;
	width: 818px;
	/*height: 18px;*/
	float: right;
	text-align: right;
	overflow: hidden;
}
#flashnav{
	margin: 0 22px 0 0;
	padding: 0; 
}
#content{
	margin: 0 0 12px 0;
	padding:0;
	height: 368px;
}
#column1{
	margin: 0;
	padding: 0;
	width: 408px;
	height: 411px;
	float: left;
}
#leftimg{
	margin: 0 auto;
	padding: 0;
	width: 371px;
	height: 364px;
}
#column2{
	margin: 0;
	padding: 0;
	width: 408px;
	height: 368px;
	float: right;
	overflow: hidden;
	}
#column3{
	margin: 0;
	padding: 0;
	width: 408px;
	height: 368px;
	float: right;
	overflow: auto;
}
#content_copy{
	margin: 0;
	padding: 0;
	width: 385px;
	height: 368px;
	color: #30231f;
	font-size: .75em;
	line-height: 1.5em;
	overflow: auto;
}
/*----------------HOME stylings----------------*/
#home_title{
	margin: 0 0 .25em 0;
	padding: 0;
	width: 301px;
	height: 18px;
	background: url("../imgs/hop_hdr_home.gif") no-repeat;
	overflow: hidden;
}
#home_column1{
	margin: 0;
	padding: 0;
	width: 220px;
	height: 411px;
	float: left;

}
#homeimg{
	margin: 224px 0 0 0;
	padding: 0;
	width: 208px;
	height: 187px;
}
#homeimg2{
	margin: 0 0 16px 0;
	padding: 0;
	width: 528px;
	height: 186px;
}
#home_column2{
	margin: 0;
	padding: 0;
	width: 550px;
	height: 411px;
	float: right;
}
#home_content_copy{
	margin: 0;
	padding: 0;
	width: 528px;
	height: 158px;
	color: #30231f;
	font-size: .75em;
	line-height: 1.5em;
	overflow: auto;
}
/*----------------OVERVIEW stylings----------------*/
#overview_title{
	margin: 0 0 .25em 0;
	padding: 0;
	width: 225px;
	height: 18px;
	background: url("../imgs/hop_hdr_overview.gif") no-repeat;
	overflow: hidden;
}
/*----------------GOALS stylings----------------*/
#goals_title{
	margin: 0 0 .25em 0;
	padding: 0;
	width: 225px;
	height: 18px;
	background: url("../imgs/hop_hdr_goals.gif") no-repeat;
	overflow: hidden;
}
/*----------------PROGRAM stylings----------------*/
#program_title{
	margin: 0 0 .25em 0;
	padding: 0;
	width: 225px;
	height: 18px;
	background: url("../imgs/hop_hdr_program.gif") no-repeat;
	overflow: hidden;
}
/*----------------HOW stylings----------------*/
#how_title{
	margin: 0 0 .25em 0;
	padding: 0;
	width: 280px;
	height: 18px;
	background: url("../imgs/hop_hdr_how.gif") no-repeat;
	overflow: hidden;
}
/*----------------PRESENT stylings----------------*/
#present_title{
	margin: 0 0 .25em 0;
	padding: 0;
	width: 225px;
	height: 18px;
	background: url("../imgs/hop_hdr_signup.gif") no-repeat;
	overflow: hidden;
}
#textboxes{
	margin: 0;
	padding: 0;
	width: 370px;
}
div.textboxset_long{
	margin: 0;
	padding: 0;
}
div.textbox_long{
	margin: 0 0 14px 0;
	padding: 0 0em 0 0;
	float: left;
}
div.textboxset{
	margin: 0;
	padding: 0;
}
div.textbox{
	margin: 0 0 14px 0;
	padding: 0 0em 0 0;
	width: 180px;
	float: left;
}
input{
	color: #d95a31;
}
input.button{
	margin: 4px 0 0 0;
	padding: 0;
	float: right;
}
#content_copy_present{
	margin: 0;
	padding: 0;
	width: 385px;
	height: 368px
	color: #30231f;
	font-size: .63em;
	overflow: auto;
}
/*----------------THANKS stylings----------------*/
#thanks_title{
	margin: 0 auto;
	padding: 0;
	width: 155px;
	height: 18px;
	background: url("../imgs/hop_hdr_thanks.gif") no-repeat;
	overflow: hidden;
}
#column2_thanks{
	margin: 0;
	padding: 130px 0 0 0;
	width: 408px;
	text-align: center;
	float: right;

}
#content_copy_thanks{
	margin: 10px 0 0 0;
	padding: 0;
	width: 385px;
	color: #30231f;
	font-size: .75em;
	line-height: 1.5em;
	overflow: auto;
}
#content_copy_thanks p{
	padding: 0 40px 0 40px;
}
/*----------------general stylings----------------*/
h1{
	margin: 0;
	padding: 0;
	display: none;
}
h2{
	margin: 0 0 0 -1000em;
	padding: 0;
}
h3{
	margin: 0;
	padding: 0;
}
h4{
	margin: 0;
	padding: 0;
	font-size: 1em;
	display: inline;
}
a{
	margin: 0;
	padding: 0;
	text-decoration: none;
}
a:link{
	color: #d95a31;
	font-weight: bold;
}
a:visited{
	color: #d95a31;
	font-weight: bold;
}
a:hover{
	color: #f3e4d2; 
	background-color: #d95a31;
	font-weight: bold;
}
a:active{
	color: #d95a31;
	font-weight: bold;
}
img{
	margin: 0;
	padding: 0;
	border: none;
}
ul{
	margin-bottom: 1.8em;
}
p{
	margin: 0 0 1em 0;
	padding: 0 1.5em 0 0;
}
p.pipe{
	margin: 0 .9em 0 .9em;
	padding: 0;
	font-size: .63em;
	display: inline;
}
strong{
	font-weight: bold;
}
/*----------------divider element is empty, there to clear floats----------------*/
div.divider{
	margin: 0 0 0 0;
	padding: 0;
	clear: both;
}
/*----------------footer----------------*/
#footer{
	margin: 0 auto;
	padding: 0;
	height: 15px;
	color: #f3e4d2; 
	font-size: .65em;
}
#footer ul{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	display: inline;
}
#footer li{
	margin: 0;
	padding: 0;
	display: inline;
}
h4.copyright{
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
}
#footer p{
	display: inline;
}