/* 
CSS for Title Page Queen Anne's Pups
*/

    
   
    
    td  { font-family:  arial;
		color:     #412700;
		font-size: .8em; }



	h1 { text-align:left;
		font-family:arial;
		color: #412700; font-size: 2em;}           

	h2 { text-align:left;
		font-family:arial;
		color: #412700; font-size: 1.4em;}				

	h3 { text-align:center;			
		font-family:arial;
		color: navy}

	h4 { text-align:left;
		font-family:arial;
		color: navy}				

	h5 { text-align:left;			
		font-family:arial;
		color: navy}

	p{	font-family:  arial;
		color:            #412700 ;
		font-size: 		1em;
		margin-left:		2%;
		margin-right:		2%;
                padding-left:  0;
           }
/*
	ul{    font-family:  comic sans ms;
		color:         #6C000A;
		font-size: 		12pt;
		margin-left:		0;
		margin-right:		5%;
           }



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

a:visited {
 color: #6C000A; background-color: #F5BA5C;}

a:hover {
 color: #6C000A; background-color: #EE7600;}

a:active {
color: #6C000A;
 background-color: #E9D2E4;
}
*/
body {
 background-color: #FACD8A;
 } 

#top {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 300px;
padding-top: 10px;
padding-left: 10px;
padding-right: 0;
padding-bottom: 0;
margin-top: 350px;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 0;
background-color: #EE7600; 
}

#card {
clear:both;
position: absolute;
top: 420px;
left: 425px;
width: auto;
height: 200px;
padding: 0;
margin: 0;
border: 0;

background-color: #6C000A;
}

table.nav {
border-collapse: collapse;
align: center;
 }
table.nav td{
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
border-left: 2px solid maroon;
border-right: 2px solid maroon;
border-top: 0;
border-bottom: 0;
font-weight: bold;
}

table.dummy {
//border-collapse: collapse;
 border: 3px solid maroon;
 }

table.dummy td { 
border: 3px solid maroon;
padding: 0;
cell-padding: 0;
margin: 0;
//font-size: large;
 } 

 #outertab {
  position: absolute;
  top: 620px;
  left: 0;
  width: 100%;
  }

/*- Menu Tabs--------------------------- */ 


    #tabs {
      float: left;
      width:100%;
/*      background:#BBD9EE; */
/*      background: silver; */
 background-color: #EE7600;
      font-size: 90%;
      font-weight:bold;
      line-height:normal;
      }

    #tabs ul {
	margin:0 0 0 0;
        padding: 5px 5px 0 50px;
	list-style:none;
      }

    #tabs li {
     display:inline;
      margin:0;
      padding:0;
      font-size: 1.em; 
      }

    #tabs a {
      float:left;
      background:url("tableftchoc.gif") no-repeat left top;
    
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }

     #tabs a span {
      float:left;
      display:block;
      background:url("tabrtchocblu.gif") no-repeat right top;
/*      padding:5px 12px 4px 4px; */
      padding:5px 12px 4px 4px;
/* color #666 is a gray-it was the original */
      color: #FFFFFF;
      }


    
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }


	  
/*- Menu Tabs B--------------------------- */









#pic1 {
position: absolute;
top: 670px;
left: 0px;
 background-color: #E9D2E4;
 width: 300px;
 padding: 0;
 margin: 0;
 color: navy;
 border: 0;
 }

#pic2 {
position: absolute;
top: 885px;
left: 0px;
 background-color: #E9D2E4;
 width: 300px;
 padding: 0;
 margin: 0;
 color: navy;
 border: 0;
 }

#pic3 {
position: absolute;
top: 1110px;
left: 0px;
 background-color: #E9D2E4;
 width: 300px;
 padding: 0;
 margin: 0;
 color: navy;
 border: 0;
 }
#pic4 {
position: absolute;
top: 1335px;
left: 0px;
 background-color: #E9D2E4;
 width: 300px;
 padding: 0;
 margin: 0;
 color: navy;
 border: 0;
 }

#pic5 {
position: absolute;
top: 1560px;
left: 0px;
 background-color: #FACD8A;
 width: 300px;
 padding: 0;
 margin: 0;
 color: navy;
 border: 0;
 }





#contentone {
position: absolute;
top: 660px;
left: 300px;
 padding-top: 2em;
 padding-left: 1em;
 padding-bottom: 0;
 padding-right: .2em;

 width: auto;
margin: 0;
 }

#bottom {
position: absolute;
top: 1880px;
left: 0;
padding-top: 2em;
padding-left: 1em;
padding-bottom: 0;
padding-right: .2em;
width: auto;
margin: 0;
}

li{
list-style-type: none
}
/*
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
*/