body
{
margin:0;
padding:0; 
background: #959393;
}

#container
{
background: #494a4b;
background-attachment: fixed;
width: 940px;
min-height: 620px;
margin: 20px auto;
padding: 0;
border: solid black;
}

#header
{
padding: 0 0 0 20px;
font-size: 30px;
font-weight: bold;
font-style: italic;
color: black;
}

.update
{
font-family: arial narrow;
color: white;
text-align: right;
}

img.motto
{
padding: 0 0 10px 30px;
}

#mainNav
{ /* all lists */
list-style: none;
float: left;
background: #494A4B;
width: 156px;
height: 385px;
padding: 0 0 10px 0;
margin: 10px 10px 1px 0;
border-top: 5px solid black;
border-right: 5px solid black;
border-bottom: 5px solid black;
text-align: center;
line-height: 30px;
}

#mainNav ul
{ /* all lists */
margin: 0;
padding; 0;
list-style: none;
float: left;
width: 156px;
display: block;
}

#mainNav li
{ /* all list items */
position: relative;
float: left;
line-height: 30px;
width: 156px;
}

#mainNav li ul
{ /* second-level lists */
position: absolute;
left: -999em;
margin-left: 7.55em;
margin-top: -2em;
}

#mainNav li ul ul
{ /* third-and-above-level lists */
left: -999em;
}

#mainNav li a
{
width: 154px;
display: block;
color: white;
font-family: arialnarrow;
font-size: 20px;
text-decoration: none;
background: #959393 url(images/button.jpg);
line-height: 32px;
}

#mainNav li li a
{
font-size: 16px;
border: 1px solid black;
line-height: 30px;
}

#mainNav li a:hover
{
display: block;
font-weight: bold;
color: #57B6F3;
text-decoration: none;
line-height: 30px;
width: 154px;
background: #494a4b url(images/button2.jpg);
border: 1px solid black;
}

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul
{ /* lists nested under hovered list items */
left: auto;
}

#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul
{
left: -999em;
}


#mainContent
{
text-align: center;
font-family: "trebuchet ms";
color: white;
font-size: 16px;
padding: 10px;
}

#article
{
padding: 0 10px 0 10px;
text-align: justify;
background: white;
color: #494a4b;
}

#blink
{
text-decoration: blink;
font-size: 30px;
font-weight: bold;
display: block;
}

.beware
{
font-family: trebuchet ms;
color: #57B6F3;
font-size: 50px;

}

.quote
{
font-family: trebuchet ms;
color: #57B6F3;
font-size: 16px;
font-style: italic;
}

.title
{
text-align: left;
font-family: trebuchet ms;
color: #57B6F3;
font-size: 16px;
font-style: italic;
height: 8px;
}


.note
{
font-family: trebuchet ms;
font-size: 12px;
font-style: italic;
}

img
{
border: none;
}

a:link, a:visited
{
color: white;
}

a:hover
{
color: #57B6F3;
font-weight: bold;
}

.right
{
text-align: right;
}


h2
{
font-family: "arial narrow";
color: #57B6F3;
}


H3
{
font-family: "arial narrow";
color: #57B6F3;
font-size: 22px;
}

.video
{
padding: 5px;
margin: 3px;
border: 5px solid #959393;
background: #959393;
float: right;
width: 350px;
height: 280px;
}

.video1
{
padding: 5px;
margin: 5px 5px 5px 160px;
border: 5px solid #959393;
background: #959393;
width: 350px;
height: 280px;
}

#footer
{
clear: both;
text-align: right;
font-size: 16px;
color: #e62b86;
font-style: italic;
}