body {
margin: 0;
padding-bottom: 10px;
color: black;
font-family: arial, sans-serif;
background-color: rgb(102,102,255);
background-image: url(Images/bluebgtexture.png);
}

#header {
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
width: 780px;
padding: 10px;
}

/* ------------------------------------------------------------------- */
/* Dropdown menu code */

#nav-wrapper /* to center menu (only works when at normal font size) */
{
margin-right: auto;
margin-left: auto;
width: 780px;
}

#nav, #nav ul  /* all lists */
{
padding: 0;
margin: 0;
list-style: none;	
font-size: 1em;
font-family: arial, sans-serif;
font-weight: bold;
display: block;
}

#nav a 
{
display: block;
width: 5em;
text-decoration: none;
color: black;
font-weight: bold;
}

#nav li  /* all list items */
{
padding: 2px;
float: left;
width: 5em; /* width needed or else Opera goes nuts */
background-image: url(Images/bluebgtexture.png);
min-height: 1px; 	/* For IE7 */
vertical-align: bottom; /* For IE7 */
position: relative;
}

#nav li ul  /* second-level lists */
{
position: absolute;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
border-top: 3px groove rgb(102,102,255);
margin-left: -3px;
}

#nav li ul li  /* second-level list item */ 
{
border: 1px solid rgb(102,102,255);
border-top: 0 none transparent;
background-image: url(Images/creamlinen.png);
}

#nav li ul ul  /* third-level lists */
{
margin: -1.3em 0 0 5em;
border: 0 none transparent;
width: 6em;
}

#nav li ul li li  /* third-level list item */ 
{
margin-left: 2px;
margin-top: -2px;
width: 6em;
font-weight: normal;
font-style: italic;
border: 2px groove rgb(102,102,255);
background-image: url(Images/creamlinen.png);
}

#nav li:hover, #nav li.sfhover /* list item appearance on hover */
{
background-image: url(Images/creamlinen.png);
}

#nav li:hover ul ul, #nav li.sfhover ul ul /* hides lists when containing list item not being hovered over*/
{
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul  /* lists nested under hovered list items */
{
left: auto;
}

/* ------------------------------------------------------------------- */

#content {
clear: left;
border: 8px groove rgb(102,102,255);
width: 700px;
margin: 25px 0;
margin-right: auto;
margin-left: auto;
padding: 20px;
background-image: url(Images/creamlinen.png);
}

h1 {
font-size: 3em;
display: inline;
}

p {
font-size: 1em;
font-family: arial, sans-serif;
text-align: center;
}

img {
padding: 5px;
}

a img
{
border: none;
}

.dogname {
font-family: Georgia, Times, serif;
font-style: italic;
font-size: 1.8em;
font-weight: bold;
text-align: center;
height: 55px;
width: 600px;
padding: 20px 45px 0px 45px;
margin-right: auto;
margin-left: auto;
margin-top:0px;
margin-bottom:0px;
background-image: url(Images/Camasheader.gif);
background-position: top left;
background-repeat: no-repeat;
}

.pageback {
font-family: Georgia, Times, serif;
font-style: italic;
font-size: 1.3em;
font-weight: bold;
text-align: center;
height: 55px;
width: 370px;
padding: 20px 45px 0px 45px;
margin-right: auto;
margin-left: auto;
margin-top:0px;
margin-bottom:0px;
background-image: url(Images/Camasheader.gif);
background-position: top left;
background-repeat: no-repeat;
}
.pageback a, .pageback a:hover, .pageback a:visited { color:#000; }
.newsheading {
font-family: Georgia, Times, serif;
font-size: 1.5em;
text-align:left;
font-weight: bold;
height: 55px;
padding: 20px 45px 0px 50px;
margin-top:0px;
margin-bottom:0px;
background-image: url(Images/Camasheader.gif);
background-position: top left;
background-repeat: no-repeat;
}

.rosette {
font-family: Georgia, Times, serif;
font-size: 1.1em;
height: 100px;
width: 400px;
padding: 20px 45px 0px 60px;
margin-top:0px;
margin-bottom:0px;
margin-left: 100px;
background-image: url(Images/rosette.gif);
background-position: top left;
background-repeat: no-repeat;
}

.winner {
font-family: Georgia, Times, serif;
font-size: 1.1em;
width: 600px;
margin: 0 auto;
text-align:center;
}

.divider {
text-align:center;
margin-left: auto;
margin-right: auto;
padding: 10px 0px 0px 0px;
clear: both;
}

.imgnews{
float:left;
padding: 0 10px;
/*width: 300px;*/
}

.imgleft {
padding: 0 5px 0 0;
}

.imgright {
padding: 0 0 0 5px;
}

.imgcenter {
text-align: center;
padding: 0 10px;
width: 600px;
margin-right: auto;
margin-left: auto;
}

.imgcentersm {
text-align: center;
padding: 0 10px;
width: 400px;
margin-right: auto;
margin-left: auto;
}

.imgflleft {
padding: 0 0px !important;
float:left;
margin-left:20px;
}

.imgflright {
padding: 0 0px !important;
float:right;
margin-right:20px;
}

.imgcenter img, .imgnews img, .imgcentersm img, .imgflleft img, .imgflright img {
border: 2px groove rgb(102,102,255);
padding: 0;
}

.caption {
color: rgb(100,100,100);
text-align: right;
font-style: italic;
font-size: 0.7em;
}

.nickname {
text-align: center;
font-weight: bold;
font-size: 1.2em;
margin-bottom:0px;
padding:0px;
}

.clearances {
width: 500px;
margin-right: auto;
margin-left: auto;
font-size: .9em;
margin-top:0px;
margin-bottom:0px;
text-align: center;
font-style: italic;
}

.wins {
font-size:0.8em;
margin-left: 30px;
margin-right: 30px;
}

table
{
text-align: center;
margin-right: auto;
margin-left: auto;
}

td.wide {
width: 40%;
}

.subheading {
text-decoration: underline;
font-weight: bold;
padding: 0px;
}

.subheading2 {
text-align: center;
font-weight: bold;
font-style: italic;
font-size: 1.5em;
margin-bottom:0px;
padding:0px;
}

.pedigree_link {
	position:relative; 
	top: 12px; 
	left: 50px; 
	width: 50px;
}

.pedigree {
font-size: 0.8em;
border: 2px groove rgb(102,102,255);
border-collapse: collapse;
}

.pedigree td {
border: 2px groove rgb(102,102,255);
border-collapse: collapse;
}

.address {
font-weight: bold;
margin: 5px;
}

.welcome {
	height: 400px;
	float: right;
	margin-right:15px;
	width: 365px;
	padding: 0;
}

.welcome p {
	margin: 0 0 12px 0;	
	padding: 0;
}

.welcome_news {
	line-height: 96%;
}

.leftcol {
padding: 0 10px;
float:left;
margin-left:20px;
width:300px;
text-align:center;
}

.rightcol{
padding: 0 10px;
float:right;
margin-right:20px;
width:300px;
text-align:center;
}

div.empty {
clear: both;
}

.left_list{
text-align:left;
margin-left: 20px;
}