@charset "utf-8";
/* CSS Document */

.csscodeslibrary{
padding:0px 0px 0px 8px;
}

.csscodeslibrary ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}

/*Top level list items*/
.csscodeslibrary ul li{
position: relative;
display: inline;
float: left;
background:url(../images/button.gif) no-repeat left 0px;
padding:0px 0px 0px 5px;
}


/*Top level menu link items style*/
.csscodeslibrary ul li a{
display: block;
float:left;
padding: 8px 14px 8px 8px;
text-decoration: none;
background: url(../images/button.gif) no-repeat right 0px;
color: white;
font: bold 12px Tahoma;
}
	
/*Sub level menu*/
.csscodeslibrary ul li ul{
left: 1px;
top: 0;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
background: url(../images/menu_bottom.gif) no-repeat bottom;
padding:0px 0px 9px 0px;
}

/*Sub level menu list items*/
.csscodeslibrary ul li ul li{
display: inline;
float: none;
background:url();
padding:0px 0px 0px 0px;
}


/* Sub level menu links style */
.csscodeslibrary ul li ul li a{
width: 160px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #5e6460 url();
border-bottom:1px solid #c0d0d5;
}

.csscodeslibrary ul li a:hover{
background:url(../images/button.gif) no-repeat right -30px;
color:#d3d792;
}

.csscodeslibrary ul li ul li a:hover{
background:url(../images/button.gif) no-repeat right -36px;
color:#d3d792;
}

.csscodeslibrary .menuico{
position: absolute;
right: 0;
background: transparent url(menuarrow.gif) no-repeat center left;
}

	
/* Hack for IE \*/
* html .csscodeslibrary ul li { float: left; height: 1%; }
* html .csscodeslibrary ul li a { height: 1%; }
/* End */


div#home ul#csscodes li.home a {
background:url(../images/button.gif) no-repeat right -30px !important;
color:#d3d792 !important;}

div#css-websites ul#csscodes li.css-websites a {
background:url(../images/button.gif) no-repeat right -30px !important;
color:#d3d792 !important;}

div#css-tricks ul#csscodes li.css-tricks a {
background:url(../images/button.gif) no-repeat right -30px !important;
color:#d3d792 !important;}

div#css-attributes ul#csscodes li.css-attributes a {
background:url(../images/button.gif) no-repeat right -30px !important;
color:#d3d792 !important;}

div#css-javascript ul#csscodes li.css-javascript a {
background:url(../images/button.gif) no-repeat right -30px !important;
color:#d3d792 !important;}

div#submit-websites ul#csscodes li.submit-websites a {
background:url(../images/button.gif) no-repeat right -30px !important;
color:#d3d792 !important;}