/* 
		Stylesheet for lsrhs.net
		Copyright 2007 John Tylko 
*/

/* general page layout */
body {
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:100;
	font-variant:normal;
	font-family: "Lucida Grande", Arial, san-serif;
	background: #25324b url(../i/bg2.gif) repeat-x top left;
	background-attachment: fixed;
	color:#FFFFFF;
}
#container {
	margin:10px auto 5px auto;
	padding:0 0 0px 0;
	position:relative;
	text-align:left;
	width:800px; /* also set in credits below */
	background-color:#F8F8F8;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
}
.clear {
	clear:both;
}
/* font styling */
a {
	color:#333333;
}
a:hover {
	color:#666666;
}
p {
	line-height: 1.3em;
}
.sectiontitle {
	font-size: 140%;
	color: #000000;
}
.smallnote {
	font-size:75%;
	font-style:italic;
	color:#666666;
}

/* main sections */
/* header */
#header {
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	height: 200px;
	position: relative;
}
#header_img1,
#header_img2 {
	position:absolute;
	top:0;
	left:0;
}

/* Content section of page */

#wrapper {
	position:relative;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../i/bg_sidebar.gif);
	background-repeat: repeat-y;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
}

/* sidebar navigation */
#sidenav {
	margin:0;
	padding:0px;
	text-align: left;
	width:179px;
	float:left;
	font-size:80%;
}
#sidenav ul {
	display:block;
	list-style-type: none;
	margin:0;
	padding:0px;
	width: 179px;
}
#sidenav ul li {
	width: 179px;
	margin:0;
	padding:0px; 
	color:#ffffff;
	background-image:url(../i/bg_sidebutton_40.jpg);
	background-repeat: repeat-x;
	height:auto;
	padding-bottom:5px;
}
#sidenav ul li a {
	display:block;
	color:#ffffff;
	text-decoration: none;
	padding: 10px 0 0 15px;
}
#sidenav ul li a img {
	vertical-align: bottom;
}
#sidenav ul li ul {
	width: 164px;
	background-color: #f8f8f8;
	font-size:90%;
	color:#000000;
	margin:0;
	padding:10px 0 10px 15px;
	background-image: none;
}
#sidenav ul li li {
	width: 164px;
	height: 1.4em;
	line-height: 1.4em;
	margin:0px 0 0px 0px;
	padding:0px;
	background-image: none;
	background-color:#FFFFFF
}	
#sidenav ul li li a {
	color:#000000;
	padding:0;
}
#aboutus, 
#academics,
#community,
#resources,
#info {
	margin:0;
	padding:0;
}

/* main page content */
#content {
	margin:0 0 0 0;
	padding: 0 0 10px 0;
	float:left;
	position:relative;
	width:618px;
	color:#333333;
}
#pagecode {	/* this div is purely to allow dreamweaver design view to show proper background color */
	margin:0 0 0 1px;
	padding:0;
	background-color:#f8f8f8;
}
.section {
	width: 577px; /* from 578 for DW fix */
	margin:0 0 0 0;
	padding: 20px 20px 0 20px;
	text-align:left;
	font-size: 83%;
}
.divider_horiz {
	padding:0;
	margin:0;
}

.section dl {
	margin:5px 0 0 0;
	padding:0;
}
.section dt {
	color:#000000;
	margin:0;
	padding:8px 0 0 0;
}
.section dd {
	color:#333333;
	font-size: 85%;
	margin:0;
	padding:5px 0 5px 0;
	line-height: 1.3em;
}

#quicklinks {
	margin:30px 0 10px 0;
	padding:0;
	text-align: center;
}
#search {
	margin:20px 0 0 0;
	padding:0;
	color:#333333;
	font-size:90%;
	line-height: 1.5em;
}
#footer {
	text-align: center;
	margin:0px 0 0px 0;
	padding:0 0 10px 0;
	font-size:75%;
	color:#333333;
	border-top-width: 1px;
	border-top-color:#666666;
	border-top-style: solid;
}
#footer p {
	line-height: 1.5em;
}
#credits {
	font-size:70%;
	color:#ffffff;
	margin:0px auto 10px auto;
	padding:0;
	height:2em;
	text-align: left;
	width:800px; /* also set in container above */
	position: relative;
}
#credits a {
	color:#ffffff;
}
#updatecredit {
	margin:0;
	padding:0;
	float:right;
}
#designcredit {
	margin:0;
	padding:0;
	float:left;
	width:350px; /* need to specify to maintain space for it with javascript replacement scheme */
}
#photocredit {
	display:inline;
	margin:0;
	padding:0;
	position:relative;
	height: 1em;
	width:150px; /* need to specify to maintain space for it with javascript replacement scheme */
}
#photocred_1,
#photocred_2 {
	position:absolute;
	top:0;
	left:0;
	height: 1em;
	width:inherit;
}