body { margin:30px 0 0 0; line-height:16px; font-family: Tahoma, Arial; background:#fff; color:#727272; font-size:16px;}
a { color:#018BC1;}
a:hover { text-decoration:none;}
#header {}
#logo { padding:30px 0 120px 0;color:#fff; text-align:center;}
#logo a{ color:#fff; text-decoration:none; text-shadow: #ff6000 7px 7px 10px; font-weight:bold; font-size:120px; text-transform:uppercase; }
#menu {color:#fff; background: url(images/menu1.jpg) no-repeat center top; text-align:center; height:200px; width: 800px; margin:0 auto;}
#menu ul {text-align:center; list-style:none; padding:0}
#menu ul li {display:inline}
#menu ul a { font-weight:bold; font-size:14px; text-decoration:none; color:#a6ff00; background-color:#727272; padding:0 10px 2px 10px;}
#menu ul a:hover { color:#727272; background-color:#a6ff00;}
#table {margin-left:40px; text-align: left}

#main {background: url(images/main.jpg) center top no-repeat; height:800px; padding: 30 0 0 30}
#content {width:780px; margin:0 auto;}
#text { width:750px;  text-align: center; height: 500px}
#text p { margin:7px 0 7px 0; padding: 20px 0 7px 20px; line-height:1.5}
#text li {background:url(images/li.gif) no-repeat 0px 7px; line-height:1.5; text-align: left; list-style-position: inside; padding-left: 30px}
#text table {margin-left:40px; text-align: left}
#sidebar {float:right; width:227px; background-color:#0b0e10; margin:10px 10px 0 0; }
#sidebar_top { width:227px; height:40px; background:url(images/sidebar_top.jpg) no-repeat;}
#sidebar_text { padding: 0 30px;}
#sidebar_text p { margin:5px 0 5px 0;}
#sidebar_bottom { width:227px; height:57px; background:url(images/sidebar_bottom.jpg) no-repeat;}
#sidebar h2 { font-size:13px; text-transform:uppercase; color:#fff; margin:20px 0 0 0; padding:0; background:none;}
h1 {margin:0 0 0 0; padding:40px 0 7px 20px; text-transform:uppercase; font-size:24px; color:#727272;}

#footer {background:url(images/footer.jpg) no-repeat top center; height:100px; clear:both; width:800px; margin:0 auto; }
#left_footer { float:left; padding:60px 0 0 30px; color:#fff; font-size:12px;}
#left_footer a { color:#fff;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:60px 30px 0 0; color:#fff;  font-size:12px; text-align:right;}
#right_footer a { color:#fff;}
#right_footer a:hover { text-decoration:none;}
.menu2 {
font-family: verdana, arial, sans-serif; 
width:640px;
height:32px;
background:#000000;
padding:0;
margin:0 auto 20px auto; 
position:relative;
z-index:1;
border-top:714px solid #000000;
}

/* position the instructions using a dl */

.menu2 dl {
font-family:verdana, arial, sans-serif;
font-size:0.9em;
position:absolute;
width:540px;
top:-640px;
left:50px;
}
.menu2 dl dt span {font-size:8em; font-weight:bold; font-family:"times new roman", serif; color:#333;}
.menu2 dl dt em {font-size:7em; font-weight:normal; font-family:"trebuchet ms", sans-serif; color:#666; font-style:normal;}
.menu2 dl dd {font-family:arial, sans-serif; font-size:12px; padding:0; margin:0; line-height:20px; margin-top:18px; letter-spacing:1px;}



/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}

/* float the list so that the items are in a line */
.menu2 ul li {display:block;float:left;width:64px;height:32px; background:#000000;
}

/* style the links to be 50px wide by 31px high with a right border 1px solid white. Set the background color and the font size. */
.menu2 ul li a, .menu2 ul li a:visited {display:block; float:left;text-align:center; text-decoration:none; width:64px; height:32px; color:#aaa;
background:#000000; line-height:30px; font-size:11px;}

/* make the dropdown ul invisible */
.menu2 ul li ul, .menu2 ul li b {
display: none;
}

/* remove the table styling */
table {
border-collapse:collapse; margin:0; padding:0; }

/* set the background and foreground color of the main menu li link on hover */
.menu2 ul li:hover a,
.menu2 ul li a:hover 
{color:#000000; background:transparent;cursor:default; line-height:15px;}

/* make the sub menu b visible and position it in the space above */
.menu2 ul li:hover b,
.menu2 ul li a:hover b
{text-align:left; display:block; position:absolute; top:-640px; left:0; width:640px; height:640px; font-family:georgia, sans-serif; font-size:70px; color:#800; background:#000000; line-height:500px; text-align:center;}

/* make the sub menu ul visible and position it above the list item */
.menu2 ul li:hover ul,
.menu2 ul li a:hover ul
{text-align:left; display:block; position:absolute; top:-64px; left:0; width:640px; height:64px;}

/* make the sub menu ul li the full width. */
.menu2 ul li:hover ul li,
.menu2 ul li a:hover ul li
{cursor:pointer; cursor:default; width:640px; height:64px; background:#000000;}

/* style the background and foreground color of the submenu links */
.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a
{display:inline; background:#000000; border:0; height:64px; width:64px;}

/* keep the large image hidden */
.menu2 ul li:hover ul li a em,
.menu2 ul li a:hover ul li a em
{display:none;}

/* add a border to the horizontal slide and position it centrally using a top margin */
.menu2 ul li:hover ul li a.horiz span img,
.menu2 ul li a:hover ul li a.horiz span img
{
border:0;
width:62px; height:46px;
float:left;
margin:8px 1px;
}

/* add a border to the vertical slide and position it centrally using a top margin */
.menu2 ul li:hover ul li a.vert span img,
.menu2 ul li a:hover ul li a.vert span img
{
border:0;
width:46px; height:62px;
float:left;
margin:1px 8px;
}

/* make the thumbnail background deep red on hover */
.menu2 ul li:hover ul li a:hover,
.menu2 ul li a:hover ul li a:hover {background:#c00;}


/* make the active links zero size so the active dotted border does not show in Firefox */
.menu2 ul li:hover ul li a:active, .menu2 ul li:hover ul li a:focus, 
.menu2 ul li a:hover ul li a:active {white-space:normal; outline:none;}

.menu2 ul li a:hover ul li a:active em, 
.menu2 ul li:hover ul li a:active em, 
.menu2 ul li:hover ul li a:focus em {background:#fff;}

/* make the large image visible and set the border, position them using position absolute centrally over the slides */

/* horizontal large image styling */
.menu2 ul li a:hover ul li a.horiz:active em, 
.menu2 ul li:hover ul li a.horiz:active em, 
.menu2 ul li:hover ul li a.horiz:focus em {display:block; background:#000000; position:absolute; left:0; top:-650px; width:640px; height:640px; z-index:500; cursor:default;}

.menu2 ul li a:hover ul li a.horiz:active em img,
.menu2 ul li:hover ul li a.horiz:active em img,
.menu2 ul li:hover ul li a.horiz:focus em img {margin:80px 0;}

/* vertical large image styling */
.menu2 ul li a:hover ul li a.vert:active em, 
.menu2 ul li:hover ul li a.vert:active em, 
.menu2 ul li:hover ul li a.vert:focus em {display:block; background:#000000; position:absolute; left:0; top:-650px; width:640px; height:640px; z-index:500; cursor:default; }

.menu2 ul li a:hover ul li a.vert:active em img,
.menu2 ul li:hover ul li a.vert:active em img,,
.menu2 ul li:hover ul li a.vert:focus em img {margin:0 80px;}