/* 2 Column Nav Right CSS Document */



@import url(base.css);

@import url(type.css);



/* HTML Styles

------------------------------------------------------ */



body {

	font-family: Georgia, "Times New Roman", Times, serif;

	text-align: center;

	color: #333;

	background: #333 url(../images/pattern.jpg) repeat-x scroll top left;

}



a {

	color: #999;

}



a:visited {

	color: #777;

}



a:hover {

	color: #333;

}



a:active {

	color: #CCC;

	background-color: #222;

}



em {

	font-style: italic;

	font-weight: 600;

}



strong {

	font-weight: 700;

}



th {

	font-weight: 600;

}



h1 {

	font-weight: 600;

	padding: 0 0 0 10px;

	margin: 0;

	border-bottom: 1px dotted #999;

}



h2 {

	padding: 18px 0 0 10px;

	margin: 0;

}





/* Page Container Styles

------------------------------------------------------ */



div#container {

	width: 870px;

	margin: 0 auto;

	text-align: center;

	padding: 18px 0;

}





/* Header Styles

------------------------------------------------------ */



div#header {

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



div#branding {

	font-size: 1.875em; /* 16x1.875=30px */

	line-height: 1.2em;/* 30x1.2=36px */

	font-weight: 600;

	padding: 18px 0 0 0;

	float: left;

	margin-right: 10px;

	color: #FFF;

}







span#skipToContent {

	float: right;

}



span#skipToContent a {

	font-size: small;

	color: #333;

}



div#navMain {

	padding: 27px 0 18px 0;

	font-variant: small-caps;

}



div#navMain ul li {

	display: inline;

	list-style-type: none;

}



div#navMain ul li a {

	padding: 5px;

	text-decoration: none;

	margin-left: 5px;

}



div#navMain ul li a:hover {

	background-color: #666;

	color: #FFF;

}





/* Content Wrappers Style

------------------------------------------------------ */



div#wrapper {	/* wraps everything except header */

	text-align: left;

	margin: 0 auto;

	padding: 0;

	background-color: #FFF;

	width: 870px;

}



div#content {

	text-align: left;

	width: 430px;

	float: left;

	margin: 0;

	padding: 0;

}





/* Content Styles

------------------------------------------------------ */







div#contentMain {

	width: 430px;

}



div.address {

	padding: 18px 0 0 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	margin: 0;

}



div.address p{

	padding: 0;

	margin: 0;

}



span.date {

	padding: 0 0 0 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #666666;

	font-variant: small-caps;

	font-size: 0.75em; /* 16x0.75=10px */

	margin: 0;

}



p.post {

	padding-left: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



p.newsLink {

	text-align: right;

	border-top: 1px dotted #999;

	}

	

div#contentMain th {

	border-bottom: 0.071em solid #ccc; /* 14x0.071=1px */

}



div#contentMain td {

	border-bottom: 0.083em solid #ccc; /* 12x0.083=1px */

}

#flickr {
	width:396px;
	height:168px;
	padding:18px 0 0 18px;
	margin: 0;
}

#flickr img {
	float:left;
	margin:0 0px 8px 8px;
	background:#DDD;
	padding:4px;
	width:72px;
	height:72px;
}

div#contentSub {

}



.toggleButton {

	background-color: #EEE;

	text-align: right;

	}

	

div#contentSub p{

	padding-left: 10px;

}



div#contentSub ul li {

	list-style: square;

}



div#contentSub ol li {

	margin-left: 25px;

}



div#commentForm{  margin: 0px 20px 0px 20px;  display: none;}





/* Local Navigation Styles

------------------------------------------------------ */



div#navLocal {

	float: left;

	width: 430px;

	margin: -115px 0 0 10px;

	text-align: right;

	background: url(../images/gr.jpg) no-repeat scroll top right;

}



div#navLocal ul {

	padding-right: 10px;

	width: 100px;

	float: right;

	margin-top: 180px;

}



div#navLocal ul li a {

	text-decoration: none;

	display: block;

	padding: 2px 0;

}



div#navLocal ul li a:hover {

	background-color: #EEE;

}



div#tagline {

	padding: 18px 10px;

	font-size: 1.25em;

	margin: 0;

	width: 80%;

	clear: right;

}



div#tagline span {

}





/* Page Image Styles

------------------------------------------------------ */



div#homeImage {

	background: #FFF url(../images/portrait.jpg) no-repeat scroll top center;

	width: 100%;

	height: 270px;

	clear: both;

}



/* Additional Content Styles

------------------------------------------------------ */



div#contentAdditional {

	margin: 0;

	padding: 0;

}



div#contentAdditional p {

	padding-left: 10px;

}





/* Footer Styles

------------------------------------------------------ */



div#footer {

	margin: 0;

	padding: 0 10px;

}



div.navAdditional {

	padding: 0;

	margin: 0;

}



div.navAdditional ul {

	margin: 0 0 18px 0;

	padding: 0;

	height: 36px;

	background: #EEE url(../images/navAddBG.jpg) no-repeat scroll center right;

}



div.navAdditional ul li {

	display: inline;

	list-style-type: none;

	margin-right: 10px;

}



div.navAdditional ul li a {

	padding: 0 5px 0 5px;

	display: block;

	float: left;

	border-right: 1px solid #CCC;

	color: #333;

	width: 100px;

	height: 36px;

	text-decoration: none;

}



div.navAdditional ul li a:hover {

	color: #999;

	background-color: #333;

}



div.navAdditionalSites {

	padding: 0;

	margin: 0;

}



div.navAdditionalSites ul {

	margin: 0 0 18px 0;

	padding: 0;

	height: 36px;

	background: #EEE url(../images/navAddBG.jpg) no-repeat scroll center right;

}



div.navAdditionalSites ul li {

	display: inline;

	list-style-type: none;

}



div.navAdditionalSites ul li a {

	padding: 0 5px 0 5px;

	display: block;

	float: left;

	border-right: 1px solid #CCC;

	color: #333;

	width: 150px;

	height: 36px;

	text-decoration: none;

}



div.navAdditionalSites ul li a:visited {

	color: #999;

	font-style: italic;

}



div.navAdditionalSites ul li a:hover {

	color: #999;

	background-color: #333;

}



.last {

	border: 0;

}



#copyright {

	font-size: 0.75em; /* 16x0.75=10px */

	padding: 0 0 18px 0;

	color: #AAA;

}



.note {

	background-color: #e8effb;

	color: #666;

}


#musicPlayer {

	margin: 0;
	text-align: right;

}