@import url(default.css);
@import url(thickbox.css);
@media screen {
body { background: #86B8E9;  }

.ir { overflow: hidden; display: block; height/**/:/**/0!important; } /* use padding top/bottom to define the elements height, but also use height for IE 5 (the weird height rule takes care of filtering those for you) */
.acc { display: none; position: absolute; width: 0; height: 0; overflow: hidden; }
.nav, .nav ul, .nav li, .nav dd { margin: 0; padding: 0; }
.nav dt { display: none; }
a {color:#1e67ce; }

a:link, a:visited { color: #C00004;  text-decoration: underline; }
a:hover, a:focus, a:active { color: #C00004; text-decoration: none;}

a, img { border-style:none; outline-style:none; }

h1 {padding: 0 0 5px 0; margin: 0; color: #1E67CE; font-size: 18px; text-transform:uppercase;  font-family: Arial, Verdana, Sans-Serif;}
h2 {padding: 5px 0 5px 0; margin: 0; color: #724325; font-size: 17px; font-variant: small-caps; font-family: Arial, Verdana, Sans-Serif;}

p {padding: 0 0 5px 0; margin: 0;}

#divider {height: 1px; background: #ccc; width: 100%; margin-bottom: 10px;}



/* Main Page "What's New" Section */
#WhatsNewTable td {padding-right: 5px; width: 190px;}

.WhatsNew {font-size: 12px; padding: 5px 10px 0 10px; text-align: left;}
.WhatsNew p {padding: 0; margin: 0;}
.WNHead {color: #1E67CE; font-weight: bold;}
.WNBlurb {font-size: 11px; font-weight: bold;}
.WNReadMore a:link, .WNReadMore a:visited  {color: #C00004; font-size: 11px; font-weight: bold; text-decoration: none; }
.WNReadMore a:hover, .WNReadMore a:active  {color: #C00004; font-size: 11px; font-weight: bold; text-decoration: underline; }
.WNReadMore {padding-top: 5px!important;}
.naturalFeature a {
   color: #333333;
    display: block;
    margin-bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
    padding-top: 11px;
    text-decoration: none;
    text-shadow: 0px 1px #ffffff;
    text-transform: uppercase;
    font-weight: bold;
}
.naturalFeature2 a {
   color: #333333;
    display: block;
    /*margin-bottom: -11px;*/
    margin-left: 8px;
    margin-right: 2px;
    padding-top: 12px;
    text-decoration: none;
    text-shadow: 0px 1px #e4e4e4;
    text-transform: uppercase;
}
li.naturalFeature {
background: #86B8E9;
-webkit-box-shadow: inset 1px 1px 7px 0px #555555;
-moz-box-shadow: inset 1px 1px 7px 0px #555555;
box-shadow: inset 1px 1px 7px 0px #555555; 
 border: medium none;
    height: auto;
    list-style: none outside none;
    margin: 7px;
    padding: 12px;
    border-radius: 12px;
    text-align: center;
    width: 26%;
}
/* ribbon style */

 .ribbon-wrapper {
	position: relative;
        margin-left: -10px;
}
  .ribbon-front {
	background-color: #FFDD7A;	height: 40px;
	width: auto;
	position: relative;
	left:-20px;
	z-index: 2;
}
.ribbon-front2 {
	background-color: #B0E88B;	height: 40px;
	width: auto;
	position: relative;
	left:-20px;
	z-index: 2;
}
.ribbon-front3 {
 background-color: #89551d;
    height: 40px;
    left: -20px;
    margin-top: -45px;
    position: relative;
    width: 85%;
    z-index: 2;
}
.ribbon-front4 {
	background-color: #86B8E9;	height: 40px;
	width: auto;
	position: relative;
	left:-20px;
	z-index: 2;
}

  .ribbon-front, .ribbon-front2, .ribbon-front3, .ribbon-front4,
  .ribbon-back-left,
  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 0px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 0px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft, .ribbon-edge-bottomleft2, .ribbon-edge-bottomleft3,
  .ribbon-edge-bottomleft4,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft, .ribbon-edge-bottomleft2, .ribbon-edge-bottomleft3,
  .ribbon-edge-bottomleft4, .ribbon-edge-bottomright {
	top: 40px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft, .ribbon-edge-bottomleft3 {
	left: -20px;
	border-color: transparent #E1BD54 transparent transparent;
}
.ribbon-edge-bottomleft2 {
	left: -20px;
	border-color: transparent #3C7B36 transparent transparent;
}
.ribbon-edge-bottomleft3 {
	left: -20px;
	border-color: transparent #4f2f0c transparent transparent;
}
.ribbon-edge-bottomleft4 {
	left: -20px;
	border-color: transparent #244b71 transparent transparent;
}
  .ribbon-edge-topleft {
	top: 0px;
	border-width: 0px 20px 0 0;
}
  .ribbon-edge-bottomleft, .ribbon-edge-bottomleft2, .ribbon-edge-bottomleft3, .ribbon-edge-bottomleft4 {
	border-width: 0 20px 10px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 100px;
	border-color: transparent transparent transparent #171717;
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 0px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 0px 0px;
}

  .ribbon-back-left {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 0px;
	height: 40px;
		z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0px;
	height: 40px;
		z-index: 0;
}

.captionphoto { width:292px; float:right; clear:right; margin-top:5px; margin-left:10px; margin-bottom:10px; padding-top:195px; font-size:0.8em; font-style:italic; background-position:0 0; background-repeat:no-repeat; }
.captionphoto a { font-size:1em; font-style:italic; }
.thumbnail { width:200px; text-align:center; }
.thumbnail a { font-size:0.8em; font-style:italic; color:#000; text-decoration:none; }
.floatr { float:right; clear:right; margin-left:10px; margin-bottom:10px; }
/* Natrual Areas Search
****************************/
.searchAreas { margin: 2em -59px -30px; border-top: 1px solid; padding: 10px 30px; background: #C7D9F4; position: relative; z-index: 1;}
.searchAreas h3 { color: #6D4021; font-size: 1.3em; margin: 0; }
.searchAreas .updated { font-style: italic; font-size: .83em; margin: 0; }
.searchAreas ul { display: block; margin: 0; padding: 0; }
.searchAreas li { list-style: none; padding: 5px; margin: 0 0 0 180px; }
.searchAreas li li { margin: 0; }
.searchAreas label.primary { font-weight: bold; }
.searchAreas .cblist { margin: .5em; }
.searchAreas .cblist li { display: inline-block; width: 250px; *display: inline; padding: 5px; }
.searchAreas .cblist li { width: auto; }
* html .searchAreas { zoom: 1; }
#sa_map { width: 170px; float: left; padding: 0 10px 0 0; margin-left: 0; }
#sa_map .ir { background: url(/!images/int/anhc_enews_map_promo.gif) no-repeat; padding-top: 95px; height: 95px; width: 170px; margin: 0 auto; }
#sa_area { border-bottom: 1px solid; }

/* =LAYOUT
****************************/
form { width: 100%; }

#OuterWrapper
{
	width: 924px;
	margin: 0 auto;
	position: relative;
}

#donor_promo
{
    display: block;
    position: absolute;
    right: -123px;
    top: 73px;
    width: 123px;
    height: 0;
    padding-top: 363px;
	background: url(/!images/anhc_promo_become_an_anhc_donor.png) no-repeat 0 0;
	overflow: hidden;
}

#Wrapper
{
	background: url(/!images/mp/anhc_main_footer.jpg) no-repeat bottom right;
	width: 924px;
	position: relative;
	z-index: 1;
}

#Header
{
	height: 82px;
	width: 924px;
	z-index:0;
}

#MainNav
{
	height: 30px;
	width: 924px;
	background-image: url(/!images/mp/anhc_main_nav_b.gif);
}

#ContentArea
{
	width: 924px;
	height: 679px;
}

#ContentArea .LeftCol
{
	background: url(/!images/mp/anhc_main_left_photo.jpg) no-repeat;
	width: 250px;
	height: 679px;
	float: left;
}

#ContentArea .RightCol
{
	background: url(/!images/mp/anhc_main_header_photo.jpg) top center no-repeat;
	width: 674px;
	height: 679px;
	float: right;
}

#TextArea 
{
	background: url(/!images/mp/anhc_main_content_bg.jpg) no-repeat;
	height: 320px;
	width: 674px;
	margin-top: 168px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#TextArea .ContentText
{
	padding: 0 60px 0px 30px;
	font-size:12px;
}



#Footer
{
	background: url(/!images/mp/anhc_mp_footer_nav-a.gif) top center no-repeat;
	position: relative;
	margin: 0 auto;
	width: 924px;
	z-index: 1000;
}


#FooterTable {font-size: 10px; width: 924px;margin-top: 15px; margin-bottom: 15px; font-weight: bold;}

#FooterTable a:link, #FooterTable a:visited  {color: #C00004; font-size: 11px; font-weight: bold; text-decoration: none; }
#FooterTable a:hover, #FooterTable a:active  {color: #C00004; font-size: 11px; font-weight: bold; text-decoration: underline; }


/* Interior Specific Styles */
#IntWrapper 
{
	background: url(/!images/int/anhc_int_content_background.gif) repeat-y ;
	min-height: 500px;
	width: 924px;
	position: relative;
	margin: 0 auto;
	z-index: 1;
}

#IntSubhead {width: 924px; height: 154px;}

#IntContent {Padding: 40px 60px 30px 60px; }

#breadcrumbs {padding: 5px 0 0 60px; font-size: 11px; float: left;}
#breadcrumbs a { white-space: nowrap; font-size: 11px;}

#PagePrint {padding: 5px 60px 0 0; float: right;}

/* Main Navigation */ 

#NavSprite
{
	margin:0;
	float:left;
	position:relative;
	z-index: 1;
}

#NavSprite dd
{
	margin:0;
	float:left;
	position:relative;
}

#NavSprite a.ir
{
	display:block;
	width:924px;
	height:0px;
	padding-top:30px;
	background:url(/!images/mp/anhc_main_nav_a.gif) 0 0 no-repeat;
	overflow:hidden;
}

#About a.ir{background-position:-0px 0; width:100px;}
#News a.ir{background-position:-100px 0; width:140px;}
#Rare a.ir{background-position:-240px 0; width:120px;}
#Natural a.ir{background-position:-360px 0; width:130px;}
#Images a.ir{background-position:-490px 0; width:78px;}
#Education a.ir{background-position:-568px 0; width:100px;}
#Publications a.ir{background-position:-668px 0; width:120px;}
#Citizen a.ir{background-position:-788px 0; width:135px;}

#NavSprite a.ir:hover{background: none;}

.sec_about dd#About a.ir,
.sec_news dd#News a.ir,
.sec_rare dd#Rare a.ir,
.sec_natural dd#Natural a.ir,
.sec_gallery dd#Images a.ir,
.sec_education dd#Education a.ir,
.sec_publications dd#Publications a.ir,
.sec_citizen dd#Citizen a.ir {background-image: none;}

#NavSprite dd:hover a.ir, #NavSprite dd.IEhover a.ir, #NavSprite a.ir:hover { background: none; }


/* Drop Down Styles*/

#NavSprite ul 
{
 	list-style: none;
	border-left: 1px solid #000; 
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0;
	padding: 0;
	font-weight: normal;
	position: absolute;
	top: -200em;
	z-index: 100;
	width: 185px;
}

#NavSprite li 
{	
	position:relative; 
	margin: 0;
	padding:0;
}

.odd {background: #FCF9F2;}
.even {background:#fff;}

* html #NavSprite li 
{ 
	float:left;
	clear:left; 

}

#NavSprite li:hover, #NavSprite li.IEhover 
{
	z-index:100; 
}

#NavSprite li ul 
{ 
	left: 13em; 
	font-weight: normal;
}

#NavSprite li a 
{
	display: block;
	color: #333; 
	font-size: 13px;
	padding: 5px 5px 5px 20px;
	text-decoration: none; 
	font-family: Lucida Sans, Arial, Verdana; 
}

* html #NavSprite li a 
{
	height:0%;
}

#NavSprite li a:hover 
{
	color: #E15226;
	text-decoration: underline;
	padding-left: 20px;
}

/* Holly Hack. IE Requirement \*/
#NavSprite ul li { clear: left; float: left; height: 1%; width: 100%; }
#NavSprite ul li a { *height: 1%;  }
/* End */

	#NavSprite dd:hover>ul  { top: 30px; }
	#NavSprite dd.IEhover ul.ddesc{ top: 30px; }
	#NavSprite li:hover>ul { top: 0; z-index: 10; }
	#NavSprite dd.hover ul, #NavSprite dd.over ul { top: 30px; background: none; display: block; }
	#NavSprite li.IEhover ul.ddesc, #NavSprite li ul.closeing { top: 0; z-index:100; }



/* =DROPDOWNS 
*****************************/
/* behavior */
.dropdown dd { position: relative; z-index: 1; }
.dropdown ul {  position: absolute; z-index: 5; top: 45px; left: 2px; display: none; }
.dropdown dd.active { z-index: 10; }
.dropdown dd.active ul.menu { display: block; }
.dropdown ul a { display: inline-block; } /* do not leave this line out; do not change this line. It fixes a bug in IE, however you can change it in another css rule! */


/* look-and-feel */
.dropdown ul a { display: block; }


/* =IE 
*************************/
/* \*/
* html #sidebar, # html .home #related { overflow: hidden; display: inline; }

/* */

/* Footer Navigation */

#FooterSprite
{
	height: 27px;
	margin:0;
    margin-bottom:25px;
	float:left;
	position:relative;
	z-index: 1;
}

#FooterSprite dd
{
	margin:0;
	float:left;
	position:relative;
}

#FooterSprite a.ir
{
	display:block;
	width:924px;
	height:0px;
	padding-top:27px;
	background:url(/!images/mp/anhc_mp_footer_nav-b.gif) 0 0 no-repeat;
	overflow:hidden;
     
}

#FtHome a.ir{ display:none; }
#FtAbout a.ir{background-position:0px 0; width: 80px;}
#FtNews a.ir{background-position:-80px 0; width:154px;}
#FtRare a.ir{background-position:-234px 0; width:118px;}
#FtNatural a.ir{background-position:-352px 0; width:126px;}
#FtImages a.ir{background-position:-478px 0; width:90px;}
#FtEducation a.ir{background-position:-568px 0; width:100px;}
#FtPublications a.ir{background-position:-668px 0; width:118px;}
#FtCitizen a.ir{background-position:-786px 0; width:138px;}
#FooterSprite a.ir:hover{background: none;}

.sec_about dd#FtAbout a.ir,
.sec_news dd#FtNews a.ir,
.sec_rare dd#FtRare a.ir,
.sec_natural dd#FtNatural a.ir,
.sec_gallery dd#FtImages a.ir,
.sec_education dd#FtEducation a.ir,
.sec_publications dd#FtPublications a.ir,
.sec_citizen dd#FtCitizen a.ir {background-image: none;}

#FooterSprite dd:hover a.ir, #FooterSprite dd.IEhover a.ir, #FooterSprite a.ir:hover { background: none;}

}

/* =Rare Species Search
*****************************/


/* =Forms
*****************************/

fieldset 
{
    float: left;
    clear: left;
    width: 100%;
    margin: 1.5em 0 0 0;
    padding: 0;
    background:#F5F6CE; 
    border:2px solid #145c08;
    min-height:3.5em;
    height:auto !important;
    height:3.5em;
}
legend 
{
    margin-left: 1em;
    padding:0;
    color:#724325;
    font-weight: bold;
}
legend span
{
    position: absolute;
    margin-top: 0.5em;
    font-size: 1.4em;
}
fieldset ol 
{
    padding: 2.5em 1em 0 1em;
    list-style: none;
}
fieldset li 
{
    float: left;
    clear: left;
    width: 100%;
    padding-bottom: 1em;
}
fieldset.submit, li.submit
{
    float: none;
    width: auto;
    border-style: none;    
    padding-left: 12em;
    padding-top:1.5em;
    background:transparent none;
}
li.submit { padding-left:11em; padding-top:0; padding-bottom:0;}
.SearchLabel
{
    width: 5em;
    text-align:left;
}
label 
{
    position:relative;
    z-index:1;
    float: left;
    width: 10em;
    margin-right: 1em;
    text-align:right;
}
label em
{
    /*position: absolute;
    z-index:1;
    left: 10em;
    top: 0;
    font-style:normal;*/
    display: block;
    font-size: 85%;
    font-style: normal;
    text-transform: uppercase;
}
label em, .reqd { color:#993300; }

/* Rules for nested Fieldsets */

fieldset fieldset
{
    margin: 0;
    border-style: none;
    background-color: transparent;
    background-image: none;
}
fieldset fieldset legend 
{
    margin-left: 0;
    font-weight: normal;
    color:#00395A;
}
fieldset fieldset legend span
{
    font-family:Tahoma,Arial,Helvetica,sans-serif;
    font-size:1em; 
    width:10em;
    text-align:right;
    margin-top:0;          
}
fieldset fieldset ol 
{
    margin: 0 0 0 11em;
    padding: 0;
}
fieldset fieldset label 
{
    float: none;
    width: auto;
    margin-right: auto;
    margin-left:.5em;
}

/* Alternate rules different layouts*/

.labelTop { padding-left:3em;}

.labelTop fieldset legend span
{
    margin-left:-.5em;
    width:auto;
}

.labelTop fieldset ol
{
    margin-left:8em;
    margin-top:1.5em;
}

.labelTop fieldset label
{
    display:inline;
    margin-left:.5em;
}

.labelTop fieldset input, .labelTop fieldset textarea, .labelTop fieldset select { margin-left:0;}

.labelTop label
{
    width:auto;
    float:none;
    margin:0;
    text-align:left;
    display:block;
    margin-left:-.5em;
}

.labelNoFloat { padding-left:2.5em; }

.labelNoFloat label
{
    float: none;
    width: auto;
    margin-right: auto;
    margin:0 .5em;
    text-align:left;
}

.sideBySide { float:left; clear:none; width:auto; margin-left:1em;}
.sideBySide label {width:auto;}

#infoBlock {
    color: #46617A;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 9.25px;
    line-height: 12px;
    width: 370px;
}
#infoBlock a {
    color: #777;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 10px;}
#infoBlock a:hover,
#infoBlock a:visited, 
#infoBlock a:active {
    color:#E0C63E;
    }
#infoText {float:right;}
#infoBlock h3 {width:272px; margin:0px; padding:0px; }
#infoBlock dl {width:272px; margin:0px; padding:0px; }
#infoBlock dl dd {padding:0px; margin:0px; }

#copy {clear:both; font-size:10px; line-height:16px; font-family:Tahoma, Geneva, sans-serif; color:#46617A; font-weight:normal; width:921px;}
#copy p {vertical-align:middle; height:71px; width:700px; float:left; padding-top:0px;}
#copy a:hover, 
#copy a:visited, 
#copy a:active, 
#copy a:link {
    color:#46617A !important; font-size:10px; text-decoration:none;
     }
#arRec {float: right;}
#arRec img {vertical-align:middle;}

/* Gallery UL's */
#GalleryThumbs ul {list-style: none; margin: 0; padding: 0;}
#GalleryThumbs li {display: inline; padding: 0 15px 5px 0px; margin: 0 0 0px 0; float: left; width: 100px; height: 140px; text-align: center;}
#SuperCats ul {list-style: none; margin: 0; padding: 0;}
#SuperCats li { display: inline; padding: 0 15px 0 0; margin: 0;}

#sponsors { background: url(/!images/anhc_footer_logos.png) no-repeat; margin:10px auto; width:554px; height:67px; position:relative; z-index:10000; float:right;}
#sponsors_nav dd { float:left; width:auto!important; display:inline; position:relative; margin:0; }
#sponsors_nav dt { position:absolute; height:0; overflow:hidden; visibility:hidden; }
#sponsors dl { margin:0; padding:0; }
#sponsors_nav a.ir { display:block; width:100%; padding-top:68px; height:0; overflow:hidden; text-decoration:none; text-indent:-9999px; position:relative; border:0; }
#sponsors_nav a.ir:hover, #sponsors_nav dd:hover a.ir, #sponsors_nav dd.active a.ir, #sponsors_nav a.ir:focus, #sponsors_nav a.ir:active { background-image: url(/!images/anhc_footer_logos.png)}


#sponsors_nav #delta a.ir { width:57px; background-position:0 0px; }
#sponsors_nav #deptHeritage a.ir { width:83px; background-position:0 0; }
#sponsors_nav #historicAr a.ir { width:74px; background-position:0 0; }
#sponsors_nav #old a.ir { width:73px; background-position:0 0; }
#sponsors_nav #mosaic a.ir { width:114px; background-position:0 0; }
#sponsors_nav #artsCouncil a.ir { width:64px; background-position:0 0; }
#sponsors_nav #ArPreservation a.ir { width:88px; background-position:0 0; }
/*#sponsors_nav #natHeritage a.ir { width:90px; background-position:0 0; }*/




#sponsors_nav #delta a.ir:hover { background-position:0px -68px; }
#sponsors_nav #deptHeritage a.ir:hover { background-position:-57px -68px; }
#sponsors_nav #historicAr a.ir:hover { background-position:-140px -68px; }
#sponsors_nav #old a.ir:hover { background-position:-214px -68px; }
#sponsors_nav #mosaic a.ir:hover { background-position:-287px -68px; }
#sponsors_nav #artsCouncil a.ir:hover { background-position:-401px -68px; }
#sponsors_nav #ArPreservation a.ir:hover { background-position:-465px -68px; }
/*#sponsors_nav #natHeritage a.ir:hover { background-position:-255px -69px; }*/





.ir { height/**/:/**/0!important; display: block; overflow: hidden; }

/****Accordion Menu******/
ul.menu, ul.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 300px;
}
ul.menu a {
    display: block;
    text-decoration: none;
}
ul.menu li {
    margin-top: 1px;
}
ul.menu li a, ul.menu ul.menu li a {
    background: url("http://www.naturalheritage.com/!images/mp/bg.png") no-repeat scroll 0 0 transparent;
    color: #47340c;
    font-size: 16px;
    font-variant: small-caps;
    padding: 0.5em;
    text-align: center;
    vertical-align: middle;
}
ul.menu li a:hover, ul.menu ul.menu li a:hover {
}
ul.menu li ul li a, ul.menu ul.menu li ul li a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #47340c;
    padding-left: 20px;
    height: 10px;
    padding-top: 3px;
    padding-bottom: 10px;
}
ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
    background: none repeat scroll 0 0 #93db7a;
    padding-left: 20px;
}
ul.menu ul.menu li a:hover {
    border-left: 0 none;
    padding-left: 0.5em;
}
ul.menu ul.menu {
    border-left: 5px solid #63A7E6;
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
    background: url("http://www.naturalheritage.com/!images/mp/bg.png") no-repeat scroll 0 0 transparent;
    text-decoration: underline;
}
div.panel {
    border: 1px solid #000000;
    margin-top: 1px;
    padding: 5px;
}
ul.menu div.panel a, ul.menu div.panel li a:hover {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #666666;
    display: inline;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
ul.menu div.panel a:hover {
    color: #47340c;
    text-decoration: underline;
}

.code {
    border: 1px solid #CCCCCC;
    list-style-type: decimal-leading-zero;
    margin: 0;
    padding: 5px;
}
.code code {
    display: block;
    margin-bottom: 0;
    padding: 3px;
}
.code li {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    margin: 0 0 2px 2.2em;
}
.indent1 {
    padding-left: 1em;
}
.indent2 {
    padding-left: 2em;
}
.indent3 {
    padding-left: 3em;
}
.indent4 {
    padding-left: 4em;
}
.indent5 {
    padding-left: 5em;
}
.indent6 {
    padding-left: 6em;
}
.indent7 {
    padding-left: 7em;
}
.indent8 {
    padding-left: 8em;
}
.indent9 {
    padding-left: 9em;
}
.indent10 {
    padding-left: 10em;
}

#social a:hover img {
}
#social img {
    margin: -2px;
}
#social {
    float: left;
    margin-top: -23px;
    padding-left: 0px;
    z-index: 0;
}
#footer-logo {
    float: left;
    margin-top: -10px;
    padding-left: 25px;
}