p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	     
	color: #663300;
}

h1 
 {
font-family: Lucida Sans
color:#aAbf28;

 }

h2 {font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #663300;

}

h3 {font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.5em;
    color: #663300;
}

.tt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #663300;
	}
li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #663300;
	}	
	
a:hover {
	text-decoration: none;
	background-color: #CF2CFF;
	color: #003C97;
}


.headlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #663366;
	background-position: center;
}

.photolink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	color: #663366;
	background-position: center;
}


.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-style: italic;
	font-weight: normal;
	color: #663366;
}


.subhead {
	font-family: Lucida, Arial, Helvetica, sans-serif;
	font-size: 1m;
	font-style: italic;
	font-weight: bold;
}


#container
{
width: 705px;

margin: 10px auto auto auto; 
padding: 5px 5px 10px 5px;

border:2px solid;
border-radius:55px;
-moz-border-radius:55px;

-moz-box-shadow: 20px 20px 15px #888;
-webkit-box-shadow: 20px 20px 15px #888;
box-shadow: 20px 20px 15px #888;

}

#header
{

/*background-color: #999999;*/

text-align:center;

}




#navigation
{
height:35px;

text-align:center;


}

#navigation ul
{

list-style: none;
padding: 0; margin: 0;




}


#navigation li
{
display: inline;
padding-left: 20px;
margin-left: 5px;



}

#navigation li a
{
color:blue;


}


#navigation li a:hover
{
padding-left: 15px;
background-image: url(note.png);
background-repeat: no-repeat;
background-position: left center;
background-color:#cccccc ;
font-weight:bold;


}


a.button
{
margin:auto 10px;

text-decoration:none;
padding:5px;
border-radius: 18px;
-moz-border-radius: 18px;
background-color:blue;

-webkit-box-shadow: 10px 10px 10px #999;
-moz-box-shadow: 10px 10px 10px #999;

text-shadow: 1px 1px 0 rgb(0,0,0);
color: rgb(255,255,255);

//background: -webkit-gradient(linear, center top, center bottom, color-stop(0.8, #FFC547), color-stop(0.8, #CCFF66));
//background: -moz-linear-gradient(top, #F09900 0%, #F09900 10%);

}

a.button:hover{

background-color: #663300;
//background: -webkit-gradient(linear, center top, center bottom, color-stop(5, #FFBD2E), color-stop(5, #D68800));
//background: -moz-linear-gradient(bottom, #F09900 0%, #2F5EA8 30%);

}

#content
{
margin:20px auto auto auto;
padding: 5px 5px;

}

#content ul
{
font-size: 20px;
}



#notepad

{

margin: auto auto 20px 20px;
background:blue;
text-align: center;
width:125px;
height:125px;
padding:10px;

-moz-transform: rotate(-17deg);
-webkit-transform: rotate(-17deg);

-moz-box-shadow: 10px 10px 15px #888;
-webkit-box-shadow: 10px 10px 15px #888;
box-shadow: 10px 10px 15px #888;

}

#footer
{

/*background-color: #999999;*/

text-align:center;
}

p.ftr
{
font-size:13px;
}