﻿<style>
/* These styles just pretty up the page a bit. */
.style0 {	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt; letter-spacing:0px}
.style1 {	font-family: Arial, Helvetica, sans-serif;	font-size: 11pt; letter-spacing:0px}
.style2 {	font-family: Arial, Helvetica, sans-serif;	font-size: 12pt; letter-spacing:0px}
.style3 {	font-family: Arial, Helvetica, sans-serif;	font-size: 13pt; letter-spacing:0px}
.style4 {	font-family: Arial, Helvetica, sans-serif;	font-size: 14pt; letter-spacing:0px}
.style9 {	font-family: Arial, Helvetica, sans-serif;	font-size: 24pt; letter-spacing:0px}
.style10 {	font-family: Times New Roman, Times, serif;	font-size: 10pt; letter-spacing:1px}
.style11 {	font-family: Times New Roman, Times, serif;	font-size: 11pt; letter-spacing:1px}
.style12 {	font-family: Times New Roman, Times, serif;	font-size: 12pt; padding-left:5px}
.style14 {	font-family: Times New Roman, Times, serif;	font-size: 14pt; letter-spacing:1px}
.style15 {	font-family: Times New Roman, Times, serif;	font-size: 10pt; color: #0000FF; font-weight: bold;}
.style16 {	font-family: Times New Roman, Times, serif;	font-size: 11pt; color: #0000FF; font-weight: bold;}
.style17 {	font-family: Times New Roman, Times, serif;	font-size: 12pt; color: #0000FF; font-weight: bold;}
.style26 {	font-family: Times New Roman, Times, serif;	font-size: 14pt; color: #0000FF; font-weight: bold;}
/* NAVY color font */
.style18 {	font-family: Latha;	font-size: 8pt; color: navy; line-height:1.5;}
.style19 {	font-family: Latha;	font-size: 9pt; color: navy; line-height:1.5;}
.style20 {	font-family: Latha;	font-size: 10pt; color: navy; line-height:1.5;}
.style21 {	font-family: Latha;	font-size: 11pt; color: navy; line-height:1.5;}
.style22 {	font-family: Latha;	font-size: 12pt; color: navy; line-height:1.5;}
.style24 {	font-family: Latha;	font-size: 14pt; color: navy; line-height:1.5;}
.style25 {	font-family: Latha;	font-size: 9pt; color: navy; line-height:2;}

/* BLUE color font */
.style28 {	font-family: Latha;	font-size: 8pt;	color: #1E90FF;}
.style29 {	font-family: Latha;	font-size: 9pt;	color: #1E90FF;}
.style30 {	font-family: Latha;	font-size: 10pt; color: #1E90FF;}
.style31 {	font-family: Latha;	font-size: 11pt; color: #1E90FF;}
.style32 {	font-family: Latha;	font-size: 12pt; color: #1E90FF;}
/* GOLD color font */
.style33 {	font-family: Latha;	font-size: 10pt; color: #FFD700;}
/* BLACK color font */
.style35 {	font-family: Latha;	font-size: 8pt;	color: black;}
.style36 {	font-family: Latha;	font-size: 9pt;	color: black;}
.style37 {	font-family: Latha;	font-size: 10pt; color: black;}
.style38 {	font-family: Latha;	font-size: 26pt; color: #0000FF; font-weight: bold;}
.style39 {	font-family: Latha;	font-size: 28pt; color: #0000FF; font-weight: bold;}
.style40 {	font-family: Latha;	font-size: 30pt; color: #0000FF; font-weight: bold;}

.style41 {	font-family: Arial, Helvetica, sans-serif;	font-size: 11pt; color: #00008B; letter-spacing:0px}
.style49 {	font-family: Latha;	font-size: 9pt; color: navy; line-height:1.0; letter-spacing:-2px}

html, body, header {margin: 0; padding: 0; border:0 }

p{color:Navy; line-height:1.6;  margin-bottom: -7px; font-size:9pt } 
ph{color:Blue; font-weight:bold; line-height:2.0;  font-size:9pt} 
pb{color:Navy; line-height:1.4; margin-bottom: 0px; font-size:9pt } 
pe{color:Navy; font-size:13pt; line-height:1.5; margin-bottom: 0em; } 
pn{color:Navy; line-height:1.5; margin-left:20px } 
pw{color:#FEFEFE; line-height:1.0; margin-bottom: 0px; font-size:4pt } 
pla{color:Blue; line-height:1.6;  margin-bottom: -7px; font-size:10.5pt } 

h1{color:blue; line-height:1.0; margin-top:0px; font-size:18pt; font-weight: bolder }
h2{color:blue; line-height:1.0; margin-top:0px; font-size:16pt; font-weight: bolder }
h3{color:blue; line-height:1.0; margin-top:0px; font-size:14pt; font-weight: bolder }
h4{color:blue; line-height:1.5; font-size:12pt; font-weight: bolder }
h5{color:blue; line-height:1.5; margin:0px	auto 0px auto;  font-size:10pt; font-weight: bolder }
h6{color:blue; margin:0px	auto 0px auto;  font-size:9pt; font-weight: bolder }
 
.image { position:relative; }
.image .text {float: none;  position: relative; top:-10px; width:200px; font-size:8pt; text-align:center}

body {background-image:url('../images/stars.jpg'); position:relative; margin: 0px; padding: 0px; border: 0px; font-size: 100%; line-height: 1.0;}
 
#horline1 { position: relative; width: 1040px; height:1px; margin: 0 auto; 
   background-color: #0000FF; }	 
#horline { position: relative; float: left; width: 500px; height:1px;
   margin-left:50px; background-color: #0000FF; }	 
#horlinemedium { position: absolute; float: left; width: 300px; height:2px;
   margin-left:50px; background-color: #0000FF; }	 
#horlineshort { position: absolute; float: left; width: 180px; height:1px;
   margin-left:50px; background-color: #0000FF; }	 
#edgeline1 { float:left; position: relative; width: 1px; height:1000px; background-color: #0000FF; }	 

#top_bar { position: relative; font-size: 1em; width: 1050px; height:35px; 
   padding:0px 0px 0px 0px ; margin: 0 auto; background-color: #B0E0E6; }
#banner {position: relative;  width: 1050px;  height:80px;  margin: 0 auto; background-color: #F0F8FF;}
#bannerleft {float:left; position: relative;  width: 100px;  height:80px; }
#bannercentre {float:left; position: relative;  width: 290px;  height:50px; padding-top:15px }
#bannerright {float:left; position: relative;  width: 635px; height:80px; }
#wrap { position: relative; font-size: 9pt; height:17px; width: 1050px; 
   padding: 26px 0px; margin: 0 auto; background-color: #F0FFFF; }

#container {display: table; position: relative; font-size: 1em; width: 1050px; padding-top:0px; margin: 0 auto; overflow:hidden; background-color: #F0F8FF;}
#threecol {position: relative; font-size: 1em; width: 1050px; padding-top:0px; margin: 0 auto; overflow:hidden; background-image:url('../images/dots.jpg')}
#calculator {  float:left;  position: relative; font-size: 1em; width: 815px; height:35px; padding:	0px	5px 0px 5px; margin: 0 auto 0 0; background-image:url('../images/dots.jpg');}	 
#heading {  float:left;  position: relative; font-size: 1em; width: 820px; padding:	0px	5px 0px 5px; margin: 0 auto 0 0; background-image:url('../images/dots.jpg');}	 
#edgeline1 { float:left; position: relative; width: 1px; height: inherit;
   background-color: #0000FF; }	 

#horbar {   float:left;  position: relative; font-size: 1em;  width: 1050px;   height: 40px;  padding:	0px	5px 5px 5px;
   margin: 0 auto 0px 0;   background-image:url('../images/dots.jpg');	 }


#leftcol {display: table-cell;  float:left; position: relative; font-size: 1em; width: 200px; padding: 0px 5px 5px 5px; margin: 0 auto 0px 0; 
   background-image:url('../images/dots.jpg'); }	 
#centcol {display: table-cell;  float:left; position: relative; font-size: 1em; width: 610px;
   height: auto; padding: 0px 5px 5px 5px; margin: 0 auto; 
   background-image:url('../images/dots.jpg'); }
#centplusrightcol{display: table-cell;  float:left; position: relative; font-size: 1em; width: 825px;
   height: auto; padding: 0px 5px 5px 5px; margin: 0 auto; 
   background-image:url('../images/dots.jpg'); }
#centlefthalfcol {display: table-cell;  float:left; position: relative; font-size: 1em; width: 300px;
   height: inherit; padding: 0px 5px 5px 5px; margin: 0 auto; 
   background-image:url('../images/dots.jpg'); }
#centrighthalfcol{display: table-cell;  float:left; position: relative; font-size: 1em; width: 300px;
   height: inherit; padding: 0px 5px 5px 5px; margin: 0 auto; 
   background-image:url('../images/dots.jpg'); }
#rightcol { float:left; position:relative ;   font-size: 1em; width: 200px;
   height: inherit; padding:  0px 5px 5px 5px; margin: 0 auto 0px 0; 
   background-image:url('../images/dots.jpg'); }
#twin {  float:left;  position: relative; font-size: 1em; width: 820px; height: inherit;  padding:	0px	5px 0px 5px;
   margin: 0 auto 0 0; background-image:url('../images/dots.jpg'); }	 
#twinleft {  float:left;  position: relative; font-size: 1em; width: 405px; height: inherit;  padding:	0px	5px 5px 5px;
   margin: 0 auto 0 0; background-image:url('../images/dots.jpg'); }	 
#twinright {  float:left;  position: relative; font-size: 1em; width: 405px; height: inherit;  padding:	0px	5px 5px 5px;
   margin: 0 auto 0 0; background-image:url('../images/dots.jpg'); }	 
#twocolleft {  float:left;  position: relative; font-size: 1em; width: 325px; height: auto;  padding:	0px	5px 5px 5px;
   margin: 0 auto 0 0; background-image:url('../images/dots.jpg'); }	 
#twocolright {float:left;  position: relative; font-size: 1em;  width: 710px;   height: inherit;   padding:	0px	5px 5px 5px;
   margin: 0 auto 0px 0;   background-image:url('../images/dots.jpg');	 }	 
#halfleft {  float:left;  position: relative; font-size: 1em; width: 490px; height: inherit;  padding:	0px	10px 5px 20px;
   margin: 0 auto 0 0; background-image:url('../images/dots.jpg'); }	 
#halfright {  float:left;  position: relative; font-size: 1em; width: 490px; height: inherit;  padding:	0px	10px 5px 20px;
   margin: 0 auto 0 0; background-image:url('../images/dots.jpg'); }	 

.thcolleft {  display: table-cell;  float:left;  position: relative; font-size: 1em; width: 325px;   height: auto; padding:	0px	5px 5px 5px;
   margin: 0 auto 0 0; background-image:url('../images/dots.jpg'); }	 
.thcolcent {  display: table-cell;  float:left;  position: relative; font-size: 1em;  width: 340px;   height: inherit;  padding:	0px	5px 5px 5px;
   margin: 0 auto 0px 0;   background-image:url('../images/dots.jpg');	 }	 
.thcolright {   display: table-cell;  float:left;  position: relative; font-size: 1em;  width: 340px;  height: inherit; padding:	0px	5px 5px 5px;
   margin: 0 auto 0px 0;   background-image:url('../images/dots.jpg');	 }
   

.col-container {  display: table;  width: 1050px;}
.col1 {  display: table-cell;  padding:	0px	5px 5px 5px; margin: 0 auto 0 0; 	width:325px; background-image:url('../images/dots.jpg');}
.col2 {  display: table-cell;  padding:	0px	5px 5px 5px; margin: 0 auto 0 0; 	width:340px; background-image:url('../images/dots.jpg');}
.col3 {  display: table-cell; padding:	0px	5px 5px 5px; margin: 0 auto 0 0; 	width:340px; background-image:url('../images/dots.jpg');}



	 
/*    background-color: #FEFEFE; */

#centleftcol1 {float:left; font-size: 1em; width: 290px; height: 960px; padding:	5px	5px 5px 5px; background-color: #FDFEFE;}	 
#centrightcol1 {float:left; font-size: 1em; width: 290px; height: 960px; padding:	5px	0px 5px 10px; background-color: #FDFEFE; }	 

div.left { font-size:1em; float:left; width:300px; padding:5px 0px 5px 5px; }
div.right { font-size:1em; margin-left:305px; padding:5px 5px 5px 0px; }


#roundbox1 { float:none; position: static;	border:2px solid #a1a1a1; background:#99DDFF; 
			width:100px; height:25px; border-radius:15px; -moz-border-radius:15px; }    
