



#copy 

{ 

width: 450px; 

position: absolute; 

top: 60px; 

left: 358px; 

visibility: visible; 



text-decoration:none;



}

#top

{position:absolute;

left:0px;

top:0px;}



/* Elements for the footer with copyright */



.copyright 

{ 

color: #686868; 

font-size: .6em; 

font-family: Arial, sans-serif; 

line-height: 11px; 

padding-top:0px;

margin-top:0px;

padding-right:4pt;

text-decoration: none; 

}

p.copyright a 

{ 

color: #ea9200; 

font-size: 1em; 

font-family: Arial, sans-serif; 

line-height: 11px; 

padding-top:0px;

margin-top:0px;

padding-right:4pt;

text-decoration: none; 

}

p.copyright a:hover

{ 

color: #686868; 

font-size: 1em; 

font-family: Arial, sans-serif; 

line-height: 11px; 

padding-top:0px;

margin-top:0px;

padding-right:4pt;

text-decoration: none; 

}



#copyright 

{ 

height: 76px; 

width: 240px; 

position: absolute; 

top: 554px; 

left: 60px; 

visibility: visible; 

}





/* Navigation Bar Elements */



div#parents 

{ 

background-color: #686868; 

text-align: left; 

vertical-align: middle; 

height: 40px; 

width: 120px; 

position: absolute; 

top: 502px; 

left: 180px; 

visibility: visible; 

float: left; 

clear: left; 

display: inline; 

overflow:hidden; 

clip: rect(auto, auto, 40px, auto); 

font-family: Times, serif;

}



div#students 

{ 

font-family: Times, serif; 

background-color: #686868; 

text-align: left; 

vertical-align: middle; 

height: 40px; 

width: 120px; 

position: absolute; 

top: 502px; 

left: 60px; 

visibility: visible; 

float: left; 

clear: left; 

display: inline; 

overflow:hidden; 

}



#patch 

{ 

height: 110px; 

width: 264px; 

left: 50px; 

top: 107px; 

position: absolute; 

z-index: 4; 

visibility: visible; 

}



#navigation 

{ 

background-color: #000000; 

height: 442px; 

width: 240px; 

position: absolute; 

top: 60px; 

left: 60px; 

z-index: 3; 



float: left; 

}



p.navigation 

{ 

color: #686868; 

font-size: 1em; 

font-family: Arial, sans-serif; 

font-weight: bold; 

line-height: 1.67em; 

letter-spacing:0.28em; 

text-decoration: none; 

margin: 40pt 0 0 2.5em; 

}



p.navigationlinks 

{ 

color: #686868; 

font-size: .9em; 

font-family: Arial, sans-serif; 

font-weight: bold; 

line-height: .7em; 

letter-spacing:0.28em; 

text-decoration: none; 

margin: 12pt 0 0 2.5em; 

}



a.navigation 

{ 

color: #686868; 

font-size: .9em; 

font-family: Arial, sans-serif; 

line-height:.7em; 

font-weight: bold; 

text-decoration: none; 

margin-top: 2em; }



a:hover.navigation 

{ 

color: #ea9200; 

font-size: .9em; 

font-family: Arial, sans-serif; 

line-height:.7em; 

font-weight: bold; 

text-decoration: none; 

margin-top: 2em; }



a.navigation span

{ 

color: #000000; 

font-size: 1.33em; 

font-family: Arial, sans-serif; 

line-height:.7em; 

font-weight: bold; 

text-decoration: none; 

vertical-align: -2pt; 

margin-top: 2em;  

margin-right:2pt;}



a:hover.navigation span 

{ 

color: #ea9200; 

font-size: 1.33em; line-height:.7em; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; vertical-align: -2pt; margin-top: 2em; margin-right:2pt;}



a.navigationover, a:hover.navigationover

