/*
----------------------------------------
 Educational Success - screen.css
 by:   alex arsenault
 rev:  05 Apr 2007
----------------------------------------*/

/*------------------------------
 GENERAL
------------------------------*/
* {
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
}
body {
	background:#FFF url(../img/page_bg.jpg) no-repeat right 100px;
	color:#000;
	font-family:Helvetica, Arial, Sans-serif;
	min-width:680px;
}
p {
	color:#000;
	font-size:1.1em;
	line-height:1.5em;
	margin:0.7em 0;
}
p.clear {
	clear:left;
}

/*------------------------------
 HEADERS
------------------------------*/
h1, h2.contact-us {
	font-family:Arial,"Gill Sans", Arial, Helvetica, sans-serif;
}
h1 {
	border-bottom:#CCC 2px solid;
	color:#333;
	font-size:2.1em;
	margin:0 0 0.4em 0;
	width:100%;
}
h2 {
	color:#633;
	font-size:1.0em;
	font-weight:bold;
	margin:0.7em 0 0;
	padding:0 0 0.2em;
	text-transform:uppercase;
}

/*------------------------------
 IMAGES
------------------------------*/
img.img-box {
	background-color:#333;
	border:#696 9px solid;
	display:block;
	float:left;
	padding:1px;
	margin:0 1.0em 1.0em;
}
img.staff-info {
	border:#CCC 1px solid;
	display: block;
	margin-bottom:0.3em;
	height:120px;
	width:450px;
}

/*------------------------------
 HEADER
------------------------------*/
#header {
	background:#633;
	border-bottom:#933 4px solid;
	height:100px;
}
#logo {
	font-size:2.2em;
	color:#FFF;
	position:absolute;
	top:15px;
	left:15px;
	line-height:0.75em;
}
#logo em {
	font-family:Baskerville, Garamond, "Times New Roman", Serif;
	font-style:inherit;
}
#logo span {
	font-family:inherit;
	color:#999;
	display:block;
	font-size:0.5em;
	text-transform:uppercase;
}
	
/*------------------------------
 NAVIGATION
------------------------------*/
#nav-wrapper {
	height:100%;
	position:relative;
}
#nav-wrapper div {
	position:absolute;
	bottom:0;
	right:0;
}
#nav {
	font-size:0.9em;
	list-style:none;
	height:100%;
	margin-right:0.3em;
}
#nav li {
	background:url(../img/nav_off_right.gif) no-repeat right top;
	float:left;
	margin-left:0.3em;
	text-transform:uppercase;
}
	
/*------------------------------
 LINKS
------------------------------*/
#nav li a {
	border:none;
}
#nav li a:link,
#nav li a:active,
#nav li a:visited {
	background:url(../img/nav_off_left.gif) no-repeat left top;
	border:none;
	color:#333;
	display:block;
	font-size:0.9em;
	font-weight:bold;
	padding:0.5em 0.9em 0.3em;
	text-decoration:none;
}
#nav li a:hover {
	background:url(../img/nav_off_left.gif) no-repeat left top;
	color:#FFF;
}
#nav li:hover {
	background: url(../img/nav_off_right.gif) no-repeat right top;
}
#nav li#here {
	background: url(../img/nav_on_right.gif) no-repeat right top;
}
#nav li#here a {
	background: url(../img/nav_on_left.gif) no-repeat left top;
	color: #FFF;
	cursor: default;
}
a {
	text-decoration: none;
}
#body-content p a:link {
	border-bottom: #666 1px solid;
	color: #666;
}
#body-content p a:hover {
	border: none;
	color: #999;
}
#body-content p a:active {
	border: none;
	color: #633;
}
#body-content p a:visited {
	border-bottom: #999 1px solid;
	color: #999;
}
h2 a {
	color: #622;
	font-weight: bold;
	text-decoration: underline;
}
h2 a:hover {
	color: #C00;
	text-decoration: none;
}

/*------------------------------
 CONTENT
------------------------------*/
#body-content {
	margin:20px 0 10px 55px;
	position:relative;
	width:80%;
}
#body-content p span.r {
	color:#C00;
	font-style:italic;
	font-weight:bold;
}
#body-content ul,
.tri-col-float ul {
	list-style:none;
	margin:0 0 15px 0;
	padding-left:1.0em;
	text-indent:-1.0em;
}
#body-content ul li:before,
#body-content .tri-col-float ul li:before {
	content:'\203A \0020';
	font-size:1.3em;
	font-weight:bold;
	color:#696;
}
#body-content ul li.nobullet:before,
#body-content ul li.note:before {
	content:'';
}
#body-content ul li.nobullet {
	padding-left:0.6em;
	text-indent:-0.6em;
}
#body-content ul li.note {
	list-style-position:inside;
	color:#696;
	list-style-type:disc;
}
#body-content ul li.note b {
	color:#000;
}

/*------------------------------
 MULTI-COLUMN LISTS
------------------------------*/
div.tri-col-float {
	margin-right:3.0em;
	float:left;
}

/*------------------------------
 FOOTER
------------------------------*/
#footer-wrapper {
	clear:both;
	position:relative;
	display:block;
	padding:0 0.8em;
	text-align:center;
	margin:1.0em 0 1.0em 0;
	padding-bottom:20px;
}
#footer {
	display:block;
	float:left;
 	position:absolute;
	left:0;
	right:0;
	margin-left:0;
	margin-right:0;
	max-width:2000px;
	z-index:1;
	margin-left:17px;
	margin-right:10px;
	text-align:left;
}
#footer #footer-content,
#footer #x {
	background:transparent url(../img/page_footer.png) no-repeat top right;
}
#footer #footer-content {
	position:relative;
}
#footer-content {
	padding:0 0.6em;
}
#footer #x {
	position:absolute;
	left:0px;
	top:0px;
	width:7px;
	margin-left:-7px;
	height:100%;
	background-position:top left;
}
#footer p {
	color:#FFF;
	font-family:Verdana, Arial, sans-serif;
	font-size:0.8em;
 	padding:0.4em 0.2em;
	text-transform:none;
}
#footer a:link,
#footer a:active,
#footer a:visited {
	border-bottom:#633 1px solid;
	color:#633;
	text-decoration:none;
}
#footer a:hover {
	border-bottom:#C00 1px solid;
	color:#C00;
	cursor: hand;
	text-decoration:none;
}