/*StyleSheet */
/* the following html style is ONLY for FIREFOX page jump bug */
html
{
height: 100%;
margin-bottom: 1px;
font-family: Arial, Verdana, sans-serif;
}
body{
background-color: #666633;
color: #000;
}
body a img{
border: none;
}
* html body{
font-size: .9em;
background-color: #666633;
color: #000;
}
/*divs*/
#shell{
width: 790px;
height: 100%;
margin: auto;
text-align: center;
border: 1px solid;
border-color: #000;
background-color: white;
color: #000;
}
* html #shell{
border: .5pt solid #000;
background-color: white;
color: #000;
}
#banner{
width: 100%;
background: transparent;
}
#breadcrumb{
background: white;
clear: both;
position: relative;
margin: -50px 0 20px 30px;
width: 300px;
text-align: left;
color: #c4ab21;
}
* html #breadcrumb{
margin-left: -430px;
margin-top: -40px;
font-family: Arial, sans-serif;
}
#leftCol{
float: left;
width: 20%;
margin: 0 0 0 10px;
padding: 3px;
}
#midCol{
float: left;
width: 55%;
font-size: .9em;
text-align: justify;
line-height: 1.1em;
letter-spacing: .03em;
margin: -15px 5px 0 5px;
}
#midCol dt{
font-weight: bold;
}
* html #midCol{
width: 53%;
font-size: .9em;
font-family: Arial, sans-serif;
margin-top: 0px;
line-height: 1.2em;
letter-spacing: .05em;
padding: 5px;
}
#midCol ol li{
line-height: 1.3em;
padding-bottom: 15px;
}
* html #midCol ol li{
line-height: 1.3em;
padding-bottom: 15px;
}
#letterSample{
font-size: .8em;
border: 1pt dashed #808080;
padding: 7px;
}
* html #letterSample{
font-size: .9em;
}
#semiBlockSample{
font-size: .8em;
border: 1pt dashed #808080;
padding: 7px;
}
* html #semiBlockSample{
font-size: .9em;
}
#smallBox{
border: 1pt solid #808080;
padding: 15px;
line-height: 2em;
}
#smallBox2{
border: 1pt solid #808080;
padding: 15px;
line-height: 2em;
}
#smallBox dl{
line-height: 1.3em;
}
#quizStyle {
text-align: left;
letter-spacing: .1em;
}
#quizStyle h3{
letter-spacing: 0em;
}
* html #quizStyle h3{
text-align: left;
font-size: 1.2em;
letter-spacing: 0em;
}
#rightCol{
float: left;
width: 20%;
margin: auto;
padding: 3px;
}
#calloutBox{
width: 150px;
height: 280px;
background-color: #c4ab21;
color: #000;
font-size: .8em;
font-family: Arial, sans-serif;
text-align: left;
line-height: 1em;
padding: 5px 7px 0 1px;
}
* html #calloutBox{
font-size: .8em;
height: 250px;
padding-top: 20px;
line-height: 1.12em;
}
#calloutBox li a:link{background-color: #c4ab21; color: black; text-decoration: none;}
#calloutBox li a:visited{background-color: #c4ab21; color: white; text-decoration: none;}
#calloutBox li a:hover{background-color: #c4ab21; color: yellow; font-size: 1em; text-decoration: underline;}
* html #calloutBox li a:hover{ font-size: 1em;}
#downLoadz{
text-align: left;
font-size: .8em;
font-weight: bold;
margin: auto;
padding: 0 10px;
}
#downLoadz a{
background-color: white;
color: black;
}
#downLoadz a:hover{
background-color: white;
color: #666600;
}
* html #downLoadz{
}
#downLoadz img{
width: 20%;
height: 20%;
float:left;
padding: 0 10px;
}
#downLoadz ul{
margin-left: 20px;
}
#footer{
width: 100%;
clear: both;
padding: 20px 0;
font-size: .7em;
}
#footer a:link { background: white; color: #c4ab21; }
#footer a:visited { background: white; color: #666600; }
#footer a:hover{
border-color: #B1BD99;
color: #c4ab21;
background: #FFF;
}
* html #footer{
font-size: .6em;
font-family: Arial, sans-serif;
margin-top: 20px;
}
#searchBox{
font-size: .9em;
text-align: left;
padding: 0 0 0 15px;
font-family: Arial, sans-serif;
}
* html #searchBox{
font-size: .9em;
}
/*classes*/
.small7em{
font-size: .8em;
text-align: left;
}
.smallItalic{
font-size: .9em;
letter-spacing: .4em;
text-align: right;
}
.boldz{
font-weight: bold;
}
.boldzCenter{
text-align: center;
font-weight: bold;
}
.boldzIndent{
font-weight: bold;
text-indent: 40px;
}
.bigger{
font-size: 1.3em;
}
.indentz{
text-indent: 20px;
}
.letterHeader{
font-style: italic;
font-weight: bold;
font-size: 1.1em;
color: #666600;
background-color: white;
}
.letterHeader a:link{
color: #666600;
background-color: white;
text-decoration: none;
}
.calloutBoxTitle{
font-size: .9em;
text-align: center;
letter-spacing: .3em;
margin: 0 0 0 5px;
}
* html .calloutBoxTitle{
font-size: 1.1em;
letter-spacing: .2em;
}
.backtoTop{
font-weight: bolder;
font-size: .8em;
text-align: center;
}
.backtoTop a {text-decoration: none;}
.backtoTop a:link{background-color: white; color: black; text-decoration: none;}
* html .backtoTop a{text-decoration: none;}
.backtoTop a:visited{background-color: white; color: black; text-decoration: none;}
.backtoTop a:hover{font-size: 1em; background-color: white; color: #666600; text-decoration: none;}
* html .backtoTop a:hover{font-size: 1.1em;}
.noDisplay {
display: none;
}
.printFooter{
display: none;
}
.printStyle {
text-align: left;
font-size: .8em;
font-weight: bold;
margin: auto;
padding: 0 10px;
}
.printStyle a{
color: black;
background-color: white;
}
.printStyle a:hover{
color: #666600;
background-color: white;
}
/*special navbox style */
#navBox {
margin-top: 0px;
padding: 0px 0px 0px 0px;
vertical-align:top;
}
#navlist
{
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
font: bold .8em Arial, Verdana, sans-serif;
}
* html #navlist{
font-size: .8em;
font-family: Arial, Verdana, sans-serif;
}
#navlist li
{
list-style: none;
border: 1px solid gray;
text-align: left;
}
#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #c6a929;
text-decoration: none;
}
#navlist li a:link { background: white; color: #000; }
#navlist li a:visited { background: white; color: #666600; }
#navlist li a:hover
{
border-color: #B1BD99;
color: #FFF;
background: #797687;
}