/*

Some styles used by the "Cascading Popup Menus" script.
Consult a CSS reference (a good clear one is at www.ncdesign.org) for syntax and tweaking ideas.
You can delete the ones you're not using in your ItemStyles, or add more if you want.


*/

@charset "UTF-8";
#page{float:left;
width:100%;
height:100%;
background:white;
border:0px solid black;
}


#top{float;left;
left:2px;
top:2px;
width:80%;
height:140px;
background:url(images/tan-brownlogonomem.png) no-repeat;
border:0px solid black;
}

#top2{float:left;
margin-top:0%;
margin-left:0%;
width:1056;
height:137;
background:url(images/tan-brownlogonomem.png) no-repeat;
border:0px solid black;
}
#textbox{position:relative;
margin-top:1em;
margin-left:600px;
width:10em;
background: gold;
height:6em;
border:0px solid black;
}
#bigtextbox{position:relative;
margin-top:5px;
margin-left:5px;
margin-right:5px;
width:550px;
height:400px;
border:8px dotted red;
}
#float-left {/* header element float */
float: left;
width: 50%;
margin: 0 0.2em 0 0;
background: white;
border: 0px solid black;
}
div.color {
  border-width:3px;
  border-style:solid;
  border-color:#ff9900;
  }


#float-right {/* header element float */
float: right;
width: auto;
height:Auto;
margin: 1px;
padding: .5em ;
background: #99ffff;
border: 2px solid black;

}
#news{float:left;
margin-left:0em;
width:12%;
margin-top:3em;
height:Auto;
padding: .5em ;
background:#ffcc66;
border:1px solid black;
}

#content{float:left;
margin-left: 4em;
margin-top: 2em;
width:75%;
height:auto;
background:white;
border:0px solid black;
}

#main{float:left;
margin-left: 2px;
margin-top:5px;
width:85%;
height:auto;
background:white;
border:0px solid black;
}

#outer{position:relative;
margin-right:10em;
z-index: 0;
color: red }

#indextable





#imageright {float:right;
background:white;
border:0px solid black;
}

#imageleft {float:left;
background:white;
border:10px solid white;

}

#footer{float:left;
margin-top:0%;
margin-left:0%;
height:4%;
width:100%;
background:white;
border:0px solid black;
}

/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

/*
Font settings -- change your font, colour, alignment etc.
Insert 'font-weight: bold;' or 'font-style: italic;' without quotes if you want.
Note that items contain <A HREF>
tags, so if your other stylesheets style anchor tags,
these may inherit the rules. I've styled all the variations of links here as one.
*/

.lowText, a.lowText:link, a.lowText:visited, a.lowText:active, a.lowText:focus {
color: #000000;
font: 14px Arial, sans-serif;

text-align: left;
text-decoration: none;
}

.highText, a.highText:link, a.highText:visited, a.highText:active, a.highText:focus {
color: #FFFFFF;
font: 16px Arial, sans-serif;
font-weight: bold;
text-align: left;
text-decoration: none;
}

/* Borders used by some items */

.itemBorder {
border: 1px solid #666666;
}
.itemBorderBlank {
border: 1px solid #CCCCDD;
}

/* The "button" demo menu styles, as used by the "File-Reopen" menu. Delete if not using */

.buttonText, a.buttonText:link, a.buttonText:visited, a.buttonText:active, a.buttonText:focus {
text-decoration: none;
color: #FFCC99;
font: Bold 12px Arial, Helvetica;
}
.buttonHover, a.buttonHover:link, a.buttonHover:visited, a.buttonHover:active, a.buttonHover:focus {
text-decoration: none;
color: #99CCFF;
font: Bold 12px Arial, Helvetica;
padding: 1px;
}
.buttonBorder {
border: 1px outset #339966;
}
.buttonBorderOver {
border: 1px inset #CC9966;
}

H1 { font-family: Verdana, Arial, "Helvetica, sans-serif"; ;
color:#996600; background-color: transparent; font-size:18 pt}

H2 { font-family: Verdana, Arial, "Helvetica, sans-serif"; margin-left: 25px; background-color: transparent; color: black; font-size: 14 pt}
 
H3 { font-family: Verdana, Arial, "Helvetica, sans-serif";  margin-left: 30px;  margin-right:100px
color: blue; font-size: 10 pt }
H4 { font-family: Verdana, Arial, "Helvetica, sans-serif";  margin-left: 30px;  margin-right:100px
color: white; font-size: 8 pt } 
H5 { font-family: Helvetica, sans-serif;  color: white; margin-left: 2px; margin-right: 2px; text-align: "center"; font-size: 12 pt }
H6 { font-family: Helvetica, sans-serif;  color:red; text-align: "center"; font-size: 16 pt }
H7 { font-family: Verdana, Arial, "Helvetica, sans-serif";  margin-left: 5px;  margin-right:100px
color: black; font-size: 9 pt }
.PARA1 { text-align: LEFT; MARGIN-LEFT:2em; MARGIN-RIGHT:5% }
#PARA2 {text-align:LEFT; Margin-left:5%; Margin-right:10%}
#PARA3 {text-align:LEFT; Margin-left:10%; Margin-right:10%}
.centeralign {text-align:center}
Div.subtitle{ font-family: Helvetica, sans-serif; text-align:left; color: blue; font-size: 18 pt}
I { position: relative; left: 40px; top: 10px }
.tonto 
{ 
background: url("Images/tontodesign1.JPG") center ;
background-repeat: repeat-x;
background: transparent}
TABLE {
margin-left: 10;
margin-right: auto}

.break {page-break-before:always}

#friendlyprint

.test {
width:300px;
padding:50px;
}
* html .test{
width:400px;/*for ie5.x win */
w\idth:300px;/*for ie6*/
}
.blackbox{ 
        background: gray; 
        margin: 2px 2px 2px 2px;
        padding: 3px 3px 3px 3px;
        border-style: solid;
        border-width: 20px;       
        border-color: black;
        text-align: center; 
        font-family: Verdana, Arial, "Helvetica, sans-serif";
        font-size: 32 pt;
        text-shadow: 3px 3px 5px red;
        color: black;                             
      }
/*the below are border styles */
p.solid {border-style: solid; } 
p.double {border-style: double; } 
p.groove {border-style: groove; } 
p.dotted {border-style: dotted; } 
p.dashed {border-style: dashed; } 
p.inset {border-style: inset; } 
p.outset {border-style: outset; } 
p.ridge {border-style: ridge; } 
p.hidden {border-style: hidden; }