@charset "utf-8";

/*---------------- Livingston Educational Reasource Cente - Home page CSS Document ------------------------*/
/*  NetLZ Web Design  */

/*================== Global Styles ========================*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 974px;
	background-color: #ffffd9;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, body {
	margin:0;
	padding:0;
}

span {
	font-weight: bold;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

img.apple {
	float:left; 
	margin-left:20px; 
	border:#6F7849 5px solid;
}

img.snow {
	float:left; 
	margin-left:20px; 
}

/*================== form elements ========================*/
input, textarea, select {	
	/*font-family: Tahoma;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-align: left;*/
	text-indent: 5px;
	background-color : #D7DB93;
	color : #000;
	border: 1px inset #3E4723;
}
.buttonF {
	color:#C30B16;
	margin-left: 20px;
	background-image: url(../images/signin.png);
	height: 25px;
	width: 75px;
	border: 2px solid #6C7848;
}

/*================== wrapper div ====================*/
#wrapper {
	width: 974px;
	margin: 0 auto;
	text-align: left;
}

/*================== top div begin ====================*/
#top {
	width:974px;
	height:26px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	float: none;
	background-image: url(../images/top_border.gif);
	background-repeat: no-repeat;
}
/*================== top div end =========================*/

/*================== header div begin ====================*/
#header {
	width:974px;
	height:362px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	float: none;
	background-image: url(../images/header_bg1_new.jpg);
	background-repeat: no-repeat;
}

#logo_area {
	margin: 0px;
	padding: 0;
	float: left;
	height: 362px;
	width: 578px;
}
.logo_background {
	padding: 0;
	height: 150px;
	width: 200px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#nav_area {
	margin: 0px;
	padding: 0;
	float: left;
	height: 362px;
	width: 396px;
}
/*-------------------top right navigation buttons--------------------*/
.top_menu {
	margin: 0px;
	padding: 0px 0px 0px 200px;
	float: left;
	height: 152px;
	width: 196px;
}
/*----------------------------home_button begin--------------------*/
.home_button {	
	border:1px none #000000;
	color:#c30b16;
	font-family: Tahoma;
	font-size: 11px;
	clear: none;
	float: left;
	margin: 0px;
	text-decoration: none;
	font-weight: bold;
	width: 65px;
	height: 51px;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-image: url(../images/home_button.gif);
	background-repeat: no-repeat;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}
.home_button:hover {
	color: #3e4723;
}
/*---------------------------------------home_button end--------------------*/

/*--------------------------------contact_button begin ---------------------*/
.contact_button {	
	border:1px none #000000;
	color:#c30b16;
	font-family: Tahoma;
	font-size: 11px;
	clear: none;
	float: left;
	margin: 0px;
	text-decoration: none;
	font-weight: bold;
	width: 66px;
	height: 51px;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-image: url(../images/contact_button.gif);
	background-repeat: no-repeat;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}
.contact_button:hover {
	color: #3e4723;
}
/*---------------------------------------- contact_button end ---------------------*/

/*-----------------------------------------login begin-----------------------------*/
.login_area {
	margin: 0px;
	float: left;
	height: 211px;
	width: 396px;
	padding: 0px;
}

.login_area a {
	color: #a00511;
	text-decoration: none;
}

.login_head {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	float: left;
	height: 40px;
	width: 300px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 80px;
}
.login_head1 {
	float: right;
	height: 70px;
	width: 250px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*--color: #000;--*/
}
.login_head1 p{
	color:#000;
	font-weight: bold;
	margin-bottom: 10px;
}
/*------------------------------------------------login_textbox begin --------------------*/
.login_textbox {
	background-color:#ffffd9;
	color:#6e7849;
	height: 18px;
	width: 185px;
	font-family: Tahoma;
	font-size: 10px;
	clear: none;
	float: left;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	border:1px solid #FFFFFF;
}
.login_textbox:hover {
	color: #000;
}
/*------------------------------------------signin_button begin-------------------------*/
.signin_button {
	color:#c30b16;
	border:1px none #000000;
	font-family: "Trebuchet MS";
	font-size: 13px;
	clear: none;
	float: left;
	text-decoration: none;
	font-weight: bold;
	width: 81px;
	height: 26px;
	background-image: url(../images/signIn_button.gif);
	background-repeat: no-repeat;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	margin: 0px;
	padding: 0px;
}
.signin_button:hover {
	color:#FFFFFF;
	vertical-align: top;
}
/*------------------------------------------ signin_button end -------------------------*/

