*
{
margin: 0;
padding: 0;
}

body
{
margin: 0 10%;
font-size: 1em;
font-family: trebuchet, arial, sans-serif;
color: #000;
background-color: #333399;
background-image: url('/images/pawsback.gif');
line-height: 150%;
}

#wrapper
{
background-color: #F8F8FF;

border-width: 0 2px;
border-color: #80A8D0;
border-style: solid;
}

#banner
{
background-image: url('/images/dogback.gif');
background-repeat: no-repeat;
background-position: 20px 0; 

}


#banner h1
{
height: 150px;
background-image: url('/images/bannertitle.gif');
background-position: top center;
background-repeat:  no-repeat;
}

#banner h1 span
{
display: none;
}

#banner p
{
margin: 0;
display: none;
}

#mainmenu
{
width: 200px;
float: left;
text-align: center;
}

#mainmenu ul
{
list-style-type: none;
margin-bottom: 1em;
}

#mainmenu ul li
{
}

#mainmenu ul li a
{
border: solid 2px #80A8D0;
color: #171771;
padding: 4px;
text-decoration: none;
font-weight: bold;
display: block;
line-height: 1em;
background-color: #BCD0EB;
width: 95%;
}

#mainmenu ul li a:hover
{
border-style: inset;
}


#content
{
margin-left: 250px;
width: 60%;
padding-right: 1em;
text-align: left;
}

.welcometext
{
text-align: center;
background-color: #fff;
border: solid 1px #BCD0EB;
padding-top: 1em;
}

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

a:hover
{
text-decoration: underline;
}

h2
{
font-size: 1.5em;
margin-bottom: 1em;
border: solid 2px #80A8D0;
background-color: #BCD0EB;
color: #171771;
padding: 0.5em 1em;
}

p
{
margin: 1em;
margin-top: 0;
}

h3
{
margin: 2em 1em 0.5em 1em;
color: #171771;
border-bottom: solid 1px #BCD0EB;
}

ul
{
margin-bottom: 1em;
margin-left: 2em;
}

ul li
{
margin-bottom: 0.5em;
}

#content img
{
margin: 0 auto 1em auto;
}

div.image
{
text-align: center;
margin-bottom: 1em;
}

div.image img
{
margin: 0;
padding: 0;
}

div.image p
{
font-size: 0.7em;
line-height: 100%;
margin: 0;
padding: 0;
}

#footer
{
color: #171771;
clear: both;
text-align: center;
margin-top: 25%;
padding: 0.5em;
border-top: 1px solid #BCD0EB;
margin-left: 1em;
margin-right: 1em;
}

.dog
{
border: solid 1px #BCD0EB;
background-color: #fff;
text-align: left;
margin-bottom: 1em;
padding: 0.5em;
}

.dog p
{
text-align: left;
margin: 0.5em;
}

.dog h3
{
margin: 0.5em;
margin-bottom: 0;
padding:0;
}


.dog p.sex
{
font-size: 0.8em;
margin: 0 0.5em 1em 0.5em;
font-style: italic;
}

.dog p.age
{
font-size: 0.8em;
margin: 0 0.5em 0 0.5em;
font-style: italic;
}

.dog p.added
{
font-size: 0.8em;
text-align: right;
margin: 0.5em 0 0 0;
padding: 3px;
font-style: italic;
clear: right;
}

.dog img
{
float: right;
border: solid 2px #BCD0EB;
margin: 0.5em;
}

/*form elements*/

textarea
{
padding: 2px;
font-family: arial;
font-size: 0.8em;
}

input
{
padding: 2px 2px 1px 2px;
}

input.submit
{
padding: 0.5em;
font-weight: bold;
}

option
{
padding-right: 1em;
}

.error
{
font-size: 0.8em;
font-weight: bold;
background-color: #FF3333;
border: 1px #660000 solid;
color: #660000;
padding: 0.5em;
}

.pagi
{
text-align: center;
font-size: 0.8em;
}

.pagi span.current
{
font-size: 1.4em;
font-weight: bold;
}

legend
{
border: 1px solid #000;
margin-left: 1em;
padding: 3px;
}

fieldset
{
margin-bottom: 1em;
}