/* REMEMBER: font-size and family (serif, san-serif, etc) MUST be included in font value! All other properties are OPTIONAL and must be included PRIOR to size and value! */	





#header {
position:relative;
top: 0;
padding: .5em 0em; .5em ;
top:.5em;
  width:100%;
height:1.5em;
  text-align:center;  
  color:#7c7877;
  background:#7c7877;
  border:2px solid #12ebbf;
  }


#toc {
background-color: #f6f5ca;
background-position: center;
background-image: url(photos/yellowpaper4.jpg);
background-repeat: repeat-y center;
background-attachment: scroll;
}

#toc2 {
background-color: #f6f5ca;
background-position: center;
background-image: url(photos/tocwpensglow2.jpg);
background-repeat: repeat;
background-attachment: scroll;
}

#letter {
background-color: #f9f5cd;
background-position: center;
background-image: ;
background-repeat: repeat;
background-attachment: scroll;
}



body {
width: 100%;
font-family: Verdana, Helvetica, san-serif;
font-family: Verdana, Helvetica, san-serif;
background-image: url(photos/yellowpaper3.png);
background-repeat: repeat;
background-attachment: scroll;
}


#yellow {
width: 100%;
font-family: Verdana, Helvetica, san-serif;
font-family: Verdana, Helvetica, san-serif;
background-image: url(photos/yellowpaper3.png);
background-repeat: repeat;
background-attachment: scroll;
}


#glowwrap {
background-color: #f9f5cd;
margin-left: 60px;
margin-right: 60px;
font-family: Verdana, Helvetica, san-serif;
font-family: Verdana, Helvetica, san-serif;
background-image: url(photos/tocwpensglow.jpg);
background-repeat: repeat-y center;
background-attachment: scroll;
min-height: 100%;
height: auto !important;
height: 100%

}


h1 {
text-align: center;
color: #200a4a;
border-bottom: 2px solid #12ebbf;
font-style: Verdana, Helvetica; 
}

h2 {
color: #12ebbf;
color: #056b7c;
font-size: 1.2em;
margin-left: 120px;
font-style: tahoma, district thin, palatino, verdana, helvetica;
}
p {
color: #200a4a;
margin-left: 80px;
margin-right: 80px;
font-style: Tahoma, Palatino, Verdana, Helvetica;}


/* Sets style for bassetadvert on newsletters.html */				
#bassetadvert {

	position: relative;
	width: 400px;
	height: 537px;
	text-align: center;
	margin-left: 30px;
		margin-right: 30px;
                border:0;

		
				}

/* Sets style for coolwebad on newsletters.html */				
#coolwebad {

	position: relative;
	width: 398px;
	height: 292px;
	text-align: center;
	margin-left: 30px;
		margin-right: 30px;
		
				}

p.bizcardborder
{display: block;
margin: 0 auto; }



#pawprint {

		position: relative;  
		height: 48px;
		width: 48px;
		margin-left: 30px;
		margin-right: 30px;
		background-image: url(images/otherlinks/pawprint.gif);
		background-repeat: no-repeat;
	   	text-align: right;
	   	font-size: medium;
		background-attachment: scroll;
				}


a:link {
	color: #056b7c;
	text-decoration: none;
	}
	
a:visited {
	color: #f85b8c;
	text-decoration: none;
	}
a:hover {
	color: #006287;
	text-decoration: none;
	}
a:active {
	color: #a52d46;
	text-decoration: none;
	}
	
/* horizontal navigation */
#navbar{
width:auto;
height:36px;
background:url(img/navbar-bg.png) left top repeat-x; }
#navbar .inbar{
display:block;
height:36px;
background:url(img/right-round.png) right top no-repeat; }
#navbar ul, #navbar ul li{
border:0px;
margin:0px;
padding:0px;
list-style:none;
height:36px;
line-height:36px; } #navbar ul{
background:url(img/left-round.png) left top no-repeat; }
#navbar ul li{
float:left;
display:block;
line-height:36px; }

