! TO REVISE!!! !


*
{
margin: 0;
padding: 0;
font-family: Times New Roman, Times, Palatino, Baskerville, serif;
}

p, h1, h2, h3, h4, h5, h6
{
margin: 0;
padding: 0;
font-family: Times New Roman, Times, Palatino, Baskerville, serif;
}

 a:link, a:visited, a:active, a:hover 
{
text-decoration: none;
color: transparent;
}

body 
{
background-image:url(design/bg.jpg);
background-repeat:repeat;
}

#frontpage
{
background-color: transparent;
width: 992px;
height: 1000px;
position: relative;
margin-left: auto; 
margin-right: auto;
padding: 30px 0 0 10px;
}

#header
{
background-color: transparent;
text-align: left;
border: none;
padding: 20px 0px 0px 0px;
margin: 5px;
}

#header .toptitle
{
margin: 10px 10px 5px 10px;
}

#drop 
{
top: 10px;
left: 10px;
margin-left: 2em;
list-style: none;
}

#drop li 
{
position: relative;
width: 180px;
border-right: 12px solid #000066; 
border-left: 2px solid #000066; 
border-bottom: 1px solid #0099ff;
background-color: #0033cc; 
color: #FFFFFF; 
font-size: 80%;
text-transform: capitalize;
font-weight: bold;
margin-right: 3px;
padding: 6px;
}

#drop a:link, #drop a:visited 
{
display: block;
text-decoration: none;
padding-left: 1em;
color: #FFFFFF;
}

#drop a:hover 
{
display: block;
text-decoration: none;
padding-left: 2em;
color: #ffcc00;
}

* html #drop a 
{
width: 100%;
}

#drop ul 
{
position: absolute;
list-style: none;
display: none;
top: 0px;
left: -180px;
}

#drop ul li 
{
border: 0 none transparent;
border-bottom: 1px solid #E7EDF5;
border-top: 3px solid #99ccff;
background-color: #6699ff;
font-size: 100%;
padding: 5px;
z-index: 1;
}

#drop ul li a:hover
{
text-decoration: none;
padding-left: 2em;
color: #990000;
}

#drop li:hover ul 
{
display: block;
z-index: 2;
}


#bottmenu
{
position: relative;
bottom: -10px;
width: 1000px;
height: 50px;
text-align: center;
padding-bottom: 1em;
}

#bottnav, #bottnav ul 
{
margin-left: 10px;
list-style: none;
text-align: center;
}

#bottnav li 
{
float:left;
position: relative;
width: 140px;
height: 30px;
border-right: 12px solid #000066; 
border-left: 1px solid #000066; 
border-bottom: 1px solid #0099ff;
background-color: #0033cc; 
color: #FFFFFF; 
font-size: 80%;
text-align: center;
text-transform: capitalize;
font-weight: bold;
padding: 6px 2px 6px 2px;
}

#bottnav a:link, #bottnav a:visited 
{
display: block;
text-decoration: none;
color: #FFFFFF;
}

#bottnav a:hover 
{
display: block;
text-decoration: none;
color: #ffcc00;
}

* html #bottnav a 
{
width: 100%;
}

#bottnav ul 
{
display: none;
position: absolute;
bottom: 29px;
right: -13px;
}

#bottnav ul li 
{
border-bottom: 1px solid #E7EDF5;
border-top: 3px solid #99ccff;
background-color: #6699ff;
width: 140px;
height: auto;
font-size: 100%;
}

#bottnav ul li a:hover
{
text-decoration: none;
color: #990000;
}

#bottnav li:hover ul 
{
display: block;
}



#wrapup
{
background-color: transparent;
padding: 10px;
margin: 20px 20px 0 20px;
clear: both;
}

#wrapup p a:link, #wrapup p a:visited, #wrapup p a:active
{
text-decoration: none;
color: transparent;
font-weight: bold;
}

#theme
{
background-color: transparent;
background-image: url(design/strip.png);
background-position: top left;
background-repeat: no-repeat;
padding: 40px 30px 30px 110px;
margin: 10px 20px 0 0;
clear: both;
}

