#container {
background:#f8f8ff url(images/tributebg.png);
}

	#content {
border:5px solid #e3ac07; 
background:url(../images/bg1a.gif);
}

	#bottomnav a:link {
color:#369;
}
	#bottomnav a:visited {
color:#369;
}
	#bottomnav a:hover {
color:#9AC0CD;
}
	#bottomnav a:active {
color:#777; 
background:none;
}

	#left {
float:left;
border:1px solid #e3ac07;
width:160px;
}	

	#sidebox {
color:#006400; 
border:1px solid #fdc12b; 
width:160px; 
background:#f8f8ff url(images/bg1a.gif);
}

	.skink {
 width:159px;
border:0px;
}

	.views {
font-style:italic;
font-weight:normal;
font-size: 16px;
font-family: "trebuchet ms", verdana, sans-serif;
}

	.pgcap {
font-family: "trebuchet ms", "Times New Roman", arial, verdana, sans-serif;
color:#333;
font-weight:normal;
font-style:italic;
font-size:16px;
}

	#bottomnav p {
font-weight:bold;
font-size:16px;
font-family:"Times New Roman", "trebuchet ms", arial;
color:#aaa;
}

	.table {
color: #333;
font-size:12px;
font-family:helvetica, verdana, "times new roman", arial;
}

	h2 {
font-size:21px;
color:#369;
margin:10px auto;
}


	.greyout {
color:#888;
}

			/*SIDENAV BEGINS*/

	.heading {
width:160px;
/*border:0px; /*#fdc12b;*/
text-align:center;
margin:0;
padding: 0px 0 0 0;
background:url(images/headingbg.png);
}

/* We remove the margin, padding, and list style of UL and LI components */

#menuwrapper ul, #menuwrapper ul li{
    margin:0;
    padding:0;
    list-style:none;
}
 
/* We apply background color and border bottom white and width to 150px */

#menuwrapper ul li{
    background-color:#008000;/*#7bb661*/
    border-bottom:solid 1px #009900;
    width:160px;
    cursor:pointer;
}
 
/* We apply the background hover color when user hover the mouse over of the li component */

#menuwrapper ul li:hover {
	color: #000;
    background-color:#7bb661;
    position:relative;
}


#menuwrapper ul li:active {
	color: #000;
    background-color:#7bb661;
    position:relative;
}

#menuwrapper ul li a:active {
	color: #000;
    /*background-color:none;/*#7bb661*/
    position:relative;
}

 
/* We apply the link style */

#menuwrapper ul li a {
    padding:5px 15px 5px 15px;
    color:#ffffff;
    display:inline-block;
    text-decoration:none;
}
 
								/**** SECOND LEVEL MENU ****/

/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */

#menuwrapper ul li ul{
    position:absolute;
    display:none;
}
 
/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */

#menuwrapper ul li:hover ul{
    left:160px;
    top:0px;
    display:block;
}
 
/* we apply different background color to 2nd level menu items*/

#menuwrapper ul li ul li{
    background-color:#cae25a;
}
 
/* We change the background color for the level 2 submenu when hovering the menu */

#menuwrapper ul li:hover ul li:hover{
    background-color:#b1b536;
}
 
/* We style the color of level 2 links */

#menuwrapper ul li ul li a{
    color:#454444;
    display:inline-block;
    width:130px;
}

/*	.items a:visited {
color: #ffffff;
background-color: #006400;
}

	.items a:hover {
color: #fdc12b;
text-decoration: none;
}

	.items a:active {
background-color: #80a67f;
color: #fdcb34;
text-decoration: none;
}*/


								/****SIDENAV ENDS****/



 .items a:visited {
color: #ffffff;
background-color: #006400;
}

 .items a:hover {
color: #fdc12b;
text-decoration: none;
}

 .items a:active {
background-color: #80a67f;
color: #fdcb34;
text-decoration: none;
}