/* Rhus Typhina Style Sheet  	  CSS W3C */
/* normally this style sheet would be compressed for performance, but as this is a demonstration site it has been left formatted */
/* Colours  */
/* Typhina red #993333 */
/* Typhina green #666633 */
/* Typhina dark green #333333  */
/* Bright Green #99FF00 */
/* Silver #F0F0F0 */
/* Warm Brown #FF8B00 */

/* Set defaults for tags */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin : 0;
padding : 0;
border : 0;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
background-color : #802022;
color : #00f200;
text-align : center;
}
p, ul, ol {
font-size : 80%;
text-align : justify;
background-color : #d9e8ff;
color : #000;
}
li {
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
text-align : justify;
list-style:none;
background-color : #f0f0f0;
color : #000;
margin:10px 10px 10px 25px;
}
h1, h2, h3, h4 {
font-family : Arial, Helvetica, sans-serif;
font-weight : 700;
}
h1 {
font-size : 140%;
}
h2 {
font-size : 120%;
text-align : right;
padding-right : 2.8em;
border-top : 0 solid #fc6;
border-right : 0 solid #fc6;
border-bottom : 1px solid #fc6;
border-left : 0 solid #fc6;
}
h3 {
font-size : 80%;
}
h4 {
font-size : 70%;
}
/* hide text for accessibility */
.accessibility h1, .accessibility h2, .accessibility h4 {
width : 1px;
position : absolute;
top : 0;
left : 0;
height : 1px;
overflow : hidden;
}
/* page container and navigation bar styles */
#wrapper {
position : relative;
width : 760px;
color : #000;
background : #333;
margin : 0 auto;
border : 5px solid #000;
text-align : left;
overflow : auto;
}

#nav {
position : absolute;
top : 90px;
left : 30px;
width : 120px;
font-size : 80%;
font-weight : 400;
line-height : 30px;
background-color : #d9e8ff;
color : #000;
}
#nav ul, #nav li {
list-style-type : none;
}
#nav a, #nav li.active li a {
color : #930;
background-color : #d9e8ff;
text-decoration : none;
}
#nav a:hover, #nav li a:hover, #nav li.active a {
color : #930;
background-color : #fc6;
text-decoration : none;
}

#container {
position : relative;
width : 760px;
margin : 0 auto;
padding : 0;
background-color : #f0f0f0;
color : #000;
text-align : left;
border-top : 2px solid #000;
}
#mainnav {
float : left;
width : 760px;
height : 72px;
background-color : #fff;
}
#mainnav ul, #mainnav li {
padding : 0;
margin : 0;
display : inline;
list-style-type : none;
}
#mainnav a {
float : left;
color : #000;
background : #fff;
padding : 29px 10px 6px;
font-family : Tahoma, Arial, Geneva, Verdana, Helvetica, Charcoal, Sans-Serif;
font-size : 10px;
line-height : 16px;
font-weight : 700;
text-decoration : none;
text-transform : uppercase;
}
#mainnav a:hover {
color : #fff;
background-color : #ff8b00;
}
#mainnav a.active {
color : #fff;
background-color : #000;
}
#mainnav a.here {
color : #fff;
background-color : #802022;
}
/* header and footer use background images */
#banner {
height : 74px;
background-image : url(../images/typhina770.jpg);
background-repeat : no-repeat;
}
#footban {
height : 72px;
background-image : url(../images/botban5.jpg);
background-repeat : no-repeat;
}
/* class to give emphasis */
.emph {
font-family : Tahoma, Arial, Geneva, Verdana, Helvetica, Charcoal, Sans-Serif;
font-size : 60%;
font-weight : 700;
background-color : #ff8b00;
text-align : center;
padding-right : 3px;
border-top : 0 solid #fc6;
border-right : 0 solid #fc6;
border-bottom : 1px solid #fc6;
border-left : 0 solid #fc6;
}
/* footer styles */
#footer {
border-top : 1px solid #000000;
background-color : #333;
color : #000;
clear : both;
}
#footer p {
background-color : #333;
color : #000;
font-size : 60%;
padding : 3px;
}
#footer a {
color : #00f;
background-color : #663;
text-decoration : none;
font-weight : 700;
}
#footer a:visited {
color : #00f;
background-color : #fff;
text-decoration : none;
font-weight : 700;
}
#footer a:hover {
color : #f00;
background-color : #fc6;
text-decoration : none;
font-weight : 700;
}
/* floats and clear float */
.leftfloat {
border : 1px solid #000;
margin : 1px;
float : left;
}
.rightfloat {
border : 1px solid #000;
margin : 5px 5px 30px 15px;
float : right;
}
.rtnomagfloat {
border : 2px solid #000;
margin : 0;
float : right;
}
.clearit {
display : block;
clear : both;
}
/* specific styles for the content part of the page */
#content {
padding : 5px 25px 2px 30px;
background-color : #f0f0f0;
color : #f00;
min-height:350px;
overflow : auto;
}
#content h2 {
font-family : Frutiger, Verdana, Arial, Helvetica, sans-serif;
color : #fff;
background-color : #ff8b00;
padding-right : 3px;
font-weight : 900;
font-size : 100%;
border-right : 0 solid #fc6;
border-left : 0 solid #fc6;
border-top : 0 solid #f20000;
border-bottom : 1px solid #f20000;
text-align : right;
}
#content h3 {
font-weight : 900;
font-size : 90%;
}
#content p, ul, ol {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 80%;
background-color : #f0f0f0;
text-decoration : none;
}
#content a, #content a:visited {
color : #00f;
background-color : #f0f0f0;
text-decoration : none;
font-weight : 700;
}
#content a:hover {
color : #f00;
background-color : #f0f0f0;
text-decoration : none;
font-weight : 700;
}
#content td {
font-size : 75%;
text-align : justify;
background-color : #663;
color : #fff;
font-weight : 400;
}
#plugline h4 {
font-family : Tahoma, Arial, Geneva, Verdana, Helvetica, Charcoal, Sans-Serif;
color : #f00;
background-color : #ffff8a;
text-decoration : none;
text-align : center;
font-weight : 800;
}
/* paragraph styles */
.shortpara,.shortpara p,.longpara,.longpara p{
background-color : #f0f0f0;
color : #006;
font-weight : 400;
font-family : Verdana, Arial, Helvetica, sans-serif;	
}
.shortpara {
padding : 2px 10px;
width : 680px;
overflow : hidden;
}
 
.longpara {
padding : 2px 10px 5px;
height : 14em;
width : 680px;
overflow : auto;
}
.shortpara p,.longpara p {
margin : 5px;
}
.cenpara {
padding : 25px 10px 30px 50px;
width : 480px;
overflow : auto;
background-color : #f0f0f0;
color : #006;
}
.cenpara p {
background-color : #f0f0f0;
color : #006; 
margin : 10px;
font-size : 80%;
font-weight : 400;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.cenpara ul, ol,li {
text-align : justify;
font-size : 90%;
color : #006;
}
.leftpara {
float : left;
padding : 1em;
width : 360px;
overflow : auto;
background-color : #f0f0f0;
color : #006;
}
.leftpara p {
background-color : #f0f0f0;
color : #006;
margin : 10px 10px 10px 0;
font-size : 70%;
font-weight : 400;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.leftpara ul, ol {
text-align : justify;
font-size : 75%;
font-weight : 700;
background-color : #f0f0f0;
color : #000;
}
.rightpara {
float : right;
padding : 0.8em 0.3em;
height : 20em;
width : 290px;
overflow : auto;
background-color : #f0f0f0;
color : #006;
}