/* CSS Document */
body { /*Set some overall defaults*/
font-family: verdana, arial, sans-serif;
font-size: 11px;
color: #336;
margin: 0;
text-align: center;
background-color: #d2d2d2;
}

a {/*set the link appearance of the text*/
color: #2210d2;
text-decoration: underline;
}

a:visited {
text-decoration: underline;
color: #4c4c4c;
}
a:hover {
text-decoration: underline;
color: #ff0000;
}


#content img { /*put a noborder on all images in the content area*/
border: 0px solid #000066;
}

a.DefaultFont { /*fix some text attributes*/
font-size: 12px;
}
.DefaultFont {
	font-size: 12px;
	line-height: 130%;
}

.HomeFont {
	font-size: 11px;
	line-height: 130%;
	margin-right: 10px;
}

ul.HomeFont{
     margin-left: 15px;
}

.Small10px {
	font-size: 10px;
}

.RightAlign {
text-align: right;
}
.CenterAlign {
text-align: center;
}
 .tightBottom {
	margin-bottom: -20pt;
}
.closeBottom {
	margin-bottom: -12pt;
}


.floatleft /*For the logo, locate to left and push it from the left edge with a margin*/
{
float: left;
margin: 0 0px 0px 40px;
}

.floatleft2 /*For pictures to the left of the text, make sure they don't touch is stacked by having a margin*/
{
float: left;
margin: 0px 10px 10px 0px;
}

#content img.floatright /*For pictures to the right, make sure the don't touch with margin and stay on right with a clear*/
{
float: right;
margin: 3px 0 5px 5px;
clear: right;
border: 1px solid #000000;
}

#pagecont
{
position: relative;
width: 760px;
/*align: center; */
margin: 0 auto;
padding: 0;
/*background-color: #f0f0f0;*/
background-color: #2b2b2b;
border: 1px solid #2210d2;
border-left-width: 5px;
border-right-width: 5px;
line-height: 130%;
text-align: left;
}

#headcont
{
margin: 0;
padding: 0;
}

#headcont p
{
margin-left: 160px;
}
#headcont h1 {
margin-left: 160px;
margin-right: 10px;
margin-bottom: -0px;
padding-left: 10px;
font-size: 11px;
}

#leftnav
{
position: relative;
float: left;
clear: left;
width: 140px;
margin: 0;
padding: 0;
/*margin-left: 10px;
margin-right: 10px;*/
padding-left: 10px;
line-height: 100%;
/*border: 1px solid #ff0000;*/
/*border-right: 1px solid #aaf;*/
}


#content
{
margin: 0;
margin-left: 155px;
padding-left: 15px;
padding-right: 5px;
/*margin-right: 10px;*/
/*border-left: 1px solid #aaf;*/
/*padding: 5px;*/
width: 560px;
background-color: #d6d6d6;
border-left: 2px solid #000000;
border-top: 2px solid #000000;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
color: #000;
}

#content h1 {
color: #2210d2;
font-size: 24px;
font-family: "Comic Sans MS", Arial, sans-serif;
font-weight: bold;
padding: 5px 0 5px 0px;
margin: 0px 0 10px 0px;
}

#content h2 {
color: #2210d2;
font-size: 14px;
font-family: "Comic Sans MS", Arial, sans-serif;
font-weight: bold;
margin: 10px 0 5px 0px;
}

#content h3 {
color: #2210d2;
font-size: 12px;
font-family: "Comic Sans MS", Arial, sans-serif;
font-weight: bold;
margin: 5px 0 3px 0px;
}
#content td h1 {
font-size: 13px;
margin: 0 0 3px 0px;
padding: 0;
}
#content td p {
font-size: 11px;
line-height: 130%;
}
#content td li {
font-size: 11px;
line-height: 130%;
margin: 0 0 0 0;
}

#content p {
margin: 0px 15px 5px 0px;
}
ul {
margin-top: 0;
}
ol {
margin-top: 0;
}
li {
margin: 0 30px 5px 20px;
}

#footer
{
clear: both;
margin: 0;
margin-left: 155px;
margin_top: 15px;
padding-left: 15px;
padding-right: 15px;
width: 570px;
font-size: 9px;
text-align:center;
color: #8c8c8c;
/*border-top: 1px solid #2210d2;*/
}

#footer a {
color: #8c8c8c;
text-decoration: none;
}

#footer a:hover {
color: ff0000;
}
#footer2 {
	font-size: 8px;
	color: #454545;
}
#footer2 p {
margin: 0;
}

#menunavcontainer { 
float: left;
margin-left: 0px; 
font-size: 9px;
color: #8c8c8c;

}
#menunavcontainer a {
color: #2210d2;
text-decoration: none;
}
#menunavcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
margin-top: 5px;
margin-bottom: 5px;
}

#menunavcontainer li { 
margin: 0;
margin-top: 1px;
}
#menunavcontainer li li{ 
margin: 0;
}

#menunavcontainer li a, #menunavcontainer li p
{
display: block;
color: #d6d6d6;
background-color: #transparent;
width: 120px;
margin: 0;
margin-top: 4px;
padding: 2px 1px 2px 10px;
text-decoration: none;
border-top: 1px solid #8c8c8c;
border-bottom: 1px solid #8c8c8c;
border-left: 1px solid #8c8c8c;
/*border-right: 10px solid #ffffff;*/
font-size: 13px;
font-family: "Comic Sans MS", Arial, sans-serif;
font-weight: bold;
}

#menunavcontainer li a:hover
{
color: #f33;
/*border-right: 10px solid #f33;*/
/*padding: 2px 1px 2px 10px;*/
}

#menunavcontainer ul ul
{
margin-left: 20px;
margin-top: -1px;
margin-bottom: 1px;
padding: 0;
list-style-type: none;
}

#menunavcontainer li li a
{
display: block;
background-color: transparent;
width: 90px;
padding: 2px 10px;
margin: 0;
border-bottom: 1px solid #8c8c8c;
border-top: none;
border-right: none;
border-left: 1px solid #8c8c8c;
text-decoration: none;
font-size: 11px;
}

#tagline {
position: relative;
top: -18px;
left: 170px;
width: 500px;
}
#tagline h1 {
margin: 0;
padding: 0;
color: #8c8c8c;
font-size: 12px;
font-family: "Comic Sans MS", Arial, sans-serif;
font-weight: bold;
}

.datatable th {
background-color: #8c8c8c;
}

#countdown {
position: relative;
top: -130px;
left: -150px;
width: 500px;
color: #ececec;
font-size: 12px;
font-family: "Comic Sans MS", Arial, sans-serif;
font-weight: bold;
}
#sidebar {
  border: 1px solid #8c8c8c;
  float: right;
  clear: right;
  width: 25%;
  padding: 0;
  line-height: 100%;
  background-color: #ffffff;
  font-size: 10px;
  padding-left: 5px;
  margin-right: -5px;
}
#weather {
  float: right;
  clear: right;
  width: 170px;
  padding: 0;
  margin-right: -5px;
}

#sidebar h1 {
display: block;
margin-top: 0;
margin-left: -5px;
padding: 2px 2px 2px 5px;
background-color: #d6d6d6;
border-bottom: 1px solid #8c8c8c;
color: #2210d2;
font-size: 13px;
font-family: "Comic Sans MS", Arial, sans-serif;
font-weight: bold;
}

#emailsignup {
position: absolute;
top: 5px;
left: 620px;
width: 130px;
line-height: 150%;
margin: 0;
padding: 0;
padding-right: -10px;
}