@charset "utf-8";
/* CSS Document */

/**********************************************************************
* 
* New styles - 
* 
***********************************************************************/


/**** Site wide
*****************/
body { background-attachment: scroll; background: #98BADC url(/portfolio/bowieband/images/topbgd2.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; margin:0; }

a         { color: #2944D7; }
a:hover   { color: #C64B1C; }
a:visited { color: #996633; }

/* Prevent focus box from appearing around links */
a       { outline: none; }
a:focus { outline: none; }


/*** clearfix ***/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/***** end clearfix *****/

#wrapper { position: relative; }

.orgdotseparator { background-image: url(/portfolio/bowieband/images/horiz_dots.gif); background-repeat: repeat-x; margin: 6px 0; padding: 0; height: 3px; }
.clearfloat { clear: both; }
fieldset { -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }

/*****************************  Header  ******************************/

/****  Top Navigation
***********************/
#topflash { position: relative; background: #CCCC00 }
#noflashlinks { position: absolute; height: 50px; left: 600px; }

#nav{position:absolute; width:760px; height:31px; left: 0px; top: 79px; z-index: 5;}
#nav ul { list-style-type: none; margin: 0; padding: 0; }
#nav ul li { float: left; }

.linkstyle { display: block; margin: 0; padding: 0; background-color: #ED6A1C; list-style-type: none;
			 border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 2px solid #000000; }
.linkstyle li { font-size: 95%; font-weight: normal; color:#333333; }
.linkstyle li a { display: block; padding: 3px 0 3px 7px; color: #FFFFFF; }
.linkstyle li a:hover { background-color: yellow; color: #000000; text-decoration: underline; }

.nolink { padding: 3px 0 3px 7px; font-weight: bold; }

#datelayer { position:absolute; width:110px; height:25px; left: 684px; top: 72px; font-size: .7em; font-weight: bold; z-index:10; }

/* Drop menus */
#menucontainer { z-index: 10; }
#menu { position: absolute; left: 114px; top: 110px; font-size: .7em; z-index: 5; }

#sitelinks { position:absolute; left: 0px; top: 0px; width: 155px; margin: 0; padding-top: 9px; display: none; background: url(/portfolio/bowieband/images/navdropbg.gif) 0 top repeat-x; }
#football { position:absolute; left: 77px; top: 0px; width: 155px; margin: 0; padding-top: 9px; display: none; background: url(/portfolio/bowieband/images/navdropbg.gif) 0 top repeat-x; }
#contests { position:absolute; left: 172px; top: 0px; width: 170px; margin: 0; padding-top: 9px; display: none; background: url(/portfolio/bowieband/images/navdropbg.gif) 0 top repeat-x; }
#pictures { position:absolute; left: 260px; top: 0px; width: 162px; margin: 0; padding-top: 9px; display: none; background: url(/portfolio/bowieband/images/navdropbg.gif) 0 top repeat-x; }
#calendar { position:absolute; left: 346px; top: 0px; width: 145px; margin: 0; padding-top: 9px; display: none; background: url(/portfolio/bowieband/images/navdropbg.gif) 0 top repeat-x; }
#info { position:absolute; left: 439px; top: 0px; width: 170px; margin: 0; padding-top: 9px; display: none; background: url(/portfolio/bowieband/images/navdropbg.gif) 0 top repeat-x; }

#hideall { position:absolute; left: 0px; top: 71px; width:760px; height:480px; display: none; z-index: 1; }

/*************/

/**** Archive link bar
*************************/
#archives { display: block; position: absolute; left: 0; top: 40px; width: 175px; height: 11px; background: url(/portfolio/bowieband/images/archive.gif) no-repeat; margin: 0; padding: 0; }
#archives:hover { background: url(/portfolio/bowieband/images/archive-over.gif) no-repeat; }

/**********************************************************************/



/*****************************  Content  ******************************/

#contentcontainer { width: 760px; position:relative; margin-bottom: 20px; }
.content { 
	background: #FFF; position: absolute; top: 160px; left: 30px;
	width: 760px; border: 1px solid #b0360b; padding: 10px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;
}
.bdaycontent { 
	background: #FFF; position: absolute; top: 0px; left: 30px;
	width: 760px; border: 1px solid #b0360b; padding: 10px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;
}

ul.linkpagetxt{ float: left; width: 42%; margin-right: 15px; }

/*********  Sub-Category Styles **********/

/**** Links
*************************/


/**** Football
*************************/
#schedule td { font-size: .9em; }
#schedule td h3 { font-size: 1.3em; margin: 8px 0 }
.playoffs { font-weight: bold; font-size: .75em !important; }
.homecoming { color:#0000FF;}
.seniornite { color:#FF0000;}
.right { text-align: right; }


/**** Contests
*************************/


/**** Pictures
*************************/
.thumbstyle { padding: 0; margin: 8px; float: left; height: 50px; width: 75px; }
.thumbstyle img { border: 1px solid #000000; margin: 0; padding: 0;}

/*** Photo navigation Menu ***/
.mnav { list-style-type: none; margin: 0; padding: 0; }
.gmenu { /*width: 600px;*/clear: both; }
.prevlink { float: left; margin-left: 4px; margin-right: 8px; }
.prevlink a       { display: block; text-decoration: none; color: #666666; border: 1px solid #D4D4D4; background-color:#F0F0F0; padding: 2px 6px; font-size: .75em; }
.prevlink a:hover { color: #333333; background-color: #D4D4D4; }
.prevtxt  { float: left; margin-left: 4px; margin-right: 8px; padding: 2px 6px; font-size: .75em; border: 1px solid #D4D4D4; }

.topmenu  { float: left; margin-left: 4px; margin-right: 4px; padding: 3px 0; font-size: .75em; }
.topsep   { float: left; font-size: 1em; }
.nextlink { float: left; margin-left: 8px; }
.nextlink a       { display: block; text-decoration: none; color: #666666; border: 1px solid #D4D4D4; background-color:#F0F0F0; padding: 2px 6px; font-size: .75em; }
.nextlink a:hover { color: #333333; background-color: #D4D4D4; }
.nexttxt  { float: left; margin-left: 8px; padding: 2px 6px; font-size: .75em; border: 1px solid #D4D4D4; }
/*** End phot navigation menu ***/



/**** Birthdays
*************************/
.birthdays { background-image: none; margin: 0; padding: 0; }
h3.birthdaytitle { margin: 0; padding: 0; }

/**** Guestbook
*************************/
.signbook { display: block; height: 2em; background: url(/portfolio/bowieband/bhs/signing.gif) 170px top no-repeat; }
.bhsentry { background-image: none; margin: 0; padding: 0; }
.bhsentry > form > table { background: #FFF; }


/**** Calendar
*************************/
#calendarcontainer { background-color: #FFFFFF;}
#calendarlinks { text-align: center; }
#calendarlinks ul { margin: 0; padding: 0; list-style: none; }
#calendarlinks ul li { float: left; padding: 4px 0; width: 238px; }
#calendarlinks ul li a { font-size: .9em; }

.cday { width: 100px; border: 1px solid #FF9900; padding: 2px; font-size: .7em; }
.wday { width: 100px; border: 1px solid #FF9900; padding: 2px; text-align: center; font-size: .9em; font-weight: bold; }
.previous { margin-left: 10px; text-align: left;  }
.next { text-align: right; }
.detail { margin: 0; }

.textheading { color: #0000CC; font-weight: bold; text-align: center; }

.schedmenu { list-style-type: none; display: block; background: #FF9900; overflow: auto; padding: 20px 10px 0 38px; margin: 0; 
			-moz-border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px }
.schedmenu li { float: left; width: 45%; margin-right: 30px;  }
.schedmenu fieldset { height: 100px; position: relative; background: #FFF; 
						-moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.schedmenu fieldset legend { position: absolute; left: 10px; top: 0px; }
.schedmenu fieldset legend h2 { margin: 0; }

#afterschoolschedule { background: url(/portfolio/bowieband/info/images/IMG_0023.jpg) no-repeat; overflow: hidden; }
#afterschoolschedule ul { list-style-position: inside; margin: 0; padding: 0; }
#afterschoolschedule li { background: rgba(127,127,255,0.85); color:#FFF; padding: 10px; margin-bottom: 4px; }
#afterschoolschedule li p { margin: 2px 0; }
#afterschoolschedule legend h4 { display: inline; }
#afterschoolschedule legend { background: #FF9900; padding: 5px 15px; box-shadow: 3px 3px 4px #333;  }

/**** Info
*************************/
.bio { margin: 0 0 20px 0; overflow: auto; }
.bio .biopic { margin: 0 35px 0 0; float: left; }
.bio .bioinfo li { font-size: .8em; margin: 0; padding: 0 0 3px 0; }

#infonav { text-align: center; }
#infonav ul { list-style-type: none; margin: 0; padding: 0; overflow: auto;  }
#infonav ul li { display: inline-block; }
#infonav ul li a { display: block; padding: 3px 2px; }

.contactinfo { border: dashed 2px #CC3300; padding: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
.contactinfo ul { list-style-type: none; margin: 0; padding: 0; overflow: auto; }
.contactinfo ul li { float: left; width: 47%;  }
.contactinfo ul li + li { margin-left: 30px; }

.boosters { padding: 0; margin: 8px 10px 0 0; float: left; }
.boosters img { border: 1px solid #000000; margin: 0; padding: 0;}

#charms .ctitle { text-align: center; }

/** Student Contact Info sub nav **/
.contactinfo .cinfosubnav { text-align: center; }
.contactinfo .cinfosubnav ul { list-style-type: none; margin: 0; padding: 0; }
.contactinfo .cinfosubnav ul li { display: inline-block; width: 47.5%; text-align: left;  }
.contactinfo .cinfosubnav ul li.right { text-align: right; }
.stinfo { margin-bottom: 10px; border-bottom: 1px solid #FF9900; padding: 0 0 4px 8px; }

#addinfoform { background: #98BADC none; }
#addinfoform table#myinfo { border: 1px solid #000000; background: #FFCC00; }


.downloads { display: block; overflow: auto; width: 85%; list-style-type: none; margin: 0 auto; padding: 0; }
.downloads li { float: left; width: 29%; margin-right: 1%; padding: 10px; }
.downloads li img { margin-left: 15px; }

.downloads li ul { width: 100%; margin: 0; padding: 0 0 0 15px; list-style-type: disc; }
.downloads li ul li { float: none; width: 100%; padding: 0; }
.downloads li span { display: block; margin-top: 6px; font-size: 80%; }
/****************  End Sub-Category Styles  ******************/



/**** Features
**********************/
#personalizecontainer { position: absolute; top: 135px; left: 40px; /*width: 624px;*/ height: 190px; margin: 0; padding: 0; }
#personalize { position: absolute; left: 400px; width:200px; height:90px; padding-top: 10px; z-index: 5000; display: none; border:1px solid #000000; text-align: center; background-color: #efefef; }
#personalize ul { list-style-type: none; margin: 0; padding: 0; }
#bookmark { padding-left: 15px; float:left; font-size: .8em; }
#bookmark ul { list-style-type: none; margin: 0; padding: 0; }
#bookmark ul li { float: left; margin-right: 15px; color: #FFCC33 }

.prsnlz { font-size: .9em; color:#000000; }
a.prsnlz:link { font-size: .9em; color:#ffffff; font-weight:bold; text-decoration: none; }
a.prsnlz:visited { color: #FFFFFF; }
a.prsnlz:hover { color:#FFFFFF; font-weight:bold; text-decoration: underline; }
.bookmark { color: #FFF; }
.bookmark:hover { color: #FFF;text-decoration: none; }
#myName { margin: 5px 0; }

#volscard { background: #fff url(/portfolio/bowieband/images/VolsCard_Org.gif) no-repeat left 25px; padding: 0 8px 8px 8px; height: 320px; }
#volscard > p { margin-top: 220px; }
#volscard h4 { font-size: 1.3em; }
#cardinfobtn       { display: block; text-align: center; width: 250px; padding: 10px; margin: 10px 5px 5px 5px; border: 1px solid #FF6600; background-color: #FFE6BF; font-weight: bold; text-decoration: none; color: #003399; font-size: 1em;	-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
#cardinfobtn:hover { background-color: #FF6600; text-decoration: underline; }




#winterdrumline p  { margin: 10px 0; font-size: .9em; }
#winterdrumline h4 { font-size: 1.1em; }
#winterdrumline img { width:200px; height:132px; border:0; float: left; margin: 0 10px 0 0; }



#wheniwasinband{
	border: 1px solid #b0360b; padding: 10px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;
	width: 60%; font-size: .8em; margin: 10px auto;
}
#wheniwasinband div { margin: 10px 0 0 0; padding-top: 5px;border-top: 1px dashed #cc3300; }

.strikeout { text-decoration:line-through; }
.author{ display: block; font-size: .75em;}

.jhsphoto-r { float: right; margin: 5px 0 10px 10px; }
.jhsphoto-r span,.jhsphoto-l span { display: block; text-align: center; }
.jhsphoto-l { float: left; margin: 5px 10px 10px 0; }
.border-only { border: .1em solid #000000; }
.jhsphoto-l .border-shadow { border: .1em solid #000000; margin-right: .5em; margin-bottom: .5em; box-shadow: 7px 7px 4px #333333; }
.jhsphoto-l .border-shadow:hover, .jhsphoto-r .border-shadow:hover { box-shadow: 5px 6px 4px #333333; transform: translateY(2px); }
.jhsphoto-r .border-shadow { border: .1em solid #000000; margin-right: .5em; margin-left: .5em; margin-bottom: .5em; box-shadow: 7px 7px 4px #333333; }

.breadcrumb a { font-size: .7em; }
.caption { font-size: .7em; }

.map-page { background: #98BADC none; margin: 0; padding: 0; }
.map-info { background: #FFFFFF; overflow: auto; }
.map-info ul { display: block; list-style-type: none; margin: 0 auto; padding: 0; overflow: auto; }
.map-info ul li { float: left; padding: 5px 10px; width: 47%; }
.print-map { background: #FFFFFF; padding: 10px 15px; position: fixed; bottom: 0; width: 97%; }
.print-map a { background: url(/portfolio/bowieband/images/printer_friendly.gif) 10px 0px no-repeat; padding: 7px 0 7px 40px; }
.map-info,.print-it { font-size: .9em; }
#map-canvas { width: 98%; height: 26.5em; margin: 8px; border:1px solid #000000; }


/**********************************************************************/



/*****************************  Footer  ******************************/
/******  Footer  *******/
#footer           { padding: 0; }
.disclaim { float: left; width: 68%; margin-right: 25px; }
.disclaim p         { font-size: .8em; text-align: center; }
#footer h5        { font-size: .9em; }
#footer ul.fmenu  { list-style-type: none; display: block; border-top: 1px solid #b0360b; border-bottom: 1px solid #b0360b; overflow: auto; }
#footer ul.fmenu li { float: left; font-size: 80%; text-transform: uppercase; }
#footer ul.fmenu li a { display: block; padding: 5px 8px; text-decoration: none; }
#footer ul.fmenu li a:hover { text-decoration: underline; }

.center { text-align: center; }
h5.center span { color: #3333CC; }


.archivelist { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; padding: 10px 0 10px 8px; background-color:#FFF8E6; border: 1px solid #7EA5D3; overflow: auto; }
.archivelist ul { margin: 0; padding: 0 0 0 25px; }
.archivelist ul li { font-size: .7em; margin-bottom: 6px; }
.archivelist h5 { margin: 6px 0;}

/**********************************************************************/