{ color: #ea9200; font-size: .9em; line-height:.7em; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; margin-top: 2em; }



a.navigationover span

{ color: #ea9200; font-size: 1.33em; line-height:.7em; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; vertical-align: -2pt; margin-top: 2em;  margin-right:2pt;}



/* Main copy elements, including inset text and pictures */



p 

{ 

color: #686868; 

font-size: .8em; 

font-family: Arial, sans-serif; 

font-weight: 300; 

line-height: 1.5em; 

letter-spacing: 0.03em; 

text-decoration:none;

}





h1

{ 

color: #c7233a; 

font-size: .9em; 

font-family: Arial, sans-serif; 

font-weight: bold; 

letter-spacing:.03em;

line-height: 1.65em; 

margin-top: 0; 

}



h2

{ 

color: #000000; 

font-size: .8em; 

font-family: Arial, sans-serif; 

font-weight: bold; 

line-height: .9em; 

margin-top: 0; 

}



.black 

{ 

color: #000000; 

font-size: 1em; 

font-weight: bold; 

line-height: 1.5em; 

}



#floatrtred 

{ 

font-family: Arial, sans-serif; 

width: 190px; 

overflow: hidden; 

visibility: visible; 

float: right; 

clear: right; 

margin-top: 8pt; 

margin-bottom:8pt;

padding-left:1em;

border-color:#c7233a;

border-left-width:2px;

border-left-style:solid;

text-align:left;

margin-left:1em;

}





#floatrt 

{ 

font-family: Arial, sans-serif; 

overflow: hidden; 

visibility: visible; 

float: right; 

clear: right; 

padding-bottom:4pt;

margin-top:8pt;

margin-left:4pt;

}



#floatlt 

{ text-align: left; vertical-align: top; visibility: visible; float:left; clear:left; margin-top: 10px; margin-right: 20px; }

#floatltcl 

{ text-align: left; vertical-align: top; visibility: visible; margin-top: -.3em; margin-right: 20px;}





/* Elements for standard list and indented list */



ol

{ 



display: list-item; 

margin-left: 0; 

color: #ea9200;

padding-left: 0em; 

list-style-position: outside;

list-style-type:none; 

}

ol li,ol.guideindent li

{ 



display: list-item; 

color: #ea9200; 

font-size: .8em; 

font-family: Arial, sans-serif; 

font-weight: 300; 

line-height: 1.4em; 

letter-spacing: 0.03em; 

text-decoration:none;

margin-left: 2em; 

padding-left: 0px; 

padding-top:0px;

margin-top:0px;

margin-bottom:1em;

list-style-position: outside; 

list-style-type:disc;}



ol.guideindent

{ 



display: list-item; 

margin-left: 0em; 

color: #ea9200;

padding-left: 2em; 

list-style-position: outside;

list-style-type:none; 

}



ol li p, ol.guideindent li p

{ 

color: #686868; 

font-size:1em;

font-family: Arial, sans-serif; 

font-weight: 300; 

line-height: 1.5em; 

letter-spacing: 0.03em; 

text-decoration:none;

margin-left: 0; 

padding-left: 0; 

padding-top:0px;

margin-top:0px;

margin-bottom:1em;

}

ol li h1, ol.guideindent li h1

{ 



color: #000000; 

font-size: 1em; 

font-family: Arial, sans-serif; 

font-weight: bold; 

line-height: 1.4em; 

margin-left: 0; 

padding-left: 0; 

margin-bottom:0px;

padding-bottom:0px;

padding-top:0px;

margin-top:0px;

text-decoration:none;



}

ol li h1 a{ 



color: #ea9200; 

font-size: 1em; 

font-family: Arial, sans-serif; 

font-weight: bold; 

line-height: 1.4em; 

margin-left: 0; 

padding-left: 0; 

margin-bottom:0px;

padding-bottom:0px;

padding-top:0px;

margin-top:0px;

text-decoration:none;



}

ol li h1 a:hover

{ 



color: #686868; 

font-size: 1em; 

font-family: Arial, sans-serif; 

font-weight: bold; 

line-height: 1.4em; 

margin-left: 0; 

padding-left: 0; 

margin-bottom:0px;

padding-bottom:0px;

padding-top:0px;

margin-top:0px;

text-decoration:none;



}







strong a 

{

color: #ea9200; 

font-size: 1em; 

font-family: Arial, sans-serif; 

font-weight: bold; 

line-height: 1.5em; 

padding-top:0px;

margin-top:0px;

text-decoration:none;

display:block;

}

strong a:hover 

{

color: #686868; 

font-size: 1em; 

font-family: Arial, sans-serif; 

font-weight: bold; 

line-height: 1.5em; 

padding-top:0px;

margin-top:0px;

text-decoration:none;

display:block;

}



/* Style for the footer that cycles through pages on the Student and Parent Guides*/



#floatrtcycle 

{ 

color: #686868; 

font-size: .8em; 

font-family: Arial, sans-serif; 

font-weight: 340; 

line-height: 1.5em; 

letter-spacing: 0.03em; 

text-decoration:none;

width: 370px; 

overflow: hidden; 

visibility: visible; 

float: right; 

clear: right; 

margin-top: 15px; 

margin-left: 20px; 

}

#floatrtcycle a.copy, a, ol li p a, ol.guideindent li p a, ol li a  

{ 

color: #ea9200; 

font-size: 1em; 

font-family: Arial, sans-serif; 

font-weight: 300; 

line-height: 1.5em; 

letter-spacing: 0.03em; 

text-decoration:none;

}

#floatrtcycle a:hover, a:hover, a:hover.copy, ol li p a:hover,  ol.guideindent li p a:hover, ol li a:hover

{ 

color: #686868; 

font-size: 1em; 

font-family: Arial, sans-serif; 

font-weight: 300; 

line-height: 1.5em; 

letter-spacing: 0.03em; 

text-decoration:none;

}



/* Contact Form

================================================*/

form#myform { 

width: 90%;

}

        

form#myform div { 

clear: both; 

padding: 0.5em 0 0 0; 

}

        

form#myform label { 

float: left; 

width: 28%; 

text-align: right; 

}



form#myform input, form#myform textarea { 

float: right; 

width: 70%; 

text-align: left; 

}

        

form#myform textarea { 

height: 8em; 

}

        

form#myform #mySubmit {  

width: 150px; 

text-align: center; 

}



form#myform fieldset { 

margin-top: -1em;

padding: 1em 1em 1em 2em;

border: 1px solid #ccc;

background-color: #f0f0f0;

}



form#myform legend {

font-weight: bold;

font-size: 1em;

color: #333;

position:absolute;

margin: -1em;

}


h3.redtext { color: #C00; font-size: 2em;  }

