BODY { 
   background-color: #FFFFCC; background-image:url(http://www.compassionatedragon.com/images/bk-1.gif);
background-position:top left;
background-repeat:repeat;
background-attachment:fixed; 
  
} 

p {
font-family: "Comic Sans MS", "Arial", "Helvetica", sans-serif; font-size: 12pt; color: #000000;
}

h1 {
          font-family: Comic Sans MS, Arial, Helvetica, sans serif; font-size: 18pt; font-weight:
normal; color: #000000;
} 


h2 {
           font-family: Comic Sans MS, Arial, Helvetica, sans serif; font-size: 16pt; font-weight:
normal; color: #000000;
}


h3 {
           font-family: Comic Sans MS, Arial, Helvetica, sans serif; font-size: 14pt; font-weight:
normal; color: #000000;
}



h4 {
           font-family: Comic Sans MS, Arial, Helvetica, sans serif; font-size: 12pt; font-weight:
normal; color: #000000;
}


h5 {
           font-family: Comic Sans MS, Arial, Helvetica, sans serif; font-size: 10pt; font-weight:
normal; color: #000000;
}


h6 {
           font-family: Comic Sans MS, Arial, Helvetica, sans serif; font-size: 8pt; font-weight:
normal; color: #000000; margin-bottom: -1px;
}



a:link { color: #0000FF; }
a:hover { color: #339900; }
a:visited { color: #339900; }

.italic {
     font-style: italic;
}

.bold {
     font-weight: bold;
}

.highlight {
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 12pt; color: #FF0000;
font-weight: bold;
}

.highlight2 {
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 12pt; color: #660066;
font-weight: bold;
}

.highlight3{
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 14pt; color: #FF0000;
font-weight: normal;
}

.highlight4 {
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 14pt; color: #660066;
font-weight: normal;
}

.titlepurple {
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 18pt; color: #660066;
font-weight: bold;
}

.titlegreenlt {
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 18pt; color: #33CC00;
font-weight: bold;
}

.titlegreenmed {
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 18pt; color: #339900;
font-weight: bold;
}

.titlegreendk {
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 18pt; color: #336600;
font-weight: bold;
}

.titleblue {
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 18pt; color: #0000FF;
font-weight: bold;
}

.titlered {
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 18pt; color: #FF0000;
font-weight: bold;
}

.titleblack {
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 18pt; color: #000000;
font-weight: bold;
}

.titlebrown {
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 18pt; color: #663300;
font-weight: bold;
}

.small {
     font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000;
font-weight: normal;
}

.smaller {
     font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000;
font-weight: normal;
}

.big {
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 14pt; color: #000000;
font-weight: normal;
}

.bigger {
     font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 16pt; color: #000000;
font-weight: normal;
}


.hlblue {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #0000FF;
}

.hlgreen {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #33CC00;
}

.hlviolet {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #CC00FF;
}

.hldkgreen {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #006600;
}

.hldkblue {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #000066;
}

.hlorange {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #FF6600;
}


.hlpurple {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #9933CC;
}

.hldkpurple {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #660066;
}


.hlred {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
}

.hlgold {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #FFCC00;
}


#navcontainer
{
background: #339900;
border-top: 0px solid #000000;
font: normal normal 11px "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
}

#navlist
{
list-style: none outside none;
margin: 0;
padding: 0;
}

@media all {
#navlist {
text-align: center
}
}

#navlist li
{
bottom: 3px;
display: inline;
line-height: 1.0em;
margin: 0;
padding: 0;
position: relative;
}

html>body #navlist li
{
background: #000;
margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited
{
background: #CC0000;
border: 1px solid #FFF;
bottom: 2px;
color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}

#navlist a:hover
{
background: #FFCC33;
font: normal normal 11px "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
bottom: 1px;
color: #000;
position: relative;
right: 1px;
}

#navlist a:active
{
background: #FFCC33;
bottom: 0px;
color: #FFF;
position: relative;
right: 0px;
}

#navlist li#active
{
background: #369;
bottom: 3px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}

html>body #navlist li#active
{
background: #000;
margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover
{
background: #369;
border-bottom: none;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}



 #navcontainer2 { margin-left: 5px; }

#navcontainer2 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: "verdana", "arial", sans-serif; font-size: 11px; font-weight: normal;
text-align: left;
}

#navcontainer2 li {margin: 0; }

#navcontainer2 a
{
display: block;
font-family: "verdana", "arial", sans-serif; font-size: 11px; font-weight: normal;
color: #000000;
background-color: transparent;
width: 100px;
padding: 2px 5px;
text-decoration: none;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;

font-size: 11px;
}

#navcontainer2 a:hover
{
background-color: #CC0000;
font-family: "verdana", "arial", sans-serif; font-size: 11px; font-weight: normal;
text-decoration: none;
color: #FFFFFF;
border-right: 2px solid #339900;
padding: 2px 1px 2px 5px;
}

#navcontainer2 ul ul
{
margin-left: 5px;
padding: 0;
list-style-type: none;
}

#navcontainer2 li li a
{
display: block;
font-family: "verdana", "arial", sans-serif; font-size: 11px; font-weight: normal;
color: #000000;
background-color: transparent;
text-align: left;
width: 80px;
padding: 2px 5px;
margin: 0;
border-top: none;
border-bottom: none;

text-decoration: none;
font-size: 11px;
}