#roundbox15 {  float:none; position: static;	border:2px solid #a1a1a1; padding:0px 40px; background:#99DDFF; 
			width:150px; height:25px; border-radius:15px; -moz-border-radius:15px; }    
#roundbox2 {  float:none; position: static;	border:2px solid #a1a1a1; padding:0px 40px; background:#99DDFF; 
			width:200px; height:25px; border-radius:15px; -moz-border-radius:15px; }    
#roundbox25 {  float:none; position: static;	border:2px solid #a1a1a1; padding:0px 40px; background:#99DDFF; 
			width:250px; height:25px; border-radius:15px; -moz-border-radius:15px; }    
#roundbox3 {  float:none; position: static;	border:2px solid #a1a1a1; padding:0px 40px; background:#99DDFF; 
			width:300px; height:25px; border-radius:15px; -moz-border-radius:15px; }    
#roundbox35 {  float:none; position: static;	border:2px solid #a1a1a1; padding:0px 40px; background:#99DDFF; 
			width:350px; height:25px; border-radius:15px; -moz-border-radius:15px; }    
#roundbox4 {  float:none; position: static;	border:2px solid #a1a1a1; padding:0px 40px; background:#99DDFF; 
			width:400px; height:25px; border-radius:15px; -moz-border-radius:15px; }    
