@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;
}

iframe {
	padding: 10px 20px;
}

/* 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(/jrhigh/images/Logo_330.png) 0 -11px no-repeat;
}

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

/* 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(/jrhigh/images/navbar.png) 0 0 no-repeat;
}

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

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

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

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

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

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

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

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

a#parents: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/photohead2011.png) -26px -26px 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)" ";
vertical-align: middle;
}

#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;
cursor: pointer;
}

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;
}