body, html, form 
{ 
	margin: 0px;
	padding: 0px; 
}

img 
{	
	border: 0px;
	behavior: url(http://www.pocketpumapets.com/iepngfix.htc); 
}


body 
{  
	/*** background-image: url(http://www.pocketpumapets.com/images/layout_background_tile.jpg); ***/
	/*** background-image: url(http://www.pocketpumapets.com/images/layout_background_tile_autumn.jpg); ***/
	background-image: url(http://www.pocketpumapets.com/images/layout_background_tile_winter.jpg);
	/*** background-image: url(http://www.pocketpumapets.com/images/layout_background_tile_spring.jpg); ***/
	background-repeat: repeat;
	background-color: #CBA753;
	font-family: Verdana, Arial, sans-serif;
	color: #4B4835; 
}



a:link 
{ 
	color: #926025;
	text-decoration: none;
	font-weight: bold; 
}

a:visited 
{ 
	color: #926025;
	text-decoration: none;
	font-weight: bold; 
}

a:active 
{ 
	color: #706D7D;
	text-decoration: none;
	font-weight: bold; 
}

a:hover 
{ 
	color: #CBA753;
	text-decoration: underline;
	font-weight: bold; 
}




#container
{
	width: 985px;
	padding: 10px;
	margin: 0 auto;
}

#header
{
	height: 150px;
	margin-bottom: 10px;
	background-image: url(images/layout_header_banner.png);
}

#dateuser
{
	float: right;
	width: 805px;
	height: 40px;
	padding: 7px;
	margin-bottom: 10px;
	background: #FFF7DC;
	border: 5px #9F9452 double;
	font-size: 9pt;
}

#leftsidebar
{
	float: left;
	width: 150px;
	margin-bottom: 10px;
}

#currency
{
	padding: 5px;
	margin-bottom: 10px;
	background: #FFF7DC;
	border: 5px #9F9452 double;
	text-align: center;
	font-size: 8pt;
}

#sidemenu
{
	padding: 5px;
	background: #FFF7DC;
	border: 5px #9F9452 double;
	text-align: center;
	font-size: 9pt;
}

#main
{
	float: right;
	width: 805px;
	min-height: 450px;
	padding: 7px;
	margin-bottom: 20px;
	background: #FFF7DC;
	border: 5px #9F9452 double;
	color: #4B4835;
	font-family: Verdana, Arial, sans-serif;
    font-size: 8.5pt;
	text-align: left;
}

#footer
{
	clear: both;
	float: right;
	width: 810px;
	/** border-top: 1px #4B4835 dotted; **/
	background: #FFF7DC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 7pt;
	text-align: center;
}

#indexwelcome    
{ 	
	background-color: #FFF7DC; 
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	color: #4B4835;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	text-align: left;
	border: 5px #B3AD9A double;
	width: 385px;
	padding: 0px 10px 10px 10px;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 55px;
}

#indexnews    
{ 	
	background-color: #FFF7DC; 
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	color: #4B4835;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8.5pt;
	text-align: left;
	border: 5px #B3AD9A double;
	width: 385px;
	padding: 0px 10px 10px 10px;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 65px;
}

#indexlogin
{
	background-color: #FFF7DC;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8; 
	color: #4B4835;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	width: 240px;
	padding: 5px;
	border: 5px #B3AD9A double;
	text-align: center;	
}



#login    
{ 	
	z-index: 3;
	background-color: #fff7DC;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8; 
	color: #4B4835;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	width: 240px;
	padding: 5px;
	position: relative;
	top: 75px;
	left: 320px;
	border-style: double;
	border-width: 5px;
	border-color: #B3AD9A;
	text-align: center; 
}

#register    
{ 	
	z-index: 3;
	background-color: #fff7DC;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9; 
	color: #4B4835;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	text-align: left;
	width: 650px;
	padding: 10px;
	position: absolute;
	top: 160px;
	left: 250px;
	border-style: double;
	border-width: 5px;
	border-color: #B3AD9A; 
}



#indexmain    
{ 	
	z-index: 3;
	background-color: transparent; 
	color: #4B4835;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	text-align: left;
	width: 550px;
	padding: 10px;
	position: absolute;
	top: 170px;
	left: 240px; 
}




#cpaneluserinfo
{
	position: relative; 
	float: left; 
	width: 285px; 
	margin: 10px 10px 10px 10px; 
	padding: 10px 10px 10px 5px; 
	border: 1px solid;
}

#cpanelh3meters
{
	position: relative;
	float: left;
	width: 425px;
	margin: 10px 10px 10px 10px;
	padding: 0px 10px 10px 10px;
	border: 1px solid;
}

#cpanelbookmarks
{
	position: relative; 
	float: left;
	width: 425px;
	margin: 10px 10px 10px 10px;
	padding: 0px 10px 10px 10px;
	border: 1px solid;
}






.bold { font-weight: bold; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.italic { font-style: italic; }
.smaller { font-size: 8pt; }
.larger { font-size: 9pt; }
.green { color: #30FF00; }
.red { color: #FF0000; }
.yellow { color: #FFB00F; }
.orange { color: #FF6600; }

.smallermod 
{ 	
	font-size: 7pt;
	font-weight: normal; 
}

.usertype 
{ 
	font-size: 9pt;
	font-weight: normal; 
}

.status 
{ 
	font-size: 8pt;
	font-weight: normal; 
}

.warning 
{ 
	color: #FF0000; 
	font-weight: bold; 
}

.online 
{ 
	color: #FFF7DC; 
	font-weight: bold; 
}

.offline 
{ 
	color: #887700;
	font-weight: bold; 
}

.idle 
{ 
	color: #FFF7DC;
	font-weight: bold; 
}

.blank
{
	border: 0;
	padding: 0px;
	margin: 0;
	background: transparent;
}

.centerdiv
{
	margin: 0 auto;
}




dt { width: 10em;
     text-align: right; 
     float: left;
     clear:left; }

dd { margin-left: 5px; }

dl { clear: both; }
dd {overflow:hidden;clear:right;height:1%;}
dd.x-form-clear {clear:both;}




table { color: #4B4835;
	background-color: #fff7dc;
	border: 2px #CBA753 solid;
	border-collapse: collapse;
	border-spacing: 0px; }

td { background-color: #fff7dc;
     border-top: 1px #CBA753 solid;
	border-bottom: 1px #CBA753 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 5px; 
	text-align: left; }

th { background-color: #CBA753;
     border-bottom: 1px #CBA753 solid;
     padding: 5px;
     text-align: left;
     font-size: 10px; }

select { 	background-color: #fff7dc;
		border: 1px solid;
		color:  #4B4835; 
		font-size: 11px;
		font-weight: normal;  }


td.sticky { background-color: #ffd268; }





td.newsbody {  background-color: #fff7dc;
		border: 1px #4B4835 solid;
		border-spacing: 0px;
		padding: 10px; 
		padding-left: 20px;
		padding-right: 20px;
		text-align: left;
		font-weight: normal;
		vertical-align: top; }

td.newsauthor {  background-color: #fff7dc;
		border-bottom: 1px #4B4835 solid;
		border-spacing: 0px;
		height: 20px;
		padding: 5px; 
		font-size: 9px;
		text-align: left; }

td.newscomments {  background-color: #fff7dc;
		border-bottom: 1px #4B4835 solid;
		border-spacing: 0px;
		height: 20px;
		padding: 5px; 
		font-size: 9px;
		text-align: left; }

td.newstitle { background-color: #CBA753;
		border-spacing: 0px;
		font-weight: bold;
		height: 20px;
		padding: 5px; 
		font-size: 14px;
		text-align: left; }



td.commentauthor, td.commentdate { background-color: #CBA753;
		   border-spacing: 0px;
		   height: 20px;
		   padding: 5px; 
		   text-align: left; }

td.commentbody { background-color: #fff7dc;
     		border-top: 1px #CBA753 solid;
		border-bottom: 1px #CBA753 solid;
		border-collapse: collapse;
		border-spacing: 0px;
		padding: 5px; 
		text-align: left;
		font-weight: normal; }








table.firstpost { 
		width: 100%;
		color: #302E22;
		background-color: #CBA753;
		border: 2px #4B4835 solid;
		border-collapse: collapse;
		border-spacing: 0px; }

td.firstauthor	{ 
		width: 160px; 
		background-color: #d9b359;
     	border-right: 1px #4B4835 solid;
		border-spacing: 0px;
		padding: 5px; 
		font-weight: bold;
		text-align: center;
		vertical-align: top; }

td.firstbody { 
		background-color: #d9b359;
		border-right: 1px #4B4835 solid;
		border-bottom: 1px #4B4835 solid;
		border-spacing: 0px;
		padding: 5px; 
		text-align: left;
		vertical-align: top; }

td.firstdate {  
		background-color: #d9b359;
		border-bottom: 1px #4B4835 solid;
		border-spacing: 0px;
		height: 20px;
		padding: 5px; 
		text-align: left; }

td.firstsignature {  
		background-color: #d9b359;
		border-spacing: 0px;
		padding-left: 5px;
		padding-bottom: 7px; 
		height: 20px;
		text-align: left;
		font-size: 9px;
		font-weight: normal;
		vertical-align: bottom; }




table.officialfirstpost { width: 100%;
		  color: #33371A;
		  background-color: #bac65d;
		  border: 2px #666D33 solid;
		  border-collapse: collapse;
		  border-spacing: 0px; }

td.officialfirstauthor	{ width: 160px; 
		background-color: #bac65d;
     		border-right: 1px #666D33 solid;
		border-spacing: 0px;
		padding: 5px; 
		font-weight: bold;
		text-align: center; 
		vertical-align: top;}

td.officialfirstbody {  background-color: #bac65d;
		border-right: 1px #666D33 solid;
		border-bottom: 1px #666D33 solid;
		border-spacing: 0px;
		padding: 5px; 
		text-align: left;
		vertical-align: top; }

td.officialfirstdate {  background-color: #bac65d;
		border-bottom: 1px #666D33 solid;
		border-spacing: 0px;
		height: 20px;
		padding: 5px; 
		text-align: left; }

td.officialfirstsignature {  background-color: #bac65d;
		border-spacing: 0px;
		padding-left: 5px;
		padding-bottom: 7px; 
		height: 20px;
		text-align: left;
		font-size: 9px;
		font-weight: normal;
		vertical-align: bottom; }




table.posts { 	width: 100%;
		color: #4B4835;
		background-color: #fff7dc;
		border: 2px #CBA753 solid;
		border-collapse: collapse;
		border-spacing: 0px; }

td.postsauthor	{ 
		width: 160px; 
		background-color: #fff7dc;
     	border-right: 1px #CBA753 solid;
		border-spacing: 0px;
		padding: 5px; 
		font-weight: bold;
		text-align: center; 
		vertical-align: top; }

td.postsbody {  background-color: #fff7dc;
		border-right: 1px #CBA753 solid;
		border-spacing: 0px;
		padding: 5px; 
		text-align: left;
		vertical-align: top;
		font-weight: normal; }

td.postsdate {  background-color: #fff7dc;
		border-bottom: 1px #CBA753 solid;
		border-spacing: 0px;
		height: 20px;
		padding: 5px; 
		text-align: left; }

td.postssig {  background-color: #fff7dc;
		border-spacing: 0px;
		padding-left: 5px;
		padding-bottom: 7px; 
		height: 20px;
		text-align: left;
		font-size: 9px;
		font-weight: normal;
		vertical-align: bottom; }





table.officialposts { 	width: 100%;
		color: #302E22;
		background-color: #bac65d;
		border: 2px #666D33 solid;
		border-collapse: collapse;
		border-spacing: 0px; }

td.officialpostsauthor	
		{ 
		width: 160px; 
		background-color: #bac65d;
     	border-right: 1px #666D33 solid;
		border-spacing: 0px;
		padding: 5px; 
		font-weight: bold;
		text-align: center;
		vertical-align: top; }

td.officialpostsbody {  background-color: #bac65d;
		border-right: 1px #666D33 solid;
		border-bottom: 1px #666D33 solid;
		border-spacing: 0px;
		padding: 5px; 
		text-align: left;
		vertical-align: top;
		font-weight: normal; }

td.officialpostsdate {  background-color: #bac65d;
		border-bottom: 1px #666D33 solid;
		border-spacing: 0px;
		height: 20px;
		padding: 5px; 
		text-align: left; }

td.officialpostssig {  background-color: #bac65d;
		border-spacing: 0px;
		padding-left: 5px;
		padding-bottom: 7px; 
		height: 20px;
		text-align: left;
		font-size: 9px;
		font-weight: normal;
		vertical-align: bottom; }



table.stafftable { color: #4B4835;
			background-color: #acb756;
			border: 2px #666d33 solid;
			border-collapse: collapse;
			border-spacing: 0px;
			align: center; }

td.staffcell { background-color: #acb756;
     		border-top: 1px #666d33 solid;
		border-bottom: 1px #666d33 solid;
		border-collapse: collapse;
		border-spacing: 0px;
		padding: 5px; 
		font-weight: bold;
		text-align: left; }

th.staffheader { background-color: #666d33;
     		border-bottom: 1px #666d33 solid;
		color: #fff7dc;
     		padding: 5px;
     		text-align: center;
     		font-size: 12px; }


table.buddylist 
{ 
	color: #4B4835;
	background-color: #ACB756;
	border: 2px #666D33 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: auto;
}
th.buddyheader 
{ 
	background-color: #666D33;
	border-bottom: 1px #666d33 solid;
	color: #FFF7DC;
	padding: 5px;
	text-align: center;
    font-size: 12px; 
}
td.buddycell 
{ 
	background-color: #ACB756;
	border-top: 1px #666d33 solid;
	border-bottom: 1px #666d33 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 5px; 
	font-weight: bold;
	text-align: left; 
}








#error    
{ 	
	background-color: #fff7DC;
    color: #4B4835;
    font-size: 10px;
	font-weight: bold;
	width: 95%;
	padding: 5px;
	position: relative;
	margin: auto;
	border: 2px #B3AD9A solid;
 	text-align: center; 
}

#success    
{
	background-color: #A6B154;
	color: #393D1D;
	font-size: 10px;
	font-weight: bold;
	width: 95%;
	padding: 5px;
	position: relative;
	margin: auto;
	border: 2px #B3AD9A solid;
	text-align: center; 
}

#randomevent    
{
	background-color: #FFAA00;
	color: #3C2401;
	font-size: 12px;
	font-weight: bold;
	width: 95%;
	padding: 5px;
	position: relative;
	margin: auto;
	border: 2px #D07D00 solid;
	text-align: center; 
}

#newsnotif 
{
	background-color: #FF9F98;
	color: #3C2524;
	font-size: 10px;
	font-weight: bold;
	width: 95%;
	padding: 5px;
	position: relative;
	margin: auto;
	border-style: 2px #D0827C solid;
 	text-align: center; 
}

#transfernotif 
{
	background-color: #E398FF;
	color: #37253D;
	font-size: 10px;
	font-weight: bold;
	width: 95%;
	padding: 5px;
	position: relative;
	margin: auto;
	border: 2px #BB7DD1 solid;
 	text-align: center; 
}

#salesnotif 
{
	background-color: #FFA069;
	color: #591E00;
	font-size: 10px;
	font-weight: bold;
	width: 95%;
	padding: 5px;
	position: relative;
	margin: auto;
	border: 2px #D16100 solid;
 	text-align: center; 
}

#breedingnotif 
{
	background-color: #76DBFF;
	color: #003D55;
	font-size: 10px;
	font-weight: bold;
	width: 95%;
	padding: 5px;
	position: relative;
	margin: auto;
	border: 2px #5993B4 solid;
 	text-align: center; 
}

#statusnotif 
{
	background-color: #F9FF48;
	color: #30310E;
	font-size: 10px;
	font-weight: bold;
	width: 95%;
	padding: 5px;
	position: relative;
	margin: auto;
	border: 2px #FFDA4D solid;
 	text-align: center; 
}




#puma_image { text-align: center; }

#pumademo 
{	
	color: #3C2524;
	font-size: 10px;
	width: 95%;
	padding: 5px;
	position: relative;
	margin: auto;
	border: none; 
}

#pumademo dt 
{ 	
	width: 150px;
	padding-right: 10px; 
}









#tooltip 
{
	position: absolute;
	z-index: 3000;
	font-size: 9px;
	border: 1px solid #4B4835;
	background-color: #FFF7DC;
	padding: 5px;
	opacity: 0.85;
	width: 200px;
}

#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pumapride 
{
	position: absolute;
	z-index: 3000;
	font-size: 9px;
	border: 1px solid #4B4835;
	background-color: #FFF7DC;
	padding: 5px;
	opacity: 0.90;
	width: 175px;
}
#tooltip.transfer 
{
	position: absolute;
	z-index: 3000;
	font-size: 9px;
	border: 1px solid #4B4835;
	background-color: #FFF7DC;
	padding: 5px;
	opacity: 1;
	width: 231px;	
}
#tooltip.truncatename 
{
	position: absolute;
	z-index: 3000;
	font-size: 9px;
	border: 1px solid #4B4835;
	background-color: #FFF7DC;
	padding: 5px;
	opacity: 1;
}
#tooltip.parentimage 
{
	position: absolute;
	z-index: 3000;
	font-size: 9px;
	border: 1px solid #4B4835;
	background-color: #FFF7DC;
	padding: 5px;
	opacity: 1;
}
#tooltip.usershop 
{
	position: absolute;
	z-index: 3000;
	font-size: 9px;
	border: 1px solid #4B4835;
	background-color: #FFF7DC;
	padding: 5px;
	opacity: 1;
	text-align: center;
	width: 200px;
	height: auto;	
}
#tooltip.info 
{
	position: absolute;
	z-index: 3000;
	font-size: 9px;
	border: 1px solid #4B4835;
	background-color: #FFF7DC;
	padding: 5px;
	opacity: 1;
	width: auto;
	max-width: 300px;	
}



div.inventory 
{	
	float: left; 
	border: 2px solid; 
	margin: 10px 10px 10px 10px; 
	width: 150px; 
	height: 220px;
	padding: 5px; 
	text-align: center; 
}

div.itemname 
{	
	text-align: center; 
	font-size: 11px; 
	font-weight: bold; 
}

.itemcat 
{	
	font-style: italic; 
	font-weight: normal; 
	font-size: 9px; 
}

.qty
{	
	text-align: center; 
	font-weight: bold; 
}

.inventmenu { width: 140px; }





div.bonecollector 
{	
	float: left; 
	border: 2px solid; 
	margin: 10px 5px 5px 5px; 
	min-width: 240px; 
	min-height: 140px;
	padding: 5px; 
	text-align: center; 
}

div.quests 
{	
	float: left;
	border: 2px solid; 
	margin: 10px 5px 5px 5px; 
	min-width: 240px; 
	min-height: 140px;
	padding: 5px; 
	text-align: center; 
}





#countdown_dashboard {
	height: 110px;
}

.dash {
	width: 110px;
	height: 114px;
	background: transparent url('images/dash.png') 0 0 no-repeat;
	float: left;
	margin-left: 20px;
	padding-top: 5px;
	position: relative;
}

.dash .digit {
	font-size: 55pt;
	font-weight: bold;
	float: left;
	width: 55px;
	text-align: center;
	font-family: Times;
	color: #3E3C31;
	position: relative;
}

.dash_title {
	position: absolute;
	display: block;
	bottom: 0px;
	right: 6px;
	font-size: 9pt;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 2px;
}





div.shop 
{	
	float: left; 
	border: 2px solid; 
	margin: 10px 5px 5px 5px; 
	width: 150px; 
	height: 220px;
	padding: 5px; 
	text-align: center; 
}

.shopbutton {	width: 90%; }

div.shopkeeper 
{	
	float: left; 
	border: 0px; 
	width: 512px; 
	height: 480px;
	padding: 5px; 
	text-align: center; 
}

div.shopdesc
{
	position: relative;
	z-index: 2;
	top: -100px;
	padding: 10px 20px 10px 20px;
	font-weight: bold;
	background: #FFF7DC; 
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	border: 0px;
}

div.usershop
{	
	float: left; 
	border: 2px solid; 
	margin: 10px 10px 10px 10px; 
	width: 150px; 
	height: 240px;
	padding: 5px; 
	text-align: center; 
}



div.pride 
{	
	float: left; 
	border: 2px solid; 
	margin: 6px 6px 6px 6px; 
	width: 235px; 
	min-height: 225px;
	padding: 2px; 
	padding-bottom: 5px;
	text-align: center; 
}

div.pumaname 
{	
	text-align: center; 
	font-size: 12px; 
	font-weight: bold; 
}

.pumabreed 
{	
	font-style: italic; 
	font-weight: normal; 
	font-size: 9px; 
}

.pridemenu
{ 
	width: 200px; 
}

.puma_thumb
{
	padding-bottom: 2px; 
}




div.customorb 
{	
	float: left; 
	border: 2px solid; 
	margin: 5px 5px 5px 5px; 
	width: 130px; 
	padding: 5px; 
	min-height: 80px;
	text-align: center; 
}



div.games 
{	
	float: left; 
	border: 2px solid; 
	margin: 10px 5px 5px 5px; 
	width: 175px; 
	padding: 5px;
	padding-bottom: 10px; 
	text-align: center;
}

div.gamename
{	
	text-align: center; 
	font-size: 12px; 
	font-weight: bold;
}

.gamdesc
{	
	font-style: italic; 
	font-weight: normal; 
	text-align: left;
	font-size: 9px;
}




div.shops 
{	
	float: left; 
	border: 1px solid; 
	margin: 10px 5px 5px 5px; 
	min-width: 240px; 
	padding: 5px;
	padding-right: 8px;
	text-align: left;
}



a.forum_category { color: #4B4835;
	 	   font-size: 12px; }


.forum_desc { color: #4B4835;
	      font-size: 9px;
	      font-weight: normal; }

.last_post { color: #4B4835;
	      font-size: 10px;
	      font-weight: normal; }








/* USER PROFILE CSS STYLES */

.color-yellow {background:#f2bc00;}  
.color-red    {background:#dd0000;}  
.color-blue   {background:#148ea4;}  
.color-white  {background:#dfdfdf;}  
.color-orange {background:#f66e00;}  
.color-green  {background:#666D33;}  
					
/* Columns section */
#main .column {
		float: left;
		width: 50%;
		/* Min-height: */
		min-height: 400px;
		height: auto !important; 
		height: 400px;
}

#main #column1 {
		width: 40%;
}
	
#main #column1 .widget { margin: 30px 30px 0 10px; }
#main #column2 .widget { margin: 30px 30px 0 0; }
#main .widget {
    margin: 30px 20px 0 20px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#main .widget .widget-head {
    color: #FFF7DC;
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#main .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
}
#main .widget .widget-head a {
    color: #d1db8c;
}
#main .widget .widget-content {
	text-align: center;
    background: #FFF7DC;
    padding: 0 5px;
    color: #4B4835;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    line-height: 1.2em;
    overflow: hidden;
}
#main .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#main .widget .widget-content ul {
    padding: 5px 0 5px 20px;
    list-style: disc;
}
#main .widget .widget-content ul li {padding: 3px 0;}
#main .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#main .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#main .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}




/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#flyout { z-index: 3; padding: 0px; margin: 0px; list-style: none; width: 130px; }
#flyout ul { z-index: 3; padding: 0px; margin: 0; list-style: none; width: 130px; height: auto; background: url(images/blank.gif); position: absolute; left:-9999px; top:0; }

#flyout li { z-index: 3; margin-bottom: 1px; }
#flyout li a { z-index: 3; display: block; width: 130px; background: #FFF7DC; color: #4B4835; line-height: 24px; font-size: 10px; text-decoration: none; }
#flyout li a.fly { z-index: 3; background: #FFF7DC url(images/right-arrow.gif) no-repeat right center; }

#flyout li:hover { z-index: 3; position: relative; }
#flyout li a:hover { z-index: 3; position: relative; background-color: #CBA753; color: #FFF7DC; }
#flyout li:hover > a { z-index: 3; background-color: #CBA753; color: #FFF7DC; }

#flyout ul li a { z-index: 3; background: #FFF7DC; border: 1px #8D702A solid; margin: 0; }
#flyout ul li a.fly { z-index: 3; background: #aaa url(images/right-arrow.gif) no-repeat right center; }
#flyout ul ul li a { z-index: 3; background: #FFF7DC; display: block; width: 200px; }
#flyout ul ul li a.fly { z-index: 3; background: #ccc url(images/right-arrow.gif) no-repeat right center; }
#flyout ul ul ul li a { z-index: 3; background: #FFF7DC; }

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul { z-index: 3; left: 130px; }

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul { z-index: 3; left:-9999px;}

#flyout ul li:hover > a { z-index: 3; background-color:#CBA753; color:#FFF7DC;}
#flyout ul ul li:hover > a { z-index: 3; background-color:#CBA753; color:#FFF7DC;}