/* screen.css */

body{
margin:0;
padding:0;
line-height: 1.5em;
background-color: #444444;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color: #fff;
}

#topsection{
background: #EAEAEA;
height: 130px; /*Height of top section*/
width: 840px;
}

#topsection h1{
margin-left: -10px;
height: 130px;
width: 840px;
background: #EAEAEA url(../images/logo.gif) top left no-repeat;
}

#topsection h1 span {
display: none;
}

#contentwrapper{
float: left;
width: 100%;
background: #fff url(../images/logo_fade.gif) bottom right no-repeat;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
padding-bottom: 5px;
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column*/
/*margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background-color: #CC0033;
border-right: 1px solid #000;
color: #fff;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 5px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}



/* menu */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#menublock{
width: 180px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 90%;
background-color: #CC0033;
color: #333;
}

* html #menublock{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #menublock */
}

#menublock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#menublock li {
border-bottom: 1px solid #FFFFFF;
margin: 0;
}

#menublock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #990000;
border-right: 10px solid #FF3333;
background-color: #CC0033;
color: #fff;
text-decoration: none;
width: 100%;
}

#menublock li a.current{
color: #000;
}

html>body #menublock li a{ /*Non IE6 width*/
width: auto;
}

#menublock li a:hover{
border-left: 10px solid #000000;
border-right: 10px solid #AAAAAA;
background-color: #444444;
color: #fff;
}

/* paragraph styles */

.footer {
font-size: 70%;
line-height: .8em;
padding: none;
}

.footerlast {
padding-bottom: 10px;
font-size: 70%;
line-height: .7em;
}

.mission {
font-style: italic;
font-size: 70%;
line-height: 1.1em;
background: fff;
padding-bottom: 10px;
}

h1 {
font-size: 1.5em;
line-height: 1.5em;
padding-top: 10px;
font-family: Georgia, serif;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
color: #990000;
}

h2 {
font-size: 1.2em;
line-height: 1em;
font-family: Georgia, serif;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
}

p {
padding: none;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: .9em;
}

img.right {
padding: 5px;
background-color: #fff;
float: right;
margin-right: 5px;
}


table.measure {
	width: 620px;
	background-color: #fafafa;
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}


td.breed {
	background-color: #FF3333;
	border: 1px #000000 solid;
	font-family: Verdana;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
}


td.bull { 
	border-bottom: 1px #CC0033 dotted;
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: .9em;
	color: #404040;
	background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px; 
}