body { 
	background: #000000;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	text-align: center;
	font-size: small;
}

#container {
	background: #CCCC99;
	width: 700px;
	margin: 22px auto 22px auto;
}

/***** LINKS *****/

a:link
{
	color: #447700;
}

a:visited
{
	color: #224400;
}

/***** TOP *****/

#top { 
	background: url("main.jpg");
	width: 100%; 
	height: 160px; 
	margin: 0px;
	padding: 0px;
}

#circles {
	position: relative;
	top: 115px;
	left: 0px;
}

#circle1 {
	position: relative;
	left: -90px;
}

#circle2 {
	position: relative;
	left: -45px;
}

#circle3 {
	position: relative;
	left: 0px;
}

#circle4 {
	position: relative;
	left: 45px;
}

#circle5 {
	position: relative;
	left: 90px;
}

#middle {
	width: 100%; 
	margin: 56px 0px; 
	padding: 0px;
}

/***** LEFT *****/

#nav { 
	line-height: 200%;
	width: 235px; 
	height: 100%;
	margin: 0px;
	padding: 0px 23px 0px 22px;
	text-align: left; 
	vertical-align: middle;
	float: left;
	border: none;
}

#logo {
	padding: 15px;
}

/***** RIGHT *****/

#content { 
	line-height: 1.5em;
	vertical-align: middle;
	background: repeat-y left top;
	background-image: url("structure/dot.gif");
	width: 375px; 
	margin: 0px; 
	padding: 0px 23px 0px 22px;
	float: right; 
	border: none;
	overflow: auto;
	height: 318px;
	text-align: left;
	display: block;
}

#content p {
	font-size: 1em;
	margin: 1.5em 23px 1.5em 22px;
}

#content img { 
	margin: 0px;
}

.msgimg { 
	max-height: 150px; 
	max-width: 200px;
}

#content ul
{
	list-style: none;
	line-height: 2em;
	text-indent: 0em;
	padding-left: 2em;
}

#content li
{
	line-height: 1.5em;
}

#content ul ul
{
	list-style: disc;
}

.prompt
{
	color: #447700;
	font-weight: bold;
}

/***** PHOTO ALBUM *****/

#flickr_badge_wrapper {margin: 20px 0px 0px 0px; padding: 0px; background-color: #999966; width: 365px; height: 275px; overflow: hidden; position: relative;}
.flickr_badge_image {margin: 5px; width: 85px; padding: 0px; height: 85px; position: absolute;}
.flickr_badge_image img {border: 5px solid #cccc99 !important; width: 75px; height: 75px; position: absolute; top: 0px; left: 0px;}
#flickr_badge_image1 {left: 0px !important; top: 0px !important;}
#flickr_badge_image2 {left: 90px !important; top: 0px !important;}
#flickr_badge_image3 {left: 180px !important; top: 0px !important;}
#flickr_badge_image4 {left: 270px !important; top: 0px !important;}
#flickr_badge_image5 {left: 0px !important; top: 90px !important;}
#flickr_badge_image6 {left: 90px !important; top: 90px !important;}
#flickr_badge_image7 {left: 180px !important; top: 90px !important;}
#flickr_badge_image8 {left: 270px !important; top: 90px !important;}
#flickr_badge_image9 {left: 0px !important; top: 180px !important;}
#flickr_badge_image10 {left: 90px !important; top: 180px !important;}
#flickr_badge_image11 {left: 180px !important; top: 180px !important;}
#flickr_badge_source {width: 175px; height:85px; position: absolute; left: 180px !important; top: 180px; text-align: center; vertical-align: middle; margin: 5px; padding: 0px; font: 11px Arial, Helvetica, Sans serif !important; color:#000000; background-color: #cccc99;}
#flickr_badge_source_logo {width: 85px; height: 85px; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px;}
#flickr_badge_source_logo img {width: 48px; height: 48px; position: absolute; top: 18px; left: 18px;}
#flickr_badge_source_txt {width: 85px; height: 85; padding: 0px; position: absolute; left: 78px; top: 25px; }

/***** COLLAPSABLE LIST *****/

.clear {
	clear: both;
	display: block;
	margin: 0px;
	padding: 0px;
}

.subContent
{
	margin-left: 48px;
}

.subContentHeader
{
	margin-left: 23px;
	color: black;
}

.subContentSelected
{
	margin-left: 48px;
	color: black;
}

.hideContent
{
	padding-top: .15em;
	color: #000000;
	display: none;
}

/***** FORM *****/

.inputBox
{
	width: 300px;
}

.validator 
{
	display: none;
	font-weight: bold;
	font-style: italic;
	color: #663300;
	
}

/***** BOTTOM *****/

#bottom	{ 
	background: #CCCC99; 
	width: 100%; 
	height: 25px; 
	padding: 15px 0 0 0;
	text-align: center;
	font-size: smaller;
}

.links {
	margin: 10px;
	vertical-align: middle;
}

.hidden	{
	display: none;
}

address	{
	font-style: normal;
	font-weight: normal;
}