#theme p a:link, #theme p a:visited, #theme p a:active
{
text-decoration: none;
color: transparent;
font-weight: bold;
}

#theme p 
{
background-color: transparent;
font: 1em Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #8B0000;
line-height: 1.4em;
text-indent: 3em;
text-align: justify;
padding: 0 3em 0 3em;
margin: 0 1em 0 1em;
}

#theme h1 
{
background-color: transparent;
color: #ffffff;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: center;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 2em;
margin-top: 1em;
margin-right: 2em;
margin-left: 2em;
}


#textbox 
{
width: auto;
border-color: #996600;
border-style: double;
border-width: 10px;
padding: 20px 10px 10px 10px;
margin-top: 20px
margin-right: 10px;
margin-left: 20px;
text-align: justify;
}

#textbox p a:link, #textbox p a:visited, #textbox p a:active
{
text-decoration: none;
color: #990000;
font-weight: bold;
}

#textbox p a:hover
{
text-decoration: none;
color: #009933;
font-weight: bold;
}

#textbox p 
{
background-color: transparent;
font: 1em Times New Roman, Times, Palatino, Baskerville, serif;
line-height: 1.4em;
text-indent: 3em;
text-align: justify;
padding: 0 1em 0 1em;
margin: 0 1em 0 1em;
}

#textbox p.desc 
{
background-color: transparent;
font: 0.9em Times New Roman, Times, Palatino, Baskerville, serif;
line-height: 1.2em;
text-indent: 3em;
text-align: justify;
padding: 0em 5em 0em 5em;
margin: 0em 2em 0em 2em;
}

#textbox p.centered 
{
background-color: transparent;
font: 0.8em Times New Roman, Times, Palatino, Baskerville, serif;
line-height: 1.4em;
text-align: center;
padding: 1em;
margin: 1em;
}

#textbox .quote 
{
background-color: transparent;
font: 0.8em Times New Roman, Times, Palatino, Baskerville, serif;
text-align: justify;
font-style: italic;
line-height: 1.4em;
padding: 1em 8em 1em 8em;
}

#textbox .button
{
background-color: #cc0000; 
color: #ffcc00;
font: 0.8em Times New Roman, Times, Palatino, Baskerville, serif;
font-weight: bold;
text-transform: uppercase;
text-align: center;
padding: 0.5em;
border: outset black 2px;
margin: 0;
}

#textbox .button a:link, #textbox .button a:visited,#textbox .button a:active
{
background-color: #cc0000; 
color: #ffff33;
text-decoration: none;
}

#textbox .button a:hover
{
background-color: #cc0000; 
color: #0033cc;
text-decoration: none;
}

#textbox h1 
{
background-color: transparent;
border: none;
color: #993300;
font: 4em Times New Roman, Times, Palatino, Baskerville, serif;
font-weight: bold;
text-transform: capitalize;
text-align: center;
padding: 0.5em;
margin-bottom: 1em;
clear: both;
}

#textbox h4.subtitle
{
background-color: transparent;
color: #993300;
font: 1.1em Times New Roman, Times, Palatino, Baskerville, serif;
font-weight: bold;
font-style: italic;
text-transform: capitalize;
text-align: center;
margin-top: 0em;
margin-right: 2em;
margin-left: 2em;
}

#textbox h2
{
background-color: transparent;
color: #0000ff;
font: 2em Times New Roman, Times, Palatino, Baskerville, serif;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin-top: 1em;
margin-right: 2em;
margin-left: 2em;
}

#textbox h3 
{
background-color: transparent;
color: #0000ff;
font: 1.5em Times New Roman, Times, Palatino, Baskerville, serif;
font-weight: bold;
text-transform: capitalize;
text-align: left;
margin-top: 1em;
margin-right: 2em;
margin-left: 2em;
}

#textbox h4 
{
background-color: transparent;
color: #006633;
font: 1.2em Times New Roman, Times, Palatino, Baskerville, serif;
font-weight: bold;
font-style: italic;
text-align: left;
margin-top: 1em;
margin-right: 2em;
margin-left: 2em;
}

