/* ----------------------RESET Styles ------------------------*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:disc; }
q:before, q:after { content:''; }
td {font: 62.5% "Times New Roman", Times, serif;}
/* --------------------------------------end reset ---------------*/

/* ----------------------------"Link Settings ---------------------*/ 
a {
color: #000099;
text-decoration: none;
font-weight: bold;
}
a:hover { text-decoration: underline;}

h4 a { color: #330066;}

h4 a:hover {text-decoration: none;}


/* ------------------------------------HTML and BODY below -----*/
html{ background-color: #6666CC;}

body {
margin: 5px 40px 10px 40px;  
background-color: white;
padding: 20px;
font: 62.5% "Times New Roman", Times, serif;
font-size: .8em;
line-height: 1.4em;
text-align: left;
min-width: 865px;
max-width: 1200px;
}

/* -----------------------Paragraph, H1 and H2, H3 Settings below -----*/
h1, h2 {font-size: 1.3em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
}

h2 {font-size: 1.1em;
color: black;
}

h1{
position: absolute;
top: 85px;
left: 300px;
font-size: 2.1em;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-style: italic;
color: #660033;
line-height: 1.3em;
width: 325px;
height: 100px;
background-color: white;
padding-top: 20px;
}

#topofpage {
position: absolute;
top: 15px;
left: 80px;
}

#topofpage .logo { padding-right: 20px; }


h3, h4{
font-family: "Times New Roman", Times, serif;
color: #330066;
font-size: 25px;
font-weight: bold;
padding-bottom: 15px;
}

h4 {
font-size: 18px;
padding-bottom: 10px;
padding-top: 10px;
margin-top: 15px;
border-top: 2px solid silver;
}

.noborder{border-top: 0;}

/* -----------------------Animal Pictures Top Right of Page -----*/

#picturerow {
margin-top: 55px;
float: right;
width: 350px;
}

.centerpicturewording {
text-align: center; 
font-size: 1.2em;
font-family: "Times New Roman", Times, serif;
font-style: italic;
line-height: 1.2em; 
}

.picturerow a {
color: #000099;
text-decoration: none;
font-weight: bold;
}

.picturerow a:hover { text-decoration: underline; }

 /* ----"Main" (consisting of middle and right columns on front page)-*/ 
p {
padding-top: 0px;
padding-bottom: 5px;
}
 
#main {
margin-top: 5px;
margin-left: 220px;
margin-right: 5px;
padding-top: 0;
}

#main p, ul, ol, td {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 2px solid silver;
font-size: 1.3em;
line-height: 1.4em;
}

blockquote {
font-size: 1.2em;
line-height: 1.2em;
}

#main  ul{
border-bottom: 0;
}

#main li, {
margin-bottom: 7px;
}

#main img {
float: right;
padding-left: 10px;
}


/* ----"Rightcol" Floated right column on front page-*/ 

#rightcol {
float: right;
width: 275px;
margin-top: 10px;
margin-bottom: 15px;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
margin-left: 20px;
border-top: 10px solid #CCCCFF;
border-left: 6px solid #CCCCFF;
border-bottom: 10px solid #CCCCFF;
border-right: 6px solid #CCCCFF;
}

#rightcol p {
padding-bottom: 5px;
margin-bottom: 0px;
border-bottom: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .85em;
}

#rightcol h2 {
color: black;
background-color: transparent;
padding-bottom: 5px;
}


/* ------------Settings for FOOTER and Last Paragraph -----*/

#footer p {
width: 600px;
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0px;
padding-top: 10px;
margin-top: 30px;
border-top: 2px solid silver;
font-size: 1.2em;
}

/* ----"Sidebar" Navigation - Absolutely positioned on left-----*/ 
#sidebar {
position: absolute;
left: 40px;
top: 200px;
width: 220px;
padding-right: 10px;
}

#mainNav {
background-image: url(yellowgrad.png);
background-repeat: repeat;
background-position: right top;
margin: 0;
padding: 0;
padding-right: 3px;
list-style: none;
border-bottom: none;
}

ul#mainNav { list-style-type: none;}

#mainNav a {
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;
padding-bottom: 5px;
color: #663300;
font-size: .95em;
font-weight: bold;
text-align: right;
text-decoration: none;
padding-right: 1px;
}

#mainNav li {
text-align: right;
padding-bottom: 8px!important;
}

#mainNav a:hover { text-decoration: underline;}

#connected {
border-top: 10px solid #CCCCFF;
border-left: 6px solid #CCCCFF;
border-bottom: 10px solid #CCCCFF;
border-right: 6px solid #CCCCFF;
margin: 10px 0 0 35px;
text-align: center;
}

#missing {
border-top: 10px solid #CCCCFF;
border-left: 6px solid #CCCCFF;
border-bottom: 10px solid #CCCCFF;
border-right: 6px solid #CCCCFF;
margin: 10px 0 0 35px;
padding-left: 2px;
padding-right: 2px;
text-align: left;
}

#connected h2 { text-align: center; }

.centerStayConnected {
width: 60%; 
margin: 0 auto;
}

#paypalbox {
border-top: 10px solid #CCCCFF;
border-left: 6px solid #CCCCFF;
border-bottom: 10px solid #CCCCFF;
border-right: 6px solid #CCCCFF;
margin: 10px 0 0 35px;
padding: 5px 5px 0 5px; 
color: #663300;
text-align: center;
font-weight: bold;
}

#ccbox {
border-top: 10px solid #CCCCFF;
border-left: 6px solid #CCCCFF;
border-bottom: 10px solid #CCCCFF;
border-right: 6px solid #CCCCFF;
margin: 10px 0 0 35px;
padding: 5px 4px 0 4px; 
color: #663300;
text-align: center;

}

#ccbox p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
}


/* ----------------------------------MISC---------------*/ 
strong { font-style: italic; }
.clear  {clear: both; } 
.floatright {float: right; }
.toppadding {padding-top: 20px; }
.bold {font-weight: bold;}
.nobottomborder { border-bottom: none!important; }
.indent {text-indent: 30px;}