#roundbox45 {  float:none; position: static;	border:2px solid #a1a1a1; padding:0px 40px; background:#99DDFF; 
			width:450px; height:25px; border-radius:15px; -moz-border-radius:15px; }    
#roundbox5 {  float:none; position: static;	border:2px solid #a1a1a1; padding:0px 40px; background:#99DDFF; 
			width:500px; height:25px; border-radius:15px; -moz-border-radius:15px; }    
#shadowbox1 {  float:none; position: static; 	padding:0px 40px 0px; background:#99EEFF;		
			width:100px; height:30px; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10px 5px #888888; }
#shadowbox15 {  float:none; position: static; 	padding:0px 40px 0px; background:#99EEFF;		
			width:150px; height:30px; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10px 5px #888888; }
#shadowbox17 {  float:none; position: static; 	padding:0px 40px 0px; background:#99EEFF;		
			width:170px; height:30px; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10px 5px #888888; }
#shadowbox2 {  float:none; position: static; 	padding:0px 40px 0px; background:#99EEFF;		
			width:200px; height:30px; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10px 5px #888888; }
#shadowbox25 {  float:none; position: static; 	padding:0px 40px 0px; background:#99EEFF;		
			width:250px; height:30px; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10px 5px #888888; }
#shadowbox3 { float:none; position: static;	 padding:0px 40px; background:#99EEFF;		
			width:300px; height:30px; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10px 5px #888888; }
