/* stylesheet.css */

/* Universal style rule */ 
*{ 
/* Block all browser default margins and padding */ 
  margin: 0; 
  padding: 0; 
/* Temporary borders */ 
 /* border: dashed 1px #f00; */
} 

/* Body text and page background */
body
{
 margin: 0;
 padding: 0;
 font-family: arial,helvetica, sans-serif;
 font-size: 10pt;
 color: #000000;
 background-color: #FF0000;
 background-image: url("pix/brick.jpg");
 background-repeat: repeat;
}


/* Page wrapper style */
#wrapper{ 
  width: 65em; 
  background-image: url("pix/grey060.jpg");
  background-repeat: repeat;  
/* Center the wrapper */ 
  margin: 0 auto; 

/* Required for absolutely-positioned layout only */
   position: relative; 
}

/************* Major layout divisions ***************/

/* Page header style */
#header{
  background-image: url("pix/headerbkg3.png");
  background-repeat: repeat;
  /* border: 10px ridge #708090; */
  border-bottom: 10px ridge #708090;
  padding: 1em 0em 1em 5em;
  text-align: center;
  position: relative;

}

/************* Navbar division styles ***************/



/* Navbar division (Vertical navbar) */


#navbar{
 width: 80%;
 

/* Center horizontally */
 

margin: .5em auto;
 
text-align: center;
 border: solid 4px #708090;
 
background: #aaa url("pix/navbak.jpg") repeat center;
}



/* Remove bullets from ul in the navbar */

#navbar ul{
 list-style-type: none;
}



/* List items in the navbar */

#navbar li{
 background: #aaa url("pix/navbak.jpg") repeat center;
}



/* Applies to navbar links, unvisited and visited */

#navbar a,

#navbar a:link,

#navbar a:visited{
 
 text-decoration:none;
 
 font-family:Veranda, Geneva, Arial, Sans-Serif;
 
 font-size:80%;
 
 color:#000;
 background:#aaa url("pix/navbak.jpg") repeat center;
 
 display:block;
 height:3em;
 
 width:auto;
line-height:3em;
 
 text-align:center;
 
 outline-style:none;
}



/* Navbar hover, active, and current page links */

#navbar a:hover,

#navbar a:active,

#navbar li.selected a:link,

#navbar li.selected a:visited{

 background:#ddd url("pix/navhover.jpg") repeat center;
 
 color:#ff0000;
} 

/************** Sidebar Division Styles *************/

/* Style for sidebar column */
#sidebar{
 background-image:url("pix/grey060.jpg");
 float: left;
 display: inline;
 padding: 0;
 margin: 0;
 width: 12em;

/* Center images and text inside this div */
 text-align: center;


/* For absolutely-positioned sidebar column */
 position: absolute;
 top:13.7em;/* Same as heading div height */
 left:0; 

/* Total width is 12em */

}




/************ Main Content Division Styles ***********/

/* Add some margin space to main content */
#main{
 background-image: url("pix/grey060.jpg");
 background-repeat: repeat;
 margin: 1em 0 2em 12em;
 padding-left: 1em;
 padding-right: 4em;
 
} 

/* Applies to paragraphs in the main division */
#main p{
 color: #000000;
 font-size: 12pt;
 font-family: arial,helvetica, sans-serif; 
}



/* Applies top border to footer and centers text in main division */
#main p.footer{
 
 margin-left: 0;
 margin-right: 0;
 padding-left: 0;
 padding-right: 0;
 border-top: medium solid #FF0000;
 text-align: center;
 
}

/* Applies to make text italic */
.emph {
 font-size:1.1em;
 font-style:italic;
 font-weight:bold;
}

/* Applies to scrollbar */
.scrollbar{
 width:50em;
 height:50em;
 padding:0.25em;
 border:solid thin #000;
 background-color:#ddd;
 overflow:auto;
}

/* Applies to blocked paragraphs in the main division */

#main p.block{
color: #000000;
 font-size: 10pt;
 font-family: arial,helvetica,sans-serif;
 text-align: left;
}



/* Applies to all lists in the main division */

#main ul, #main ol{
 padding: 10px 0 0 40px;
}

/* Applies to styles h1, h2 and h3 in the main division */
#main h1, h2, h3{
 font-family: arial, helvetica, sans-serif;
 padding-right: 30px;
}

