body
{
color: black;
background-color: #08243c;
/*background-image:
  url('pics/topLeft.png');
  background-repeat: no-repeat*/

font-family: Verdana, "Times New Roman", Arial, Helvetica, sans-serif ;
font-size: 14px;
}




div.backRight {
position: absolute;
top: 0px;
right: 0px;
width: 355px;
height: 300px;
background: url(pics/topLeft.png) no-repeat;
z-index:-1;
}





/* Main (White) container*/
div.container
{
width:760px;
background-color: #08243c;
line-height:150%;
margin-left: auto;
margin-right: auto;
}

/* Footnotes */
div.footnote
{
width:760px;
background-color: #08243c;
line-height:150%;
margin-left: auto;
margin-right: auto;
font-family: "Times New Roman";
color: white;
text-align: center;
}


/* Big header in main container */
div.header
{
text-align: center;
font-weight:bold;
font-size:200%;
padding:0.2em;
}

/* Big header in (row) content */
div.header2
{
padding:0.1em;
background-color: #FFCC66;
}


/* A new row of content */
div.row
{
/* border:1px solid black; */   /* remove to get rid of row borders */
width:760px;
background-color: #FFCC66;
line-height:150%;
margin-left: auto;
margin-right: auto;
}


/* Regular content, padded */
div.content
{
background-color: #FFCC66;
padding: 1em;
}

/* Content floated on the right */
div.right
{
float:right;
width:250px;
margin:0;
padding:1em;
}

/* Content floated on the left */
div.left
{
float:left;
width:250px;
margin:0;
padding:1em;
}




/* Image with no border, even when linked */
img.noBorder{
border: 0;
}



/* Header texts */
h2{
font-family: "bradley Hand ITC";
font-size: 310%;
font-style: italic;
text-align: center;
color:white;
text-align: center;

}


/* The Donate Box*/
div.donate{
text-align: center;
font-size: 85%
}

/* Bold, center, small */
p.b{
font-weight:bold;
}
p.c
{
text-align:center;
}
p.bc{
font-weight:bold;
text-align:center;
}
p.scent{
text-align:center;
font-size: 90%
}
p.bu{
font-weight:bold;
text-decoration: underline;
}
p.s{
font-size: 90%
}


/* Two 50% columns, right column longer */
div.cola1 { 
float:left; 
width:50%;
}

div.cola2 { 
margin-left:50%; 
width:50%;
}


/* Two columns, 25% & 75%, right column longer */
div.colb1 { 
float:left; 
width:33%;
}

div.colb2 { 
margin-left:33%; 
width:67%;
}


/* Two 50% columns, left column longer */
div.colc1 { 
margin-right:50%; 
width:50%;
}
div.colc2 { 
float:right; 
width:50%;
}


/* Two columns, 75% & 25%, left column longer */
div.cold1 { 
margin-right:75%; 
width:25%;
}
div.cold2 { 
float:right; 
width:75%;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Links xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


a.foot:link {color: white; background: #08243c; font-weight: normal;}
a.foot:active {color: #FFCC66; background: #08243c; font-weight: normal;}
a.foot:visited {color: #949494; background: #08243c; font-weight: normal;}
a.foot:hover {color: #FFCC66; background: #08243c; font-weight: normal;}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Backgrounds/Watermarks xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div.rabbit {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 600px;
background: url(pics/tlRabbit.jpg) no-repeat;
z-index:-1;
}

div.eggGirls {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 600px;
background: url(pics/tlEggGirls.png) no-repeat;
z-index:-1;
}


div.house {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 600px;
background: url(pics/tlHouse.png) no-repeat;
z-index:-1;
}

div.hat {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 600px;
background: url(pics/tlHat.jpg) no-repeat;
z-index:-1;
}

div.smile {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 600px;
background: url(pics/tlSmile.jpg) no-repeat;
z-index:-1;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Drop Down Menu xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: yellow;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #FF9900;
width: 220px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: black;
font-family: "bradley Hand ITC";
font-size: 200%;
}

.anylinkmenu a:hover{ /*hover background color*/
background: black;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}