body {
background: #182563;
background-image: url('../images/gradient.gif');
background-repeat: repeat-x; 
direction: ltr;
padding: 0px;
margin: 0px;
}

div.container {
margin: auto;
background-color: rgb(245, 245, 220);
width: 980px;
}

div.header {
width: 100%; 
margin: 10px 0px 0px 0px;
text-align: left;
border-bottom: solid 2px #182563;
}

div.topnav {
font-family: "arial";
font-size: 7pt;
font-weight: normal;
color: #182563;
text-align: right;
margin: 3px 10px 3px 0px;
}

div.navigation {
width: 100%;
padding: 0px 0px 2px 0px;
border-bottom: solid 2px #182563;
text-align: center; 
font-family: "Arial";
font-size: 10pt;
font-weight: normal;
color: #182563;
}

div.content {
border-bottom: solid 2px #182563;
width: 100%; 
font-family: "arial";
font-size: 10pt;
color: #182563;
text-align: left;
}

div.poinsettia {
border-bottom: solid 2px #182563;
width: 100%; 
background-image: URL('/poinsettia/k7244-2.jpg');
font-family: "arial";
font-size: 10pt;
color: #182563;
text-align: left;
}

div.fruit {
border-bottom: solid 2px #182563;
width: 100%; 
background-image: URL('/fruit/Ruby-Red.gif');
font-family: "arial";
font-size: 10pt;
color: #182563;
text-align: left;
}

div.footer {
margin: 0px 0px 10px 10px;
font-family: "arial";
font-size: 8pt;
color: #182563;
text-align: left;
}

div.right {
background-color: rgb(245, 245, 220);
float: right;
width: 40%;
margin: 0px 0px 0px 0px;
}

div.roster {
float: left;
width: 25%;
border: 1px solid;
background-color: #FFFFCC;
margin: 5px 5px 0px 5px;
}

dl.roster {
margin: 0px 2px 0px 2px;
color: #182563; 
font-family: "arial";
text-align: justify;
}

dt.roster {
font-size: 10pt;
font-weight: bold;
margin: 2px 0px 0px 0px;
background-color: #FFFFCC;
height: auto;
}

dd.roster {
margin: 0px 0px 0px 20px;
font-size: 8pt;
font-style: italic;
height: auto;
}

ul.roster {
margin: 0px 0px 0px 0px;
}

div.left {
float: left;
width: 60%;
margin: 0px 10px 0px 0px;
}

h1 {
color: #182563;
font-family: "times new roman";
text-align: left;
margin: 0px 0px 0px 0px;
font-size: 20pt;
}

h2 {
color: #182563;
font-family: "times new roman";
font-style: italic;
text-align: left;
margin: 0px 0px 0px 0px;
font-size: 10pt;
}

h3 {
color: #182563;
font-family: "arial";
text-align: center; 
margin: 20px 5px 10px 5px; 
font-size: 20pt;
}

h3.small { 
font-size: 18pt;
}

h3.smaller { 
font-size: 12pt;
}
h4 {
color: #ff0000; 
font-family: "arial";
text-align: center; 
margin: 0px 5px 5px 5px; 
font-size: 12pt;
}

h5 {
color: #182563; 
font-family: "arial";
text-align: center; 
margin: 5px 5px 5px 5px; 
font-size: 12pt;
}

h6 {
color: #182563; 
font-family: "arial";
text-align: center; 
margin: 0px 5px 5px 5px; 
font-size: 8pt;
}

p {
margin: 5px 20px 5px 10px;
font-family: "arial";
text-align: justify; 
font-size: 10pt;
}

p.bigred {
color: #ff0000;
font-family: "arial";
text-align: justify;
margin: 5px 20px 5px 10px;
font-size: 14pt;
}

p.announce {
color: #ff0000; 
font-family: "arial";
text-align: justify; 
font-size: 10pt;
margin: 5px 10px 5px 10px;
}

p.bold {
font-weight: bold;
margin: 0px 0px 0px 0px;
}

p.fineprint {
color: #182563; 
font-family: "arial";
text-align: left; 
margin: 10px 5px 0px 5px; 
font-size: 7pt;
}

li {
margin: 0px 0px 0px 20px;
}

li.navigation {
list-style-type: none;
display: inline;
margin: 0px 5px 0px 5px;
}

li.current {
list-style-type: none;
display: inline;
font-weight: bold;
margin: 0px 5px 0px 5px;
}

hr {
background: #FFCC33;
}

a:link {
color: #182563;
}

a:visited {
color: #182563;
}

a:hover {
color: red;
}

a:active {
color: green;
}

dl {
margin: 0px 10px 0px 10px;
}

dt {
background-color: #f1b526;
margin: 5px 0px 0px 0px;
color: #182563; 
font-family: "arial";
text-align: justify; 
font-size: 12pt;
}

dd {
margin: 5px 0px 0px 0px;
text-align: justify; 
}

img.dl {
border: 1px solid;
height: 98px;
margin: 0px 5px 0px 0px;
float:left;
}

img.ds {
border: 1px solid;
height: 48px;
margin: 0px 5px 0px 0px;
float:left;
}

img.dsr {
border: 1px solid;
height: 48px;
margin: 0px 0px 0px 10px;
float:right;
}

img.left {
border: 0px;
margin: 5px 5px 5px 10px;
float:left;
}

img.right {
border: 1px solid;
margin: 0px 10px 3px 5px;
float: right;
}

img.right1 {
border: 0px solid;
margin: 0px 10px 3px 5px;
float: right;
}

img.center {
border: 0px solid;
padding: 0px 1cm 0px 1cm;
}

table.border {
border-collapse: separate;
border-spacing: 2px;
border: 3px inset;
margin: auto;
border-color: darkblue;
}

table.collapse {
border-collapse: collapse;
border-spacing: 2px;
border: 3px inset;
margin: auto;
border-color: darkblue;
background-color: #f1b526;
}