@charset "utf-8";

/* @override 
	http://www.hackensackseniorclass.com/includes/screen.css
	http://dev.niceguy.com/includes/screen.css
*/

<!--- * {
	margin: 0;
	padding: 0;
} --->

.borderimage{
	border: solid 4px #9b8760;
}

.bordersmall{
	border: solid 1px #9b8760;
}

.whitetext{
	color: #FFFFFF;
}

body {
	background: #FFFFFF url(../images/hsc_bkrnd.jpg) repeat center top;
	color: #303030;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	}

h1, h2, h3 {
	color: #3a5673;
	letter-spacing: 3px;
	font-family: "Times New Roman", Times, serif;
}

h1 {
	font-size: 30px;
}

ul, ol {
	margin-bottom: 2em;
	text-align: justify;
	line-height: 150%;
}

p {
}

ul {
	list-style-position: inside;
}

ol {
	list-style-position: inside;
}

a {
	color: #3a5673;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #3a5673;
}

.tn img {
	border: 1px solid #bd6528;
}

hr {
	display: none;
}

/* Logo */

#logo {
	width: 887px;
	margin: 0 auto;
	height: 250px;
}
#topimage {
	text-align: center;
	width: 887px;
	margin: 0px auto;
	height: 205px;
	background-color: #FFFFFF;
}
#topimagebtm {
	text-align: center;
	width: 887px;
	margin: 0px auto;
	height: 44px;
}
#bg{
	background: transparent;
}

#logo h1 {
	float: left;
	padding: 70px 37px 0 0;
	height: 54px;
	background: url(../images/img02.gif) no-repeat 100% 63px;
	font-size: 38px;
	font-weight: normal;
	letter-spacing: -2px;
}

#logo h2 {
	float: right;
	padding: 98px 0 0 0;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 16px;
	color: #FFFFFF;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}
  

#menu {
	margin: 0 auto;
	width: 200px;
}

#menu ul {
	margin: 0;
	padding: 0px 0 0 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	height: 20px;
	margin-top: 5px;
	padding: 8px 10px 2px 12px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #3a5673 url(../images/menu1.gif) no-repeat;
}

#menu a:hover {
	height: 20px;
	margin-top: 5px;
	padding: 8px 0px 2px 12px;
	text-decoration: none;
	font-size: 14px;
	color: #FFFFFF;
	background: #695d45 url(../images/menu2.gif) no-repeat;
}
#featurecontainer{
	padding-top: 10px;
}
#featuretop{
	background: url(../images/featuretop.gif) no-repeat center bottom;
	height: 55px;
}	
#featurebody{
	background: url(../images/featuremiddle.gif) repeat-y center top;
	padding-left: 22px;
	padding-right: 10px;
}
#featurebtm{
	background: url(../images/featurebtm.gif) center top;
	height: 20px;
}	
/* Page */


#page {
	width: 886px;
	margin: 0 auto;
}

/* Content */

#content { 
	text-align: left;
	float: right;
	width: 640px;
	padding-right: 20px;
	margin-top: 10px;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 200px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
}


/* Footer */

#footer {
	padding: 25px 0px;
	font-size: 12px;
	clear:  both;
	text-align: center;
	width: 886px;
	margin: 0px auto;
	background: transparent;
}

#footer a {
	color: #3a5774;
}
.footertable{
	width: 886px;
	display: table;
	margin: auto 0px;
}

#content table {
	clear: both;
}
#GetData_Title{
	font-weight: bold;
	color: #3a5673;
	margin-top: 15px;
}
#mainimg{
	margin-top: 10px;
}
.ImgGalBox{
	margin-top: 10px;
}
.ImgGalBox img{
	border: 1px solid #bd6528;
}