@charset "utf-8";

/* Colors:

White: #fff

Dark Orange: #b35d16

Tan: #d5ccb4
Dark Brown: #171004
Very Dark Brown: #0c0802
*/

@import url(default.css);

/* Base Styles */
body
{
	color:#0c0802;
	background: #171004 url(/images/jrHighSchool/backgrounds/body_bg.png) -20% 0 repeat;
	font:normal 11px Verdana, Geneva, sans-serif;
}

/* Wrapper */
#wrapper
{
	width:856px;
	height:933px;
	background:transparent url(/images/jrHighSchool/backgrounds/wrapper_bg.png) 0 0 no-repeat;
  position:absolute;
  top:225px;
  left:50%;
  margin-left:-428px;
}

/* Colormess */
.colormess
{
	background:transparent 0 0 no-repeat;
  position:absolute;
}

#top
{
	width:1056px;
  height:319px;
  background-image:url(/images/jrHighSchool/art/colormess_top.png);
  top:0;
  left:50%;
  margin-left:-610px;
}

#left
{
  width:306px;
  height:592px;
  background-image:url(/images/jrHighSchool/art/colormess_left.png);
  position:absolute;
  top:319px;
  left:50%;
  margin-left:-619px;
}

#bot
{
  width:319px;
  height:302px;
  background-image:url(/images/jrHighSchool/art/colormess_bot.png);
  position:absolute;
  top:900px;
  left:50%;
  margin-left:178px;
}

/* Logo */
#logo
{
  width:355px;
  height:160px;
  position:absolute;
  top:87px;
  left:50%;
  margin-left:55px;
}

#logo h1
{
	text-indent:-5000px;
}

#logo h1 a
{
  width:355px;
  height:160px;
  display:block;
  background:transparent url(/images/jrHighSchool/navigation/logo.png) 0 0 no-repeat;
}

#logo h1 a:hover
{
	background-position:0 -158px;	
}

/* Navigation */
#nav
{
  width:728px;
  height:73px;
  margin:0 auto;
  position:relative;
  top:4px;
}

#nav ul {
  width:728px;
  height:73px;
  list-style:none;
}

#nav ul li {
  float:left;
  display:inline;
  text-indent:-5000px;
}

#nav ul li a {
  display:block;
  height:73px;
}

a#events {
  width:133px;
	background:transparent url(/images/jrHighSchool/navigation/navbar.png) 0 0 no-repeat;
}

a#events:hover {
	background-position:0 -73px;	
}

a#staff {
  width:121px;
	background:transparent url(/images/jrHighSchool/navigation/navbar.png) -133px 0 no-repeat;
}

a#staff:hover {
	background-position:-133px -73px;	
}

a#forms {
  width:133px;
	background:transparent url(/images/jrHighSchool/navigation/navbar.png) -254px 0 no-repeat;
}

a#forms:hover {
	background-position:-254px -73px;	
}

a#downloads {
  width:175px;
	background:transparent url(/images/jrHighSchool/navigation/navbar.png) -387px 0 no-repeat;
}

a#downloads:hover {
	background-position:-387px -73px;	
}

a#contact {
  width:166px;
	background:transparent url(/images/jrHighSchool/navigation/navbar.png) -562px 0 no-repeat;
}

a#contact:hover {
	background-position:-562px -73px;	
}

/* Photohead */
#photohead
{
  margin:0 auto;
  position:relative;
  top:10px;
  left:57px;
}

#photohead q
{
	width:751px;
  height:259px;
  display:block;
	background:transparent url(/jrhigh/images/photohead.png) 0 0 no-repeat;
	text-indent:-5000px;
}

/* Content */
#content
{
	width:752px;
  height:359px;
  margin:0 auto;
  padding:32px 0 0 0;
	background:transparent url(/images/jrHighSchool/backgrounds/content_bg.png) 0 0 no-repeat;
  position:relative;
  left:-1px;
}

#content > div
{
	margin-left:25px
}

#content h2
{
  display:block;
  text-indent:-5000px;
  position:relative;
  top:6px;
}

