html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}

html{
	height:100%;
}
body{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:0.8em;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#666666;
	height:100%;
}

p{
	margin-top:5px;
	margin-bottom:10px;
}

#mainContainer{
	width:738px;
	margin:0 auto;
	text-align:left;
	background-color: #FFF;
/*		padding-left:16px;
	padding-right:16px;
	padding-bottom:20px;*/
}

#wac_menu img{
	border:0px;
}

/* End general styles for this example page */
/* General configuration CSS */

#wac_menu ul li ul{
	display:none;	/* Needed to display ok in Opera */
}
	
#wac_menu{
	visibility:hidden;	
}
#wac_menu ul{
	margin:0px;	/* No indent */
	padding:0px;	/* No indent */
}
#wac_menu li{
	list-style-type:none;	/* No bullets */
}	
#wac_menu a{

	margin:0px;
	padding:0px;
}
/* End general configuration CSS */


/* Cosmetic */

/***********************************************************************
	CSS - MENU BLOCKS
 	General rules for all menu blocks (group of sub items) 
***********************************************************************/
#wac_menu ul{
/*		border:1px solid #000; */
	background-color:#B1B1B1;
	padding:1px;
	text-align:center;
}
	
#wac_menu ul.menuBlock1{	/* Menu bar - main menu items */
	border:0px;
	padding:1px;
/*		border:1px solid #317082; */
	background-color:#B1B1B1;
	overflow:visible;
}
#wac_menu ul.menuBlock2{	/* Menu bar - main menu items */
	border:0px;
	padding:1px;
	border:1px solid #555;
}

/***********************************************************************
	CSS - MENU ITEMS
 	Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#wac_menu a{
	color: #000;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;

}

/*
Main menu items 
*/

#wac_menu .currentDepth1{
	padding-left:5px;
	padding-right:5px;
	border:1px solid #B1B1B1;
}
#wac_menu .currentDepth1over{
	padding-left:5px;
	padding-right:5px;
	background-color:#2E2E2E;
	border:1px solid #000;
	
	
}
#wac_menu .currentDepth1 a{
	font-weight:bold;
}
#wac_menu .currentDepth1over a{	/* Text rules */
	color:#FFF;
	font-weight:bold;
}

/* Sub menu depth 1 */
#wac_menu .currentDepth2{
	padding-right:2px;
	border:1px solid #B1B1B1;
}
        #wac_menu .currentDepth2 a{
                font-weight:bold;
        }
#wac_menu .currentDepth2over{
	padding-right:2px;
	background-color:#2E2E2E;
	border:1px solid #000;
}	
#wac_menu .currentDepth2over a{	/* Text rules */
	color:#FFF;
	font-weight:bold;
}	
/* Sub menu depth 2 */
#wac_menu .currentDepth3{
	padding-right:2px;
	border:1px solid #FFF;
}
#wac_menu .currentDepth3over{
	padding-right:2px;
	background-color:#EDE3EB;
	border:1px solid #000;
}
/* Sub menu depth 3 */
#wac_menu .currentDepth4{
	padding-right:2px;
	border:1px solid #FFF;
}
#wac_menu .currentDepth4over{
	padding-right:2px;
	background-color:#EBEDE3;
	border:1px solid #000;
}
#wac_main {
	background-color:#FFF;
        color:#222222;
        text-align:center;
        font-weight:bold;
	padding-bottom: 15px;
}
#wac_main a{
        color:#000;
        text-align:center;
        font-weight:bold;
}
        #wac_main p{
	padding-left:150px;
	padding-right:150px;
                text-align:left;
        }
#copyright {
	background-color:#666666;
	color:#FFF;
	text-align:center;
	font-size: 0.7em;
}
#copyright a{
	color:#000;
}
#goats {
        width: 741px;
}
#goats img{
	vertical-align: middle;
}
#goats_border {
        width: 300px;
        margin: auto;
        border-bottom: 1px solid #CCC;
}
#goats_details {
        top: 10px;
        width: 250px;
        font-family: arial, sans serif;
}
        #goats_details p{
	width: 200px;
	text-align:center;
        }

#detailHeading {
        position: absolute;
        left: 150px;
        background: url('images/detail.gif');
        background-repeat: no-repeat;
        height: 82px;
        width: 405px;
}

#detailName {
        position: absolute;
        top: 20px;
        left: 245px;
        text-align: center;
        vertical-align: bottom;
}

#detailMain {
        position: absolute;
        top: 95px;
        left: 15px;
        width: 400px;
}

#detailDescription {
        position: absolute;
        line-height: 19px;
        top: 95px;
        left: 420px;
        width: 250px;
}

#detailImages {
        position: absolute;
        top: 400px;
        width: 150px;
}