/* Size h1 headings in the main division */
#main h1{
 color: #000000;
 font-size: 16pt;
 font-weight: bold;
 text-align: center;
} 

/* Size h2 headings in the main division */
#main h2{
 color: #DF0024;
 font-size: 10pt;
}

/* Size h3 headings in the main division */
#main h3{
 color: #DF0024;
 font-size: 12pt;
 text-align: center; 
}



/* Applies to images in main division */


#main img{
margin: 10px 25px 5px 25px
} 



/* Float image to left of paragraph */


img.floatleft{
float:left;
 margin-top: 4px; margin-right:2px;
  

}

/* Float image to the right of paragraph */
img.floatright {float:right; margin-left:30px;
}


/* Style for image on links page in the main division /*

#main img.link{
 border: none;
 float: left;
}


 


/* Applies border to divisions in the main content */

#main div.border{
text-align:center;
}



/* Applies to schedule table in the main division */

#main table.schedule{
text-align:center;
 border-collapse:collapse;
 border: solid 3px #000;

}



/* General style for header and date cells in the table */

#main td.schedule, 

#main th.schedule{
padding:.8em;
 border: solid 3px #000;
 width:6em;
 height:2.7em;
}



/* Additional style for schedule header cells */

#main th.schedule{
border: double 3px #000;
 height:1.3em;
 background-color:#CF0021;
}


 






/************* Styles for Forms *******************/



#form {font-family:"Trebuchet MS", Verdana, sans-serif;width:90%}

h2 {margin:0 0 0 0;padding:0}

p {margin:0 0 1em 0;padding:0;font-size:90%}

fieldset {background:#FF0000;border:none;margin-bottom:1em;margin-left:2em;width:44em;padding-top:1.5em; padding-left:1em;}



p.legend {background:#ECECEC;color:black;padding:.2em .3em;font-size:1.2em;border:2px outset #DED983;position:relative;margin-bottom:-1em;width:11em;margin-left:3em;margin-top:1em}



#personal {background:#ECECEC;border:outset #CF0021}

#emergency {background:#ECECEC;border:outset #CF0021}

#medical {background:#ECECEC;border:outset #CF0021}

#signatures {background:#ECECEC;border:outset #CF0021}




#personal label {position:absolute;font-size:90%;padding-top:.2em;}

#personal input {margin-left:8em;margin-right:1em;line-height:1.4em;margin-bottom:.2em;}




#emergency label {position:absolute;font-size:90%;padding-top:.2em;}

#emergency input {margin-left:8em;margin-right:1em;line-height:1.4em;margin-bottom:.2em;}



#medical label {position:absolute;font-size:90%;padding-top:.2em;}

#medical input {margin-left:1em;margin-right:1em;line-height:1.4em;margin-bottom:.1em}
#medical input.data {margin-left:15em;margin-right:1em;line-height:1.4em;margin-bottom:.2em;}



#signatures label {position:absolute;font-size:90%;padding-top:.2em;left:20px}






p.size {font-size:90%}

p.size input {margin-left:9em}

p.size input + input {margin-left:1em}

p.size br+ input {margin-left:9em}



p.extras {font-size:90%}

p.extras input {margin-left:1em}

p.extras input +input {margin-left:2em}

p.extras br+input {margin-left:1em}




textarea {font:.8em "Trebuchet MS", Verdana, sans-serif;width:35em;padding:.1em;}



input[type="submit"], input[type="reset"] {background:#FFFFFF;font:.9em "Trebuchet MS", Verdana, sans-serif}



#buttons {text-align:center;}

/**************** Style for the printed page ***************/

@media print{
/* Start printer-friendly styles */

/* Make wrapper the full page width */
#wrapper{
width:100%;
}

/* Hide sidebar, navbar, and footer */
#sidebar,
#navbar,
#footer,
#header{
display:none;
}

/* Get rid of content div margins and padding. Use a different font for print */
#main{
margin: 0;
padding: 0;
font-family: 'Century Schoolbook',Times, Serif;
font-size:1em;
}


#emergency,
#signatures{
page-break-inside:avoid;
page-break-after:always;
}

#medical{
page-break-inside:avoid;
page-break-before: always;
}


/* End printer-friendly styles */
}