body { margin: 0px; padding: 0px; border: 0px; text-align: center; background-color: #ffff67;  font-family: sans-serif; color: #000000;}





#container {background-color: #eeeeee; width: 1100px;  margin: 0 auto; height: 100%;}
#leftside {float: left; background-color: #33ffff; width: 200px; height: 100%;}
#main {}
#rightside {}

body {text-align: center; background-color: #FFFFFF;  font-family: sans-serif; color: #000000;}
div#container{text-align: left; border: 20px solid black; margin-left: auto;margin-right: auto;width: 55em; background-image: url('images/background.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-position: top;}
#flashplayer {display: inline;}
#masthead {float: right;}
#masthead form {font-size: 50%; margin: 0px; padding: 0px; display: inline;}
/*#masthead .subscribe {font-size: 80%; margin-left: 20; margin-top: 0; }
*/
#masthead .subscribe a {color: #355A79; text-decoration: none;}
#masthead .subscribe a:hover {color: #FAEE2A; text-decoration: underline}
#masthead .subscribe img {vertical-align: middle;}
#masthead {padding: 0; text-align: left;}
#sidebar img {margin: 5 0 5 0;}
#sidebar {text-align: left; padding: 2px; /*float: left;*/ width: 200px;}
#sidebar div {}
/*#main0 {float: right; width: 80%;}*/
#records {padding: 25px;}
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
#main {float: right; width: 550px;}
#main a{color: #000000; text-decoration: underline;}
#main a:hover{color: #FFB66F; text-decoration: underline;}
#main img {max-width: 100%;}
a.feed-item-title {font-size: 15px; color: #355A79; text-decoration: none;}
a:hover.feed-item-title {color: #FFB66F}
.news {width: 550px;}
.front {padding: 20px; text-align: left; float:right; width: 175px;}
#footer {clear: both; font-size: 70%;}
img {border: 0}
#navigation {/*clear: both;*/ text-align: center; font-weight: bolder; word-spacing: 10px;}
#navigation a {color: #FFB66F; text-decoration: none;}
#navigation a:hover {color: black; text-decoration: underline;}
#main {text-align:left; font-size: 80%;}
#main table {font-size: 80%;}
#main h2 {color: #355A79;}
/*.cell{float:left; margin:0 0 15px 20px; padding:15px; text-align:left;}
*/
img.cell {text-align: center;}
.tightcell{float:left;padding: 5px;}
/*.clear {clear: both;}*/
#footer {margin: 10 0 0 0; padding: 30px;}
#footer a {color: black;}
#footer a:hover {color: #FAEE2A;}
.title {text-transform: uppercase;}
.caption {font-size: 60%;}
.tracks {font-size: 90%; line-height: 100%;} 
.quote {font-style: italic;}
/*<!-- The HTML generated by this code contains CSS hooks so you can style the output in your stylesheet.
	The feed will be enclosed in a div with class feed.
	The title of the feed is displayed in a h3 element, with the class feed-title.
	The feed description is displayed in a p tag with class feed-desc.
	The feed icon is displayed in an img with class feed-title-image.
	Each feed item title is displayed in a h4 with class feed-item-title.
	Each feed item description is displayed in a p tag with class feed-item-desc.
	Note that this code does not generate HTML for empty feed titles, descriptions, etc. If you want empty HTML to be generated, click "more options" and tick the "Output HTML for empty..." checkbox.-->