/* BASIC BODY and LINK PROPERTIES  #000000; */

body {background-color: #f0f8ff; /* color: rgb(176,196,222); */
background-image: url(../images/background3.jpg);  }


A:link {font-family: Ariel, Georgia, serif; font-size: 12pt; font-weight: normal; color: #000000; text-decoration: underline;}

A:visited {font-family: Ariel, Georgia, serif; font-size: 12pt; font-weight: normal; color: #000000; text-decoration: underline;}

A:hover {font-family: Ariel, Georgia, serif; font-size: 12pt; font-weight: normal; color: #8b0000; text-decoration: underline;}

A:active {font-family: Ariel, Georgia, serif; font-size: 12pt; font-weight: normal; color: #336699; text-decoration: none;}


/* NAVBAR/FOOTER */
a.one:link {font-family: Verdana, Arial, Helvetica; font-size: 9pt; font-weight: 400; font-style: oblique;
color: #fffff0; text-decoration: underline;  }

a.one:visited {font-family: Verdana, Arial, Helvetica; font-size: 9pt; font-weight: 400; font-style: oblique; color: #fffff0; text-decoration: underline;  }

a.one:hover {font-family: Verdana, Arial, Helvetica; font-size: 9pt; font-weight: 400; font-style: oblique; color: #00ffff; text-decoration: underline;  }

a.one:active {font-family: Verdana, Arial, Helvetica; font-size: 9pt; font-weight: 400; font-style: oblique;
color: #ff0033; text-decoration: underline; }

/* SPECIAL HEADER INSERT */
a.two:link {font-family: Verdana, Arial, Helvetica; font-size: 12pt; font-weight: 500; 
color: #ffffff; text-decoration: underline;  }

a.two:visited {font-family: Verdana, Arial, Helvetica; font-size: 12pt; font-weight: 500; color: #fffff0; text-decoration: underline;  }

a.two:hover {font-family: Verdana, Arial, Helvetica; font-size: 12pt; font-weight: 500; color: #00ffff; text-decoration: underline;  }

a.two:active {font-family: Verdana, Arial, Helvetica; font-size: 12pt; font-weight: 500;
color: #ff0033; text-decoration: underline;}


a.text2:active{color: #6c0000; text-decoration: none;}
a.text2:visited{color: #6c0000; text-decoration: none;}
a.text2:link{color: #6c0000; text-decoration: none;}
a.text2:hover{ color: #00ffff; text-decoration: none;}

.active_menu { color: #8b0000; font-size: 13pt;} 
em {color: black;}

/* SPECIAL HEADERS */
.header {font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: 500; color: #fffff0;}
.header1 {font-family: Arial, Helvetica, sans-serif; font-size: 20pt; font-weight: bold; color: #003333;}
.header2 {font-family: Arial, Helvetica, sans-serif; font-size: 36pt; font-weight: 600; color: #000000;}

/* PARAGRAPH and CONTENT  PROPERTIES */

.bodytext {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 600; color: #6c0000; text-align: justify; text-decoration: none;}

.bodytext2 {font-family: Ariel, Georgia, serif; font-size: 12pt; font-weight: normal; color: #000000; text-align: justify; text-decoration: none;}

.copyright {font-family:  Arial, Helvetica, sans-serif; font-size: 10pt; color: #fffbbb; text-decoration: none;}

.title {  background-color: #eeeeee; /*background: transparent url('../images/button1.gif') no-repeat center left; display: block; */ 
width: 150px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14pt;
font-weight: 600;
color: #003366;}

.title2 {background: transparent url('../images/button1-click.gif') no-repeat center left; display: block; 
width: 150px; 
padding: 4px 10px 4px 2px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12pt; 
color: #fffff0;}


/*  ZONE PROPERTIES - default text flow and color schemes */

.oil { /* Outer container*/
background-color: #eeeeee;
border: groove 3px #003366;
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt; 
font-weight: 600;
color: #6c0000; 
text-decoration: none;
}

.flat { /* Main Content */
border-left: inset 1px #003366;
background-color: #fffff0; 
font-family: Ariel, Georgia, serif; 
font-size: 12pt;
font-weight: normal;
color: #000000;}

.gloss { /*Footer */
border: solid 4px #003366;
background-color: #003366;
font-family: Verdana, times, serif; 
font-size: 10pt; 
font-weight: 300; 
color: #fffbbb;}

/* ZONE POSITIONING PROPERTIES  - Use classes for default text and bg formats     margin-right: 8%; margin-left: 8%; */

div#baseblock { margin: 0 auto; position: relative; top: 0px;  left: 0px; width: 900px; height: 900px; min-height: 900px}

div#navbar {  position: relative; top: 75px; left: 0; width: 900px; height: 20px; text-align: right; }

div#banner {position: absolute; top: 0px; left: 0; width: 900px; height: 75px; background-image: url(../images/header.jpg);}

div#lsidemenu { position: absolute; top:100px; left: 0; width: 20%; height: 720px; padding-left: 12px;}

div#addin1 {position: absolute; top:330px; left: 0; width: 98%; height: 370px; padding-left: 12px; }

div#content1 { position: absolute; top:100px; left: 21%; width: 78%; height: 720px; text-align: left; overflow: auto; }

div#footer1 {position: absolute; top: 825px; left: 0; width: 99%; height: 68px; text-align: center; }


/*  NAVIGATION PROPERTIES  */

.latex  { /* Navbar */

background-color:  #003366; font-family: Verdana, Arial, Helvetica; font-size: 9pt;  font-weight: 400; font-style: oblique; padding-top: 1px; color: #99ccff; text-align: right}


.acrylic { /* left side menu */
 background-color: #eeeeee; padding-left: 6px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 400; color: #6c0000;}



a.boldbuttons { /* left side menu 
background: transparent url('../images/button1.gif') no-repeat top left; */
display: block; float: left; font: normal 15px Arial; /*Change 13px as desired */line-height: 23px; 
/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */height: 31px; /* Height of button background height */padding-left: 8px; /* Width of left menu image */text-decoration: none;}

a:link.boldbuttons, a:visited.boldbuttons, a:active.boldbuttons{color: #000000; /*Normal button text color  */}

a.boldbuttons span{/* background: transparent url('../images/button1.gif') no-repeat top right; */
display: block; width: 150px; padding: 4px 10px 4px 2px; cursor: pointer
/*Set 10px to be equal or greater than'padding-left' value above  color: #ffffff;*/ }

a:hover.boldbuttons{ /* Hover state CSS 
background: transparent url('../images/button1-click.gif') no-repeat top left; */
color: #8b0000;
text-decoration: underline; cursor: pointer}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%; margin-bottom: 1em} 


/* phpscroll.htm  menu */
.buttonstyle1 { 
border-width: medium; width: 140px; height: 25px; font-family: Tahoma, Verdana;  font-size: 12px;  font-style: normal;line-height: normal; color: #FFFFFF;  font-weight: 600;  background-color: #003366;   background-repeat: no-repeat; background-attachment: fixed;background-position: center center;	
cursor: pointer}