html, body {
margin : 0;
padding : 0;
}
body {
width : 100%;
font : 76% Helvetica, "lucida sans", Tahoma, "Trebuchet MS",  Arial, sans-serif;
color : #FFFFFF;
background : #191919 url(../images/ss2_blck.gif) repeat;
}
			/*WRAP*/
#container {
width : 100%;
margin : 0 auto;
background :  url(images/ss2_blck.gif) no-repeat;
color :#ccc;
line-height : 1.8em;
}
			/*TOP BAR*/
#top {
height : 140px;
border-bottom : 1px solid #FFD300;
background : #171717 url(logobg.jpg) no-repeat;
color : #191919;
}
#top h1 {
float : right;
padding : 0;
margin : 0 5px 0 0;
font-size : 150%;
letter-spacing: 3px;
}
			/*TOP BAR MENU*/
#menu {
height : 100px;
margin : 0;
padding : 0;
list-style-type : none;
list-style-image : none;
text-transform : lowercase;
}
#menu li {
float : left;
width :7em;
border-right : 1px solid #eee;
}
#menu a {
display : block;
height : 100px;
width : 7em;
font-weight : bold;
line-height : 50px;
padding : 40px 0 0 0;
text-align : center;
color : #CCCCCC;
background : #000000 url(images/sun2a.jpg);
; text-transform: none
}
#menu a:hover {
color : #000000;
background : #000000 url(images/sun2.jpg);
; text-transform: none
}
			/*LEFT SIDEBAR*/
#leftnav {
margin-top : 30px;
float : left;
width : 180px;
padding : 2em;
}
#leftnav p {
margin : 0 0 1em 0;
}
#leftnav h2 {
margin: 0 0 10px 0;
font-size : 150%;
letter-spacing: 5px;
color : #CC9900;
background : inherit;
}
			/*MAIN CONTENT*/
#content {
margin : 30px 0 0 240px;
border-left : 1px solid #808080;
padding : 2em 3em 1em 3em;
; font-size: 16px; text-transform: none; color: #CCCCCC
}
#content h2 {
margin: 0 0 10px 0;
font-size : 150%;
letter-spacing: 5px;
color : #FFFFFF;
background : inherit;
}
			/*FOOTER*/
#footer {
clear : both;
margin : 0;
padding : .5em 0 1em 0;
border-bottom : 0px solid #808080;
border-top : 1px solid #808080;
color : #eee;
background : #191919;
}
#footer img {
float : right;
}
/* seen by IE5mac only, by Philippe Wittenbergh www.l-c-n.com */
*>html #footer img {
margin : 0;
}
/* end */
#footer p {
padding-left : 5px;
}
			/*LINKS*/
a:link{
color : #6699CC;
background : inherit;
text-decoration : none;
}
a:hover {
color : #FFFFFF;
background : inherit;
text-decoration : none;
}
a:active {
background : inherit;
text-decoration : none;
}
.navlist li {
margin: 0 15px 5px 0;
padding: 2px;
font-size: 100%;
list-style-image: url(../images/arrow.gif);
background: inherit;
color: #D5D9B4;
}
img {
border : none;
}

			/*CLASS*/
.quote {
font-weight: bold;
border-top : 1px solid #808080;
padding :  10px;
}
			/*TYPOGRAPHY*/
blockquote {
font-weight : normal;
font-style : normal;
color : #FFFFFF;
; text-transform: none
}a:visited  { 
background : inherit;
text-decoration : none;
 }
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
/* set up the overall width of the menu div and the margins with a relative position*/

.menu2 {
font-family: verdana, arial, sans-serif; 
width:auto;
margin:0 auto; 
position:relative;
; height: auto
; clip:    rect(   ); padding:  0px 0px 0px 40px
}
/* 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 {
float:left; 
}
/* style the links to be 124px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu2 ul li a{
display:block; 
float:left;
text-align:center; 
text-decoration:none; 
width:122px; 
height:30px; 
color:#000; 
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#CCCCCC; 
line-height:30px; 
font-size:11px;
}
/* make the dropdown ul invisible */
.menu2 ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu2 ul li:hover a{
color:#fff; 
background:#6699CC;
}
/* make the sub menu ul visible and position it beneath the first list item */
.menu2 ul li:hover ul {
text-align:left;
display:block; 
position:absolute; 
top:31px; 
left:0; 
}
/* make the sub menu ul li the full width with padding and border. */
.menu2 ul li:hover ul li {
width:auto;
height:auto;
border:20px #000000 solid;
background:#333333; 
color:#000;
position:relative;
padding:20px 30px;
}

/* style the initial image size 100px x 75px no border and 5pixel padding */
.menu2 ul li:hover ul li a img {
width:100px; height:75px;
border:0; margin:5px;
}

/* style the size, background color, border and margin of the submenu links */
.menu2 ul li:hover ul li a {
float:left;
width:110px;
height:85px;
background:#eee;
border:1px #888 solid;
margin:1px;
}

/* style position of the links on hover */
.menu2 ul li:hover ul li a:hover {
position:relative;
}

/* style the 2x size image on hover with an absolute position to place it centrally over the original image */
.menu2 ul li:hover li a:hover img {
width:200px; height:150px;
position:absolute;
left:-50px; top:-38px;
border:0;
border:1px solid #888;
padding:5px;
background:#333333;
}.menu2 ul li a:visited  { 
display:block; 
float:left;
text-align:center; 
text-decoration:none; 
width:124px; 
height:30px; 
color:#000; 
border:#fff solid;
border-width:1px 1px 0 0;
background:#000000; 
line-height:30px; 
font-size:11px;
 }
#left li { list-style-type: none; border-bottom: 1px dotted #fff;
padding-left: 0px;
margin-top: 2px;; color: #6699CC}
#left li a {text-decoration: none;
display:block; min-height:1.5em /*Non-IE6*/; height:auto !important; height:1.5em /*IE6*/; line-height:1.5em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none;}
#left li a:hover { text-decoration:none;background-color: #CCCCCC;}
			/*LINKS*/
a:link { 
text-decoration : none;
 } a:visited  { 
color : #6699CC;
background : inherit;
text-decoration : none;
 } 