/*================== header div end ====================*/

/*================== body div begin ======================*/  
#body {
	width:974px;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	position: relative;
	float: left;
	background-color: #ffffd9;
}

/*================== left div begin ======================*/  
#left {
	margin: 0px;
	float: left;
	width: 578px;
	height: 540px;
	padding: 0px;
	position: relative;
}
#left h1 {
	font-family: Tahoma;
	font-size: 28px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	line-height: 32px;
	font-style: normal;
	text-align: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#left h2 {
	font-family: Tahoma;
	font-size: 14px;
	color: #c30b16;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
	font-style: normal;
	line-height: 18px;
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#left p.burgundy {
	font-family: Tahoma;
	font-size: 12px;
	color: #c30b16;
	text-decoration: none;
	line-height:16px;
	text-align: justify;
	margin: 0px;	
	font-weight: normal;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-style: normal;
}
#left p.dgreen {
	font-family: Tahoma;
	font-size: 12px;
	color: #3e4723;
	line-height:16px;
	text-align: justify;
	margin: 0px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-style: normal;
}
#left a.current {
	color: #a00511;
	text-decoration: none;
	padding-left: 10px;
	line-height: 20px;
	font-weight: bold;
}

a.more:link, a.more:visited {
	color:#B4A851;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	width: 100px;
	margin: 0px;
	float: right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a.more:hover {
	color:#c30b16;
	text-decoration: none;
}

a.maillink:link {
	font-family: Tahoma;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #c30b16;
}
a.maillink:hover {
	text-decoration: underline;
	color: #000000;
}

#left img.bottom_left {
	margin: 0px;
	float: left;
	height: 153px;
	width: 140px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
}
/*---------------------- left main navigation buttons --------------------*/
.main_nav_area {
	width: 572px;
	margin: 0;
	height: 25px;
	position: relative;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3;
}
/*================== left div end ======================*/  

/*================== right div begin ======================*/
#right {
	margin: 0px;
	float: left;
	height: 540px;
	width: 396px;
	background-color: #d7db93;
	padding: 0px;
	position: relative;
}
#right h1 {
	font-family: Tahoma;
	font-size: 26px;
	font-weight: normal;
	color: #c30b16;
	line-height: 30px;		
	font-style: normal;
	text-decoration: none;
	margin: 0px;
	text-align: left;	
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;		
}
#right h2 {
	font-family: Tahoma;
	font-size: 12px;
	color: #3e4723;
	text-decoration: underline;
	margin: 0px;
	font-weight: bold;
	font-style: normal;
	line-height: 14px;
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#right p.greentext {
	font-family: Tahoma;
	font-size: 12px;
	color: #3e4723;
	line-height:16px;
	text-align: justify;
	margin: 0px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-style: normal;
}
#right img.top_right {
	margin: 0px;
	float: left;
	height: 153px;
	width: 140px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#right img.bottom_right {
	margin: 0px;
	float: left;
	height: 153px;
	width: 140px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
}
/*------------------------------------------------right_list--------------------*/
ul.right_list {
	display:block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 190px;
	padding: 0px;
}
li.right_list {
	font-family: Tahoma;
	font-size: 12px;
	color: #3e4723;
	line-height:16px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	list-style-type: disc;
	list-style-position: outside;
	margin: 0px;
	text-indent: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.nodots {
	list-style-type:none;
}
/*------------------------------------------------right_list end ---------------------*/

/*================== right div end ======================*/

/*================== body div end ======================*/

/*================== footer div begin ======================*/
#footer {
	width:974px;
	height:93px;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	float: left;
	position: relative;
}

.footer_links {
	margin: 0px;
	height: 20px;
	width: 900px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
.footer_copyrights {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	padding: 10px 0px 0px;
	float: left;
	height: 20px;
	width: 900px;
	color: #b56c33;
	text-align: center;
}
.footer_design {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	padding: 10px 10px 0px 0px;
	float: left;
	height: 20px;
	width: 890px;
	color: #f5dd92;
	text-align: right;
}
/*------------------------------------------------footerlinks --------------------*/
a.footerlink:link {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #e5dd80;
}
a.footerlink:visited {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #e5dd80;
}
a.footerlink:hover {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #FFFFFF;
}
a.footerlink:active{
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #e5dd80;
}
/*------------------------------------------------footerlinksend--------------------*/

/*================== footer div end ======================*/