/* CSS Document */
body {
	color: #666666;
	margin:0;
	padding:0;
	text-align: center;
	font: 90% "Lucida Grande";
	background: url(tears-blue.jpg) repeat;
}

a:link {
	color: #B7477A;
	text-decoration: none; 
}
a:visited {
	color: #B7477A;
	text-decoration: none;
}
a:hover {
	color: #CC0066;
	text-decoration: none;
}


#wrapper {
margin: 40px auto;
width: 800px;
border: 1px solid #333333;
background-color: #FFFFFF;
text-align:left;
}

#photowrapper {
margin: 40px auto;
width: 700px;
border: 1px solid #333333;
background-color:#FFFFFF;
text-align: left;
}

#tl {
	margin: -1px;
	padding: 0px;
	float: left;
}

#tr {
	margin: -1px;
	padding: 0px;
	float: right;
}

#fl {
margin: 16px 0px 0px -1px;
padding: 0px;
float: left;
}

#fr {
margin: 17px -1px -1px -1px;
padding: 0px;
float: right;
}


#photofl {
margin: -15px 0px -1px -1px;
padding: 0;
float: left;
}

#photofr {
margin: -14px -1px -1px -1px;
padding: 0; 
float: right;
} 

#banner {
height: 200px;
background-image: url(banner-gray.jpg);
background-repeat: no-repeat;
}

#photobanner {
height: 200px;
background-image: url(banner-gray.jpg);
background-repeat: no-repeat;
border-bottom: 1px solid #333333;
}

#nav ul {
	padding: 0;
	margin: 0;
	text-align: center;
	background: #9FBAE6;
}

#nav ul li{
display: inline;
padding: 0;
margin: 0;
}

#nav ul li a{
color: #333333;
font: 130% "Skia";
background-color: #9FBAE6;
text-decoration: none; 
padding: 0px 25px 0px 25px;
text-align: center;
width:9em;
}

#nav ul li a:hover, #nav ul li a:focus {
	color: #FFFFFF;
}

#content p{
margin: 20px;
font: 77%/18px "Lucida Grande";
}

#content a:hover, #content a:focus{
    color: #CC0066;
	text-decoration: none;
	border-bottom: 1px dotted #CC0066;
}

#content h1 {
font: bold 120% "Skia";
color: #B7477A;
margin: 15px 20px 20px;
padding: 0px;
}

#content h2 {
	color: #525EAB;
	margin: 20px;
	padding: 0px;
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
}

#footer {
clear: both;
background-color: #343434;
color: #CCCCCC;
border-top: 1px solid #333333;
}

#photofooter {
clear: both;
background-color:#000000;
color: #FFFFFF;
}

#footer p {
font-size: 65%;
margin: 0;
padding: 10px;
text-align: center;
}

.container {
width: 99%;
float: left;
}

#breadcrumb, #bottomcrumb{
	color:#999999;
	font-size: 70%;
	margin: 10px 10px 10px 20px;
	padding: 0;
}

#bottomcrumb {
text-align:center;
}

#blogcrumb {
	text-align:right;
	font-size: 70%;
	margin-right: 20px;
}

#blogcrumb a{
color:#0033CC;
text-decoration:none;
}

#breadcrumb a, #bottomcrumb a {
color: #999999;
text-decoration: none;
}

#breadcrumb a:hover, #breadcrumb a:focus, #blogcrumb a:hover, #blogcrumb a:focus, #bottomcrumb a:hover, #bottomcrumb a:focus{
	color: #CC3366;
	text-decoration: none;

}

#rightcol {
	color: #CCCCCC;
	margin: 70px 0px 20px 20px;
	width: 140px;
	float: right;
	border-left: 1px dotted #666666;
	text-align:center;
	font-size: 80%;
}

#rightcol h1 {
	color: #C03;
	font: bold 120% "Trebuchet MS";
}

#rightcol a:link {
	color: #CC3366;
	text-decoration: none;
}
#rightcol a:visited {
	color: #CC3366;
	text-decoration: none
}
#rightcol a:hover, #rightcol a:focus {
	color: #333333;
	text-decoration: none;
}