#textbox h5 
{
background-color: transparent;
font: 2em Times New Roman, Times, Palatino, Baskerville, serif;
font-weight: bold;
text-transform: capitalize;
text-align: center;
margin-top: 1em;
margin-right: 2em;
margin-left: 2em;
}

#textbox h6 
{
background-color: transparent;
font: 1.1em Times New Roman, Times, Palatino, Baskerville, serif;
font-weight: bold;
text-transform: capitalize;
text-align: left;
margin-bottom: 1em;
}

#textbox h6.small 
{
background-color: transparent;
font: 0.9em Times New Roman, Times, Palatino, Baskerville, serif;
font-weight: bold;
text-transform: capitalize;
text-align: left;
margin-bottom: 1em;
}


#textbox h6.contents
{
background-color: transparent;
font: 0.8em Times New Roman, Times, Palatino, Baskerville, serif;
font-weight: bold;
text-transform: capitalize;
text-align: left;
padding: 0 1em 0 1em;
margin-bottom: 1em;
}

#textbox hr
{
margin-top: 10px;
margin-bottom: 10px;
}

#textbox ul
{
list-style: disc outside;
font: 0.8em Verdana, Arial, Helvetica, Geneva, sans-serif;
margin-left: 3em;
}

#textbox ul li
{
list-style: disc outside;
margin-bottom: 1em;
}

#textbox ul a:link, #textbox ul a:active, #textbox ul a:visited
{
text-decoration: none;
color: #009900;
}

#textbox ul a:hover
{
text-decoration: none;
color: #33ccff;
}

#textbox ol
{
font: 0.8em Times New Roman, Times, Palatino, Baskerville, serif;
margin-left: 3em;
margin-right: 3em;
}

#textbox ol li
{
line-height: 1.4em;
margin-bottom: 1em;
}

#textbox ol a:link, #textbox ul a:active, #textbox ul a:visited
{
text-decoration: none;
color: #009900;
}

#textbox ol a:hover
{
text-decoration: none;
color: #33ccff;
}

#textbox .index
{
font: 1.1em Times New Roman, Times, Palatino, Baskerville, serif;
line-height: auto;
}

#textbox .index ul
{
list-style: none;
line-height: 0.3em;
}

#textbox .index li
{
list-style: none;
font: 1em Times New Roman, Times, Palatino, Baskerville, serif;
line-height: 0.3em;
font-weight: bold;
margin-left: 0.5em;
}

#textbox .bio
{
height: 40em;
padding: 1em;
overflow: scroll;
}

#textbox .bio ul
{
list-style: none;
}

#textbox .bio li
{
list-style: none;
font: 1em Times New Roman, Times, Palatino, Baskerville, serif;
color: #993300;
font-weight: bold;
line-height: 0.4em;
margin-left: 2em;
}

.smalleft
{
height: 30%;
width: 30%;
padding: 0.4em;
margin: 0.6em;
float: left;
}

.smallright
{
height: 30%;
width: 30%;
padding: 0.4em;
margin: 0.8em;
float: right;
}

.medleft
{
height: 50%;
width: 50%;
padding: 0.4em;
margin: 0.8em;
float: left;
}

.medright
{
height: 50%;
width: 50%;
padding: 0.4em;
margin: 0.8em;
float: right;
}

.medalone
{
height: 50%;
width: 50%;
padding: 0.4em;
margin: 0.8em;
clear: both;
}


#copyright
{
clear: both; 
color: #ffffff;
font-size: 0.9em; 
font: 0.7em Times New Roman, Times, Palatino, Baskerville, serif;
text-align: center; 
margin-top: 20px; 
margin-bottom: 20px; 
width: 1000px; 
padding: 20px;
}

#updated
{
clear: both; 
color: #000066;
font: 0.7em Times New Roman, Times, Palatino, Baskerville, serif; 
text-align: center;
font-style: italic;
text-transform: uppercase;
margin-top: 20px; 
margin-bottom: 20px; 
width: 1000px; 
padding: 20px;
}


.red
{
color: #993300;
}

.green
{
color: #006633;
}

.blue
{
color: #003366;
}