html, body { 
margin : 0;
padding : 0;
} 
body { 
font : 73% Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
background : #ccc url(images/bg.jpg) top center repeat-y;
color : #555;
} 
			/*WRAP*/
#wrap {
	width : 760px;
	margin-left : auto;
	margin-right : auto;
	color : #555;
	background : url(images/wrap_bg.jpg) repeat-x;
	padding-top: 0;
	padding-right: 25;
	padding-bottom: 0;
	padding-left: 25;
} 
			/*BANNER*/
#masthead { 
height : 200px;
padding : 0;
margin-bottom : 0;
} 
			/*MAIN CONTAINER*/
#container {
	width : 770px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 10px;
	padding : 0;
} 
				/*MAIN CONTENT*/
#content { 
padding : 1em;
margin : 0 240px 0 0;
border-right : 1px solid #eee;
border-bottom: 1px dashed;
border-bottom: 1px solid;
} 
				/*SIDEBAR*/
#sidebar { 
float : right;
width : 200px;
margin-top : 0;
padding : 1em;
} 
				/*FOOTER*/
#footer { 
clear : both;
height : 50px;
padding : 0;
margin-bottom : 0;
margin-top : 40px;
text-align : center;
border-top : 5px solid #E80202;
color : #fff;
background : #000;
} 
				/*TYPOGRAPHY*/
h1 { 
float : left;
margin : 0;
padding : 50px 0 20px 25px;
font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
letter-spacing : 5px;
color : #fff;
} 
h2 {
	float : left;
	margin : 0;
	font : 90% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
	letter-spacing : 3px;
	color : #000000;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0;
} 
h3 {
	margin : 0;
	padding : 20px 0 20px 0;
	border-bottom : 1px solid #aaa;
	font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
	text-transform : uppercase;
	letter-spacing : 3px;
	color : #000000;
}
blockquote {
	font-weight : bold;
	font-style : italic;
	border-bottom : 1px solid #aaa;
	border-top : 1px solid #aaa;
	color : #000000;
} 
			/*LINKS*/
a:link, a:visited {
	color : #000000;
	background : inherit;
	text-decoration : underline;
} 
a:hover { 
color :  #636363;
background : inherit;
text-decoration : none;
} 
a img {
border: 0;
} 
#links a, #footer a{text-decoration: none;}
#links a:hover, #footer a:hover{text-decoration: underline;}
			/*IMAGES*/
.left { 
float : left;
border : 0 solid #656c4a;
margin : 5px 0 10px 0;
padding : 10px;
}
			/*SEARCH BOX*/
legend { 
color : #E80202;
} 
input { 
background : #eee;
} 

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{
	color: #FFFFFF;
	background-color: #FFF;
	background-image: url(../../../luthermiddleschool/style/orange_menu.jpg);
} 

#menu
{
	color: #444;
}

#menu li a
{
	color: #FFFFFF;
	background-color: #2E2E2E;
}

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{
	color: #FFF;
	background-color: #2E2E2E;
} 

#links a, #footer a, #links a:hover, #footer a:hover
{
	background: transparent;
	color: #CCCCCC;
}

#links, #footer, #menu, #menu li a
{
	color: #ffffff;
	border-color: #FFFFFF;
	background-color: #FFF;
	background-image: url(images/menu.jpg);
	padding: 0px;
}

/* links above the logo / footer */
#links, #footer
{
	width: 720px;
	height: 36px;
	font-size: 88%;
	text-transform: uppercase;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	clear: none;
	float: none;
	margin: auto;
}

#links{
	text-align: right;
}

#footer
{ text-align: center; 
  border-top: 2px solid;
}

#links a, #footer a{text-decoration: none;}

#links a:hover, #footer a:hover{text-decoration: underline;}