body  {
	margin : 0px;
	padding : 0px;
	font : 1.0em verdana, arial, sans-serif;
	background-color : #ffffff;
	behavior : url(css/csshover.htc);
	text-align : center;
	color : #002B7C;
}
div#header {
margin-top : 20px;
width : 774px;
height : 69px;
background-image : url(images/logo.gif);
background-repeat : no-repeat;
}
div#dropdown {
padding-top : 25px;
padding-left : 270px;
}
div#wrap  {
	width : 774px;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
}
	A  {
	text-decoration : underline;
	color : #00A4E8;
}
A:Hover  {
	text-decoration : underline;
	color : #ff3300;
	}
*  {
	margin : 0;
	padding : 0;
}
div#top {
width : 774px;
height : 24px;
background-image : url(images/top.gif);
background-repeat : no-repeat;
}
div#mid {
width : 774px;
background-image : url(images/background.gif);
background-repeat : repeat-y;
}
div#bottom {
width : 774px;
height : 24px;
background-image : url(images/bottom.gif);
background-repeat : no-repeat;
}
div#content {
width : 774px;
background : url("images/montage.gif") bottom left no-repeat;
}

div#copy {
width : 557px;
float : left;
padding-left : 20px;
font-size : 0.7em;
text-align : justify;
padding-top : 0px;
}
div#copy h1{
font-size : 1.1em;
padding : 0 0 0 0px;
}
div#copy p{
margin : 0 0 0 0px;
padding : 0 0 0 0px;
}
div#copy p.red{
margin : 0 0 0 0px;
padding : 0 0 0 0px;
color : #ff3333 ;
}
div#index {
padding-top : 25px;
padding-left : 0px;
}
.index-front2{
padding-top : 4px;
padding-bottom : 4px;
padding-left : 1px;
}
.index-front {
font-size : 0.9em;
padding-bottom : 2px;
float : left;
width : 172px;
background-color : #ECF7FC;
}
.index-front img{
padding : 0 0 0 0px;
}

#mastitis { width: 548px ; height: 173px; border :1px solid #002B7C; padding : 0; margin: 20px 0 0 0;font-size : 0.9em;}
#mastitisleft { width: 174px ; height: 173px;  padding : 0; margin: 0;float: left;}
#mastitisright { width: 344px ; height: 173px;  padding : 0 10px 0 17px; margin: 0; float: left;}
#mastitis img{padding : 0; margin: 0; border: 0;}

#mast { width: 344px ;  padding : 0; margin: 10px 0 0 0;}
.mast1 { width: 100px ;  padding : 0; margin:  0;float: left;}
.mast2 { width: 130px ;  padding : 0; margin: 0;float: left;}
.mast3 { width: 110px ;  padding : 0; margin:  0;float: left;}


.space {
width : 17px;
float : left;
background-image : url(images/space.gif);
background-repeat : repeat-y;
}
div#linksandnews {
padding : 0px;
}
div#linksandnews h1{
padding-top : 20px;
padding-bottom : 10px;
font-size : 1.2em;
}
div#updatedcontent {
padding : 0px;
}
div#links {
width : 245px;
float : left;
font-size : 0.90em;
text-align : left;
}
div#links img{
float : left;
padding-right :5px;
}
div#news {
padding-left : 20px;
width : 290px;
float : left;
font-size : 0.85em;

}
.article {
padding-top : 1px;
padding-bottom : 4px;
font-size :1.3em;
text-align :left;

}
.article p{
margin : 0 0 0 0px;
padding : 0 0 0 0px;
font-size :1.1em;
}
div#species {
padding-top : 10px;


}
.species2 {
float : left;
padding-right: 10px;
padding-left: 9px;
padding-bottom : 10px;
}
div#species h1{
padding-bottom : 10px;
text-align : left;
}
div#footer {
width : 774px;
text-align : center;
font-size : 0.6em;
padding-bottom : 30px;
}
div#footer p{
padding-top : 2px;
padding-bottom : 2px;
}
div#footer span{
font-size : 0.9em;
}
div.clearfloats {clear:both;}
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after  {
content : ".";
/* the period is placed on the page as the last thing before the div closes */
display : block;
/* inline elements don't respond to the clear property */
height : 0;
/* ensure the period is not visible */
clear : both;
/* make the container clear the period */
visibility : hidden;
}

.clearfix  {
display : inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix  {
height : 1%;
}

.clearfix  {
display : block;
}