#content h2.index
{
  width:289px;
  height:59px;
  margin:0 0 0 30px;
  background:transparent url(/images/jrHighSchool/headings/areYou_hd.png) 0 0 no-repeat;
}

#content h2.events
{
  width:266px;
  height:51px;
  margin:0 0 0 50px;
  background:transparent url(/images/jrHighSchool/headings/needSomething_hd.png) 0 0 no-repeat;
}

#content h2.staff
{
  width:303px;
  height:43px;
  margin:10px 0 0 48px;
  background:transparent url(/images/jrHighSchool/headings/staff_hd.png) 0 0 no-repeat;
}

#content h2.forms
{
  width:316px;
  height:52px;
  margin:0 0 0 50px;
  background:transparent url(/images/jrHighSchool/headings/download_hd.png) 0 0 no-repeat;
}

#content h2.downloads
{
  width:471px;
  height:52px;
  margin:0 0 0 50px;
  background:transparent url(/images/jrHighSchool/headings/desktopBG_hd.png) 0 0 no-repeat;
}

#content h2.contact
{
  width:295px;
  height:41px;
  margin:10px 0 0 41px;
  background:transparent url(/images/jrHighSchool/headings/contact_hd.png) 0 0 no-repeat;
}

#content h3.index
{
  width:99px;
  height:18px;
  margin:18px 0 2px 50px;
  display:block;
  background:transparent url(/images/jrHighSchool/headings/meeting_hd.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#content h3.contact
{
  width:76px;
  height:17px;
  margin:18px 0 2px 50px;
  display:block;
  background:transparent url(/images/jrHighSchool/headings/questions_hd.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#content p
{
  line-height:18px;
  margin:0 0 20px 50px;
  padding:0 35px 0 0;
}

#content p.downloads
{
	margin:0 0 0 25px;
  padding:0;
	float:left;
}

#content p.downloads img
{
	width:140px;
}

#content a
{
	color:#0c0802;
  text-decoration:none;
}

#content a:hover
{
  text-decoration:underline;
}

#content a[href$=".pdf"]:before
{
	content: url(/images/pdficon_small.gif)" ";
}

#content img.staff
{
	margin:0 15px 0 48px;
	border:1px solid #0c0802;
  float:left;
}

/* Sub-Content */
#sub_content
{
  width:732px;
  height:147px;
  margin:0 auto;
  position:relative;
  top:-28px;
}

#sub_content ul
{
	list-style:none;	
}

#sub_content ul li
{
  float:left;
  display:inline;
}

#sub_content ul li a
{
  width:183px;
  height:147px;
  display:block;
  text-indent:-5000px;
}

#sub_content ul li a:hover
{
	background-position:0 -148px;	
}

a#blog
{
	background:transparent url(/images/jrHighSchool/buttons/blog.png) 0 0 no-repeat;
}

a#photos
{
	background:transparent url(/images/jrHighSchool/buttons/photos.png) 0 0 no-repeat;
}

a#facebook
{
	background:transparent url(/images/jrHighSchool/buttons/facebook.png) 0 0 no-repeat;
}

form#email
{
  width:183px;
  height:147px;
  display:block;	
	background:transparent url(/images/jrHighSchool/buttons/email.png) 0 0 no-repeat;
  text-align:center;
}

form#email:hover
{
	background-position:0 -148px;	
}

form#email input[type="text"]
{
	margin:74px 0 6px 0;
  color:#0c0802;
  background-color:#d5ccb4;
  border:1px solid #0c0802;
}

form#email input[type="submit"]
{
	color:#fff;
  background-color:#b35d16;
  border-color:#b35d16;
  border-style:solid;
  font-weight:bold;
}

form#email:hover input[type="submit"]
{
	color:#000;	
}

/* Footer */
#footer
{
  width:742px;	
  height:83px;
  margin:0 auto;
  background:transparent url(/images/jrHighSchool/backgrounds/footer_bg.png) 0 0 no-repeat;
  position:relative;
  top:-29px;
  left:-2px;
}

#footer p
{
  padding:32px 7px 0 13px;
  color:#fff;
}
#footer a
{
  color:#fff;
  text-decoration:none;
}
#footer a:hover
{
  text-decoration:underline;
}