body {
margin: 20px auto;
background: #336;
}

td {
text-align: left;
font-family:
Arial,Helvetica,sans-serif;
font-size: 11px;
color: #000;
}

a {
color: #336;
font-weight: bold;
}

a:hover {
text-decoration: underline;
}

.blue {
color: #336;
text-decoration: none;
}

.black {
color: #000;
text-decoration: none;
}

.gray {
color: #708090;
text-decoration: none;
}

.white {
color: #FFF;
text-decoration: none;
}

.orange {
color: #653333;
font-style: italic;
font-weight: normal;
}

.yellow {
color: #FFCC00; text-decoration: underline;
}

.copy {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}

.b {
font-weight: bold;
}

.copy a:link,.copy a:visited,.copy a:active {
color: #336;
text-decoration: none;
}

.copy a:hover {
text-decoration: underline;
}

.menu {
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
color: #FFF;
text-decoration: none;
}

.up {
text-transform: uppercase;
}

H1, H2, H3, H4, H5, H6 {
font-family: Arial,Helvetica,sans-serif;
text-align: left;
margin: 0;
}

H1 {
font-size: 20px;
color: #336;
text-transform: uppercase;
}

H2 {
font-size: 16px;
color: #653333;
font-style: italic;
}

H3 {
font-size: 16px;
color: #FFF;
text-align: center;
}

H4 {
font-size: 16px;
color: #708090;
}

H5 {
font-size: 17px;
font-weight: bold;
color: #336;
}

H6 {
font-size: 15px;
color: #696969;
}

#screenshots img {
text-align: center;
vertical-align: top;
border: 1px solid #000;
width: 250px;
padding: 2px;
}

#screenshots a {
text-decoration: underline;
color: #333366;
vertical-align: middle;
}

#screenshots p {
width: 300px;
float: right;
margin: 1px;
border: none;
padding: 2px;
text-align: center;
}

#marquee {
width: 98%;
height: 15px;
text-align: center;
margin-bottom: 10px;
color: #336;
font-family: Arial;
font-size: 14px;
background-color: #FF9966;
}

#container {
width: 800px; height: 820px;
border: 0;
background: transparent url(images/CEILING-FADE35-bright.jpg);
margin: 0 auto;	
}

#menubar {
width:150px;
float: left;
border: 0;
}

#content {
width: 610px;
float: left;
border: 0;
padding: 5px 10px 20px 10px;
}

/* carousel styles below */

div.HOLDER {
    position: relative;
    height: 465px; width: 396px;
    border: 2px solid #006; 
	background: transparent;
	padding: 0;
}
div#TABS {
    position: absolute; top: 0px; left: 0px;
    height: 465px; width: 386px;
    border: none;
	padding: 10px;
}
div#TABS div {
    position: absolute; top: 0px; left: 0px;
    height: 465px; width: 386px;
    display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding: 10px;
}
div#TABS div.SHOWTAB { 
    display: block;
}
div#TABS div h4 {
    font-size: x-large; 
    font-weight: bold;
	color: #006
}
div#NOTES {
    position: absolute; top: 0px; left: 398px;
    height: 460px; width: 195px;
    border: none;
}
div#NOTES div {
    position: relative;
    height: 105px; width: 193px;
    border: solid #006 1px;
    padding: 5px;
    background-color: #f4f4f4;
    color:#CCC;
    font-size: small; 
	font-family: Arial, Helvetica, sans-serif;
}
div#NOTES div h4 {
    font-size: medium; 
    font-weight: bold;
}
div#NOTES div.NOTEHIGHLIGHT {
    background-color: #FFCC00;
    color: #006;
}

/* calendar styles below */

#calendar {
background: white;
}

#calendar h4 a{
text-decoration: none;
clear: left;
background: #CCC;
color: #000;
padding: 3px;
width: 98%;
text-align: left;
font-size: 13px;
font-weight: bold;
display: block;margin: 5px 0 3px 0;
}

#calendar ul {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 1.5em;
}

#calendar li {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 1.5em;
clear: left;
}

#calendar a {
color: #336;
font-weight: bold;
}

#calendar a:hover {
text-decoration: underline;
}

.alt-calendar {
margin: 0 0 5px 0;
}

.caldate {
width: 15%;
background: transparent;
color: #000;
padding: 3px;
text-align: left;
font-size: 12px;
font-weight: bold;
margin: 0;
display: block;
float: left;
}

.calevent {
width: 56%;
background: transparent;
color: #336;
padding: 3px;
text-align: left;
font-size: 12px;
font-weight: bold;
margin: 0;
display: block;
float: left;
}

.calwhere {
width: 25%;
background: transparent;
color: #000;
padding: 3px;
text-align: left;
font-size: 12px;
font-weight: normal;
margin: 0;
display: block;
float: left;
}

.caldateheader {
width: 15%;
background: #CCC;
color: #696969;
padding: 3px;
text-align: left;
font-size: 15px;
font-weight: bold;
margin: 5px 0 3px 0;
display: block;
float: left;
}

.caleventheader {
width: 56%;
background: #CCC;
color: #696969;
padding: 3px;
text-align: left;
font-size: 15px;
font-weight: bold;
margin: 5px 0 3px 0;
display: block;
float: left;
}

.calwhereheader {
width: 25%;
background: #CCC;
color: #696969;
padding: 3px;
text-align: left;
font-size: 15px;
font-weight: bold;
margin: 5px 0 3px 0;
display: block;
float: left;
}

.title {
background: #ffcc00;
color: #000;
padding: 3px;
width: 99%;
text-align: left;
font-size: 17px;
font-weight: bold;
display: block;
margin: 0 0 3px 0;
font-family: Arial;
}

.clear {
clear: left;
}

.calendartitle {
display: block;
width:600px;
background: #333366;
color: #FFF;
font-family: arial;
font-weight: bold;
font-size: 17px;
padding: 3px 0px;
text-align: center;
margin: 15px 0 2px 0;
}

#footer {
background: #F4EDEA url(images/blubg.jpg) no-repeat;
width: 800px; height: 30px;
clear: left;
text-align: center;
margin: 0 auto;
border-top: 2px double #006;
line-height: 30px; 
vertical-align: middle;
}