#date {color: 12ebbf;
margin-left: 30px; }


#navbar ul li a{
color:#200a4a;
text-decoration:none;
font-weight:bold;
display:block; }

#navbar ul li a span{
padding:0 20px 0 0;
height:36px;
line-height:36px;
display:block;
margin-left:10px; }
#navbar .navhome a, #navbar .navhome a:hover{
background:url(img/a-bg.png) left top no-repeat;
height:36px;
line-height:36px; }

#navbar .navhome a span, #navbar .navhome a:hover span{
color:#12ebbf;
color:#056b7c;
background:url(img/span-bg.png) right top no-repeat;
height:36px;
line-height:36px; }

#navbar ul li a:hover{
background:url(img/ahover-bg.png) left top no-repeat;
height:36px;
line-height:36px; }
#navbar ul li a:hover span{
background:url(img/spanhover-bg.png) right top no-repeat;
height:36px;
line-height:36px; } 

/* vertical navigation for toc */

#vertnav li		
		{	list-style-type: none;
			padding-left: 50px;
			background-image: url(photos/navfly2.png);
			background-repeat: no-repeat;
			background-position: left;
			
		}

#vertnav {
  margin-left: 60px; 
margin-top: 60px;  
  padding: 0;
  background: ;
  list-style-type: none;
  width: 200px;
  font-size:1.25em;
  font-family:Verdana;
 }
#vertnav a {   
  display: block;  
width: 125px;
  color: #200a4a;
  text-decoration: none;
  padding: 30px;
  line-height: 1.5;
  border-bottom: 1px solid #12ebbf;
}
#vertnav a:hover { 
	
  background: #baf2e5;
  color:#bd5156;
}

#vertnav #con a {
  border: none;
}

div#ullist li { /* sets appearance of general unordered lists throughout site */
	margin-left: 5.5em;
	margin-right: 5.75em;
	list-style-position: inside;	
	list-style-type: disc;
	text-align: left;
	color: #200a4a;  
	font-weight: ;
	font-size: 1.0em; }
		
div#ollist li { /* sets appearance of general ordered lists throughout site */
	
	margin-left: 5.75em;
	margin-right: 5.75em;
	list-style-position: outside;
	list-style-type: decimal;
	color: #12ebbf;  
	text-align: left;
	font-weight: bold;
	font-size: 1.25em; }

/* REMEMBER: font-size and family (serif, san-serif, etc) MUST be included in font value! All other properties are OPTIONAL and must be included PRIOR to size and value! */	
	
	#box {
  position:absolute;
padding:.5em; 0em; .5em;
font: italic normal .5em Verdana;

  top: 3em;
  right: 3em;
margin-left:.5em;
margin-right:.5em;
  width:180px;
height: relative;

  background: #12ebbf;
  color: #200a4a;
  border:2px solid #7c7877;
  text-align: left;
  }

#pdragonbook {

		position: absolute;  
		height: 200px;
		width: 203px;
		margin-left: 800px;
		margin-right: 30px;
		background-image: url(photos/pendragonbooktransp.png);
		background-repeat: no-repeat;
		text-align: right;
	   	font-size: medium;
		background-attachment: scroll;
				}


  


#footer {
position:relative;
bottom: 0;
padding: .5em 0em; .5em ;
top:3em;
  width:100%;
height:3.0em;
  text-align:center;  
  color:#7c7877;
  background:#7c7877;
  border:2px solid #12ebbf;
  }

#footer2

* {margin: 0;
}

html, body {
	height: 150%;
	}
	
.wrapper {

min-height: 100%;
height: auto !important;
height: 100%
margin: 0 auto -4em;
}

.footer, .push {
height: 4em;
}

#header {
   position:relative;
   top:0;
   width:100%;
   height:80px;   /* Height of the footer */
   background:#ffffff;
}