html {padding: 0; margin: 0; width: 100%; height: 100%; color: #999; background: black;}
body {padding: 0; margin: 100px auto; width: 950px; height: auto; font: 80% Verdana, Arial, Helvetica, sans-serif; text-align: justify; border: 5px solid #ac9202;}

img {border-style: none;}
strong, b {font-weight: bold;}
em, i, cite {font-style: italic;}

del {text-decoration: line-through;}
ins {text-decoration: underline;}
address {font-style: normal; text-transform: none;}

abbr{border-bottom: 1px dashed gray;}
acronym {font-variant: small-caps; border-bottom: 1px dashed gray;}
dfn {font-style: italic; border-bottom: 1px dashed gray;}

h1,h2,h3,h4,h5,h6 {color: #a6b98b; /* #6c7b26; /*#B7005B; /* #755927 /**/ /* font-family: Impact, Arial, Helvetica, sans-serif;/**/}
h1 {font-size: 160%; font-weight: normal; padding: 20px 0 15px 80px; text-transform: uppercase; background: transparent url(../images/design/h1.png) left top no-repeat;}
h2 {font-size: 120%;}
h3, h4, h5, h6 {font-size: 100%;}

.left {float: left; margin-right: 10px;}
.right {float: right; margin-left: 10px;}
.clear-left {clear: left;}
.center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.box {padding: 10px; text-align: center; font-size: larger; border: 3px solid #B7005B;}

td {vertical-align: 0%;}

small {font-size: 80%;}
big {font-size: 120%;}

a {color: #a6b98b; font-weight: bold; text-decoration: underline;}
a:link {color: #a6b98b; text-decoration: none;}
a:visited {color: #ac9202; text-decoration: none;}
a:hover {color: #ac9202; text-decoration: underline;}



#header {position: relative; height: 320px; background: transparent url(../images/design/pics-background.png) left top no-repeat;}
#logo {position: absolute; top: -80px; right: 50px;}
#pics {position: absolute; top: 50px; left: 50px; width: 450px; height: 180px; /*border: 3px solid #AC9202;/**/}

#pigs {position: relative; height: 350px; border-bottom: 3px solid white;}

#menu {position: absolute; height: 30px; /* --> */width: auto; left: 5px; /* <-- */ margin: auto; top: 280px; color: white; font: 80% "Trebuchet MS", sans-serif; line-height: 1.2em; text-align: center; text-transform: uppercase;}

#menu ul {margin: 0; padding: 0; list-style-type: none;}
#menu ul li {position: relative; display: inline; float: left;}
#menu a {display: block; width: auto !important; width: 105px; /* <- FOR IE6 /**/ padding: 0 14px;/**/ color: #ac9202; text-decoration: none; font-weight: bold; text-align: center; font-size: 150%;}
#menu a {height: 20px; padding-top: 10px; /*height: 26px;  padding-top: 14px;/**/}
#menu a:hover, #menu a.selected {color: black; background: #a6b98b; /*white url(../images/design/menu.jpg) left top repeat-x;/**/}

#content {margin: 0 250px 0 0; padding: 1px 50px; text-align: justify; background: transparent url(../images/design/footer.png) right bottom repeat-x;}

#content table {width: 99%; border: 1px solid #666;}
#content table.sortable tr:nth-child(odd) td {background: #333;}
#content table.sortable th {text-align: left;}
#content table.sortable th+th, #content table.sortable td+td {text-align: right; width: 25%;}

#column {float: right; width: 200px; height: auto; padding: 20px 50px; text-align: center;}
#column h2 {padding: 25px 0 15px 65px; text-transform: uppercase; background: transparent url(../images/design/h1.png) left top no-repeat;}
#column p {text-align: justify; padding: 5px 0;}


#footer {clear: both; width: 100%; padding-top: 1em; text-align: center;}
#footer a:visited {text-decoration: none;}

/*
#footer ul {margin: 0 50px; padding: 0; list-style-type: none;}
#footer ul li {position: relative; display: inline; float: left; margin: 0 12px 0 13px;}
/**/
#footer img {color: white;}
#footer p {clear: both; margin: 10px 0;}

#photos {width: 830px;}

/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	background-color:#333;

	width:830px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/design/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


@media print {
html {padding: 0; margin: 0; width: 100%; height: 100%; border: none; background-color: white; background-image: none;}
body {padding: 0; margin: 0; width: 100%; height: 100%; font-size: 100%; text-align: justify; border: none; background-color: white; background-image: none;}

img {border-style: none;}
h1, h2, h3, h4, h5, h6 {padding: 0; text-transform: none; color: black; border: none; background-color: white; background-image: none;}

a, a:link, a:visited, a:hover {color: black; font-weight: bold; text-decoration: underline;}

#header,#column,#footer,.no-print {display: none;}
#content {width: auto; margin: 10px; padding: 0; border: none; background-color: white; background-image: none;}
* {color: black; border: none; background-color: white; background-image: none;}
}