#shadowbox35 { float:none; position: static;	 padding:5px 40px 0px;  background:#99EEFF;		
			width:350px; height:30px; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10px 5px #888888; }
#shadowbox4 {  float:none; position: static; padding:0px 40px; background:#99EEFF;		
			width:400px; height:30px; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10px 5px #888888; }
#shadowbox45 {   float:none; position: static; padding:0px 40px; background:#99EEFF;		
			width:450px; height:30px; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10px 5px #888888; }
#shadowbox5 {   float:none; position: static; padding:0px 40px; background:#99EEFF;		
			width:500px; height:30px; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10px 5px #888888; }
#shadowbox6 {   float:none; position: static; padding:0px 40px; background:#99EEFF;		
			width:600px; height:30px; -moz-box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10px 5px #888888; }

/* Banner F0F8FF  RD-BOX0 F0FFFF  SH-BOX2 9999FF D0FFFF*/


p.one{border-style:solid;border-color:red;border-width:5px;}
p.two{border-style:dotted;border-color:#98bf21;border-width:medium;} 
p.solid{width:350px;border-style:solid;border-color:#3300FF;border-width:3px; background-color:#3300FF} 


/* These styles create the dropdown menus. */
#navbar { float:left; position: relative; top: 0; bottom: 12; right: 20; margin: 0; padding: 0;}
#navbar li { list-style: none; float: left; }
#navbar li a { display: inline; padding: 2px 5px 5px; text-transform: uppercase; text-decoration: none; color: #9400D3; font-weight: bold; }
#navbar li a:hover { color: #FF4500; font-weight: bold; }
#navbar li ul { display: none; }
#navbar li.hover ul { position: absolute; display: inline; top:35px; left: 0;
   width: 1000px; margin: 0; padding: 0; }
#navbar li:hover ul { position: absolute; display: inline; top:35px; left: 0;
   width: 1000px; margin: 0; padding: 0; }
#navbar li.hover li { float: left; }
#navbar li:hover li { float:left ; }
#navbar li.hover li a { color: #000; font-weight: bold; }
#navbar li:hover li a { color: #DAA520; font-weight: bold; }
#navbar li li a:hover { color: #FF4500; font-weight: bold; }
   

#navbar2 { float:left; position: relative; top: 0; bottom: 12; right: 20; margin: 0;
   padding: 0;}
#navbar2 li { list-style: none; float: left; }
#navbar2 li a { display: inline; padding: 2px 5px 5px; text-transform: uppercase; text-decoration: none; color: #9400D3; font-weight: bold; }
#navbar2 li a:hover { color: #FF4500; font-weight: bold;  }
#navbar2 li ul { display: none;  }
#navbar2 li.hover ul { position: absolute; display: inline; top:35px; right: 0;
   width: 1000px; margin: 0; padding: 0; }
#navbar2 li:hover ul { position: absolute; display: inline; top:35px; right: 0;
   width: 1000px; margin: 0; padding: 0; }
#navbar2 li.hover li { float:right; }
#navbar2 li:hover li { float:right ; }
#navbar2 li.hover li a { color: #000; font-weight: bold; }
#navbar2 li:hover li a { color: #DAA520; font-weight: bold; }
#navbar2 li li a:hover { color: #FF4500; font-weight: bold; }

@media only screen and (max-width: 600px) {
  .col { 
    display: block;
    width: 100%;
  }
}
div.left { font-size:1em; float:left; width:350px; padding:5px 0px 5px 5px; }
div.right { font-size:1em; margin-left:355px; padding:5px 5px 5px 0px; }

</style>

