html { font-size: 100%; /* IE hack */ }

body{margin:0; padding:0; background: #ffffff url("../images/global/background.jpg") repeat-x; background-position: top center; font-family: Tahoma, Geneva, sans-serif; font-size: 80%; line-height: 1.5em; color: #556680;}

p{margin: 0; margin-bottom:10px;}

a{text-decoration: none; font-weight: bold; color: #556680;}

a:hover{text-decoration: underline;}

h1{color: #1a913f; font-size: 2.8em; line-height: 1.2em; margin-top: 5px; margin-bottom: 15px; font-weight: normal; letter-spacing: -1px}
h2{font-size: 1.6em; line-height: 1.2em; color: #556680; margin-top: 20px; margin-bottom: 10px; font-weight: bold; letter-spacing: -0.5px}
h3{font-size: 1.4em; line-height: 1.2em; color: #556680; margin-top: 4px; margin-bottom: 4px; font-weight: bold; letter-spacing: -0.5px}
h4{font-size: 1.2em; line-height: 1.2em; color: #556680; margin-top: 4px; margin-bottom: 4px; font-weight: bold; letter-spacing: -0.5px}
h5{font-size: 1.2em; line-height: 1.2em; color: #1a913f; margin-top: 4px; margin-bottom: 4px; font-weight: bold; letter-spacing: -0.5px}

img{border: 0;}

table { font-size: 100%; /* IE hack */ }

.clearfix {clear:left;}

.lowercase { text-transform: lowercase; }

.line {color: #999999; margin-top: 15px; margin-bottom: 5px; border-bottom: dotted; border-width: 1px; clear: left;}

.related_downloads {font-size: 1.2em; font-weight: bold; margin-top:10px; margin-bottom: 5px;}

.forminput {width: 470px;}
.formarea {width: 470px; height: 150px; vertical-align: top;}

.date {color: #999999; font-size: 0.9em;}

#maincontainer{width: 950px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/}

#topsection #donate img{margin-left: 755px;margin-top: 165px;}
#navtabs{position: absolute;bottom: 0px;}
#navsocial{position: absolute; top: 140px; left:100px;}
#subnav{position: absolute;top: 266px;color: #FFFFFF;}
#subnav a{color: #FFFFFF;font-weight:bold;}
#topsection h1{margin: 0;padding-top: 15px;}
#contentwrapper{margin-top: 60px;float: left;width: 100%;background: url("../images/global/wrapper_back.png") repeat-y;}
#contentcolumn{margin-right: 320px; /*Set right margin to RightColumnWidth*/padding-right: 30px; display: inline-block;}
#rightcolumn{float: left;width: 320px; /*Width of right column*/margin-top: 120px;margin-left: -320px; margin-right: 0px; display: inline-block; /*Set left margin to -(RightColumnWidth) */}
#footer{clear: left;background: url("../images/global/footer.jpg") no-repeat;width: 100%; height:200px; text-align: center;padding-top: 190px;padding-bottom: 20px;}
#footer a{font-size: 11px;color: #556680;}

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

/*  Tables :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

table.wrapper {width:950px; margin-top:70px;}
tr {vertical-align: top;}
td.left {width:600px;}
td.middle {width:30px;}
td.right {width:320px;}



/*  Other :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

#paginate {width:100%; font-weight:normal; text-align: right; color: #1a913f;}
#paginate a{width:100%; font-weight:normal; text-align: right; color: #1a913f;}

.paneltop{width: 320px; height: 55px; padding-top: 23px; padding-left: 0px; margin:0; margin-bottom: -23px; font-size: 1.4em; font-weight: bold; color: #ffffff; background: url("../images/global/panel_01.png") no-repeat;}
.paneltop_red{width: 320px; height: 55px; padding-top: 23px; padding-left: 0px; margin:0; margin-bottom: -23px; font-size: 1.4em; font-weight: bold; color: #ffffff; background: url("../images/global/panel_red_01.png") no-repeat;}
.paneltop h1{margin-left:20px; margin-top: -5px; font-size: 20px; font-weight: bold; color: #ffffff;}
.paneltop_red h1{margin-left:20px; margin-top: -5px; font-size: 20px; font-weight: bold; color: #ffffff;}

.panelmiddle{width: 320px;background: url("../images/global/panel_02.png") repeat-y; margin:0;}
.panelmiddle p {padding-left: 20px;padding-right: 20px;padding-top: 5px;font-size: 1.0em;font-weight: normal;color: #666666;}
.panelmiddle p.line {margin-left: 20px;margin-right: 20px; margin-bottom: 0px; color: #666666; border-bottom: none; border-top: dotted; border-width: 1px;}
.panelmiddle h1 {padding-left: 20px;padding-right: 20px;padding-top: 5px;font-size: 1.3em;font-weight: bold;color: #1a913f; margin-top:0; margin-bottom:0;}
.panelmiddle img.button {margin-left: 200px;}
.panelimage { float:left; width:90px; display:inline-block; margin-left:20px; margin-bottom:5px; margin-top: 10px;}
.panelbottom{width: 320px;height: 23px;background: url("../images/global/panel_03.png") no-repeat; margin:0;}

.panel_animal_left { float: left; font-size: 1.0em; font-weight: bold; color: #556680; line-height: 1.3em; margin-left: 20px; clear:left;}
.panel_animal_right {float: left; font-size: 1.0em; font-weight: bold; color: #1a913f; line-height: 1.3em; margin-left: 120px; position:absolute;}
.panel_animal_help {margin-left:110px; margin-top:10px;}
.panel_animal_line {color: #1a913f; line-height: 1.6em; margin-left: 20px; margin-right: 20px; border-bottom: dotted; border-width: 1px; clear: left;}

.panelforminput {width: 270px;}
.panelformarea {width: 270px; height: 200px;}


/*  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Right Subnav ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 


.cssnav
{position: relative;font-family: Tahoma, Geneva, sans-serif; font-weight: bold; background: url("../images/global/subnav1.png") no-repeat; white-space: nowrap; display: block; width: 260px; height: 40px; margin: 0; padding: 0;}
.cssnav a{display: block; color: #556680; font-size: 11px; width: 260px; height: 40px; display: block; float: left; color: #556680; text-decoration: none;}
.cssnav img{width: 260px; height: 40px; border: 0}
* html a:hover{visibility:visible}
.cssnav a:hover img {visibility:hidden}
.cssnav span{position: absolute;left: 15px;top: 10px;margin: 0px;padding: 0px;cursor: pointer;}

/*  Animals :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 

.animal_container {width: 150px;float: left;display:inline-block;}
.animal_container div.animal_name { font-size: 1.1em; font-weight: bold; color: #330000; margin-top: 5px;}
.animal_container div.animal_breed {height: 50px;  font-size: 1.0em; font-weight: normal; color: #666666; line-height: 1.1em; margin-bottom: 15px;}
.animal_link { font-size: 1.2em; font-weight: bold; color: #1a913f; line-height: 1.6em; margin-left: 20px; }
.animal_sublink { font-size: 1.1em; font-weight: bold; color: #1a913f; line-height: 1.6em; margin-left: 30px; }
.animal_line {color: #1a913f; line-height: 1.6em; margin-left: 20px; margin-right: 20px; border-bottom: dotted; border-width: 1px;}
.animal_image { float:left; width:390px; margin-right: 10px; margin-bottom:5px; border: solid; border-width: 1px; border-color: #cccccc;}
.animal_left { float: left; font-size: 1.1em; font-weight: bold; color: #556680; line-height: 1.6em; margin-left: 20px;}
.animal_right {font-size: 1.1em; font-weight: bold; color: #1a913f; line-height: 1.6em; padding-left: 170px; }
.animal_help {margin-left:57px; margin-top:10px;}

.article_container {clear:left;}
.article_image { float:left; width:250px; display:inline-block; margin-bottom:5px;}
.article_image_container { float:left; width:250px; margin-right: 20px; margin-bottom: 10px; clear:none;}
