body {
	background-color:#069;
	font-family: Tahoma, "Times New Roman", Times, serif;
	color: #CCC; 
	margin:0px;
	padding: 0px;
}

a img{
	border:none;
}

a 		{ color: #6699CC; text-decoration: none; }
a:link 	{ text-decoration: none; color: #6699CC; }
a:visited { text-decoration: none; color: #0066CC }
a:active { color: #66CCFF; text-decoration: none; cursor: crosshair	}
a:hover { color: #66CCFF; text-decoration: underline; cursor: crosshair; }

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}

#banner {
	font-family: "Courier New", Courier, mono;
	color:#CCC;
	font-weight:bolder;
	font-size:48px;	
	margin:0 auto; /** to center the div **/
	width: 60%;
	padding:10px;
	text-align:center;
}

.subtitle {
	color: #CCC;
	font-size:medium;
	font-weight:bold;
}

#nav {
	color:#6699CC;
	width:60%;
	padding:10px; 
	margin:0 auto; /** to center the div **/
	list-style:none;
	text-align:center;
}

#nav ul {
	padding-bottom:10px;
}

#nav li {
	display:inline;
}

#nav a:link,
#nav a:visited {
background:#526C91;
color:#CCC;
padding: 2px 8px 1px 8px;
margin:0px 2px 0px 2px;
border:1px solid #CCC;
float:left;
width:110px;
text-decoration:none;
}

#nav a:hover {
color:#CCCCCC;
background:#069;
border:1px solid #CCCCCC;
}

#nav .active {
color:#CCCCCC;
border:1px solid #CCCCCC;
padding: 2px 8px 1px 8px;
margin:0px 2px 0px 2px;
float:left;
width:94px;
}

#content {
	border:1px solid #CCC;
	margin:0 auto; /** to center the div **/
	width: 60%;
	padding:10px;
}

.copy {
	color:#999999;
	font-style:italic;
	font-size:small;
}

.arialsm {
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
}

#flickr {
	float:right;
}
	
#cam {
	width:360px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #666666;
}