/*----------------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: 180px 0 0 0;
	width: 1024px;
	height: 594px;
	background: url("../imgs/site_bg.jpg") no-repeat;
}
#indexbox{
	margin: 0 auto;
	width: 497px;
	height: 298px;
	background: url("../imgs/index_bg.png") no-repeat;
}
#wrapper{
	margin: 0 0 0 0;
	padding: 96px 0 0 0;	
}
#header{
	margin: 0 44px 4.5em 0;
	padding: 0;
	width: 310px;
	height: 120px;
	float: right;	
}
#description{
	margin: 0 0 20px 0;
	padding: 0;
	color: #30231f;
	font-size: .7em;
	line-height: 1.5em;
}
#nav{
	margin: 0 0 0 0;
	padding: 0;
	width: 310px;	
}
#nav ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
span{
	visibility: hidden;
}
/**------------------------TEACHERS Button**/
#teacher_btn{
	padding: 0;
	margin: 0;
	width: 102px;
	height: 29px;
	float: left;
	overflow: hidden;
	display: inline;
}
#teacher_btn a{
	padding: 0 45px 13px 0;
	margin: 0;
	width: 102px;
	height: 29px;
	font-size: 1.6em;
	background: url("../imgs/teacher_enter.jpg") no-repeat;
	text-decoration: none;
}
#teacher_btn a:hover{
	background-position: 0 -29px;
}
/**------------------------COUNSELOR Button**/
#counselor_btn{
	padding: 0;
	margin: 0;
	width: 177px;
	height: 29px;
	float: right;
	overflow: hidden;
	display: inline;
}
#counselor_btn a{
	padding: 0 52px 13px 0;
	margin: 0;
	width: 177px;
	height: 29px;
	font-size: 28px;
	background: url("../imgs/cc_enter.jpg") no-repeat;
	text-decoration: none;
}
#counselor_btn a:hover{
	background: url("../imgs/cc_enter.jpg") no-repeat;
	background-position: 0 -29px;
}
/*----------------general stylings----------------*/
h1{
	margin: 0;
	padding: 0;
	display: none;	
}
h4{
	margin: 0;
	padding: 0;
	font-size: 1em;
	display: inline;
}
img{
	margin: 0;
	padding: 0;
	display: inline;
	border: none;
}
p{
	margin: 0 0 2em 0;
	padding: 0 1.5em 0 0;
}
/*----------------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;
	width: 465px;
	color: #f3e4d2; 
	font-size: .5em;
	text-align: right;
}
#footer p{
	display: inline;
}