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

body {
text-align:center;
min-width:800px;
margin: 0px;
padding: 0px;
background-color:#ffffff;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

#wrapper {
	border-style:solid;
	border-width:1px;
	width:800px;
	margin: auto;
	padding: 0;
	text-align:left;
}
#background {
background-image: url("../images/grad.jpg");
background-repeat: repeat-x;
padding:0px;
margin:0px;
}
.content {
	
	width:79.5%;
	padding-bottom:0px;
	float:right;
	position:relative;
}

.content p
{
	padding:0px 7px;
}

#boxContainer {
	min-height:420px; 
	padding-top:20px; 
	padding-left:35px;
}

#boxContainer li
{
	padding-bottom:5px;
}

#currentBox {
	background-image:url(../images/current.png); 
	font-size:10px;
	width:239px; 
	height:136px; 
	padding: 30px 16px 18px 0px;
	margin-bottom:15px;
}

#eventBox {
	background-image:url(../images/upcoming.png);
	font-size:10px;
	width:239px; 
	height:137px; 
	padding: 31px 16px 18px 0px;
}

.browseBox {
	float:left;
	font-size:10px;
	width:238px; 
	height:136px; 
	padding: 28px 16px 18px 0px;
	margin-bottom:15px;
}

.box1 {
	background-image:url(../images/browse1.png); 
}

.box2 {
	margin-left:40px;
	background-image:url(../images/browse2.png); 
}

.box3 {
	margin-left:40px;
	background-image:url(../images/browse3.png); 
}

#currentScroll {
	overflow:auto; 
	height:141px;
}

#eventScroll {
	overflow:auto; 
	height:138px;
}

.browseScroll { 
	width: 100%;
	padding-top:1px;
	padding-left:14px;
	height:142px;
}

.selectScroll {
	width: 94%;
	font-size: 10px;
	border:none;
}

.browseText {
	clear:both;
	float:left;
	width:244px; 
	height:136px; 
	padding: 0px 10px 18px 0px;
	margin-bottom:15px;
}

#box_top {
	width: 800px;
	height: 84px;
	padding-top:0px;
	padding-bottom:0px;
}

#box_bottom {
	padding-top:0px;
	padding-bottom:0px;
	height: 83px;
}

#menu
{
	padding-top:20px;
	min-height:300px;
	width:20%;
	background-color: #dcdcdc;
	position:relative; 
}

.clear {
clear:both;
}

#menu-20-40-40 {
	float: left;
	width: 100%;
}


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

.leftMenu ul a {
	/* font-size:12px; */
	font-weight:bold;
	text-decoration: none;
	display: block;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	list-style: none;
	/*height: auto;*/
	width: 98%;
	border-bottom: 1px solid #ffffff;
	color: #000000;
}

input.text {
  border-color:#eaeaea;
  border-style:solid;
  border-width:2px;
}

.home {
	border-top: 1px solid #ffffff;
}

#appear {
	position:absolute; 
	width:258px;
	height:335px;
	overflow:auto;
	top:55px; 
	left:339px; 
	z-index:3; 
}

#diseaseBox {
	position:absolute; 
	top:20px; 
	left:319px; 
	z-index:2; 
	width:291px; 
	height:385px; 
	background-image:url(../images/disease.png); 
	padding:0px; 
	margin:0px;
}

#fader {
	position:absolute; 
	top:51px; 
	left:332px; 
	z-index:1; 
	width:263px; 
	height:338px; 
	background-image:url(../images/right_search_bg.jpg);
}


.leftMenu a:hover {
	background-color: #ebebeb;
	
}

.leftMenu li.here a {
	background-color: #bfbfbf;
	padding-left:3px;
}

.sub {
	text-align:  right;
	font-size:9px;
}

#menuFooter {
	position:absolute;
	bottom:0px;
	clear:both;
}

#menuFooter p {
	font-size:x-small; 
	font-weight:bold;
	padding:7px; 
}

#menuFooter a {
	color:#000000;
}

#menuFooter .left
{
	float:left;
}

#menuFooter .right
{
	float:right;
}

#contentFooter {
	width:100%;
	background-color:#ffffff;
	text-align:center;
	position:absolute;
	bottom:0px;
	clear:both;
}

#imageFooter {

	border:none;
}

img, div  {
	behavior:	url("/swinediseasenet/includes/pngbehavior.htc");
}