/* @group General Styles */

body {
	color: #000000;
	font-size: 62.5%;
	line-height: 1.4;
	font-family: Arial, Helvetica, Geneva, "Helvetica Neue", sans-serif;
	background: #000732 url(images/KML_back_tile.png);
	margin: 0;
}

/* My Comment */

p {
}

b, strong {

}

a:link {
	color: #00337d;
	text-decoration: none;
}

a:visited {
	color: #00337d;
	text-decoration: none;
}

a:hover {
	color: #006FE1;
	text-decoration: underline;
}

a:active {
	color: #006FE1;
	text-decoration: none;
}

img {
	border-style: none;
}

.image-left {
	float: left;
}

.image-right {
	float: right;
}
	
/* @end */

/* @group General Layout */

#container {
	font-size: 1.25em; 
 	width: 980px; 
	padding: 0px;
 	margin: 0 auto 0 auto;
 	z-index: 2;
 	position: relative;
}

.clearer {
	clear: both;
}

#pageHeader {
	position: relative;
	height: 228px;
	width: 980px;
	padding: 0px;
	text-align: center;
	overflow: hidden;
}

#pageHeader img {
	width: 980px;
}

#background_content {
	height: 0px;
	width: 980px;
	overflow: visible;
	padding: 0px;
 	margin: 0 auto 0 auto;
 	z-index: 1;
 	position: relative;
}

#background_content img {
	margin-left: -302px;
}


#mask {
	position: absolute;
  	left:0; 
  	top:0;
  	width: 980px; 
  	height: 228px;
  	background: url(images/KML_top_mask.png) no-repeat;
}

#footer #footer_container #footer_mask_container {
	float: right;
	margin-top: 0px;
}

#footer #footer_container #footer_mask_container #footer_image {
	position: relative;
	height: 177px;
	width: 750px;
	padding: 0px;
	text-align: center;
	overflow: hidden;
}

#footer #footer_container #footer_mask_container #footer_image img {
	width: 750px;
}

#footer #footer_container #footer_mask_container #footer_mask {
	position: absolute;
  	left:0; 
  	top:0;
  	width: 750px; 
  	height: 177px;
  	background: url(images/KML_bottom_mask.png) no-repeat;
}

#pageHeader img {
}

#pageHeader h1 {
}

#pageHeader h2 {
}

#contentContainer {
	width: 750px; 
	float:	right;
	padding-left: 10px;
	padding-right: 0px;
	margin-top: 10px;
	text-align: justify;
	height: auto;
}


#contentContainer #content {
	font-size: 1.15em;
}

#side_photo {
	position: relative;
	height: 167px;
	width: 220px;
	padding: 0px;
	overflow: hidden;
}

#sidemask {
	position: absolute;
  	left:0; 
  	top:0;
  	width: 220px; 
  	height: 167px;
  	background: url(images/side_mask.png) no-repeat;
}

#sidebarContainer {
	width: 220px; 
	float:	left;
	padding-top: 25px;
	padding-right: 0px;
	text-align: right;
}

#sidebarContainer #sidebar {
	color: #fff;
	padding-right: 15px;
	margin-bottom: 25px;
}

#side_photo img {
	width: 220px;
}

#footer {
	height: 120px;
	padding: 0px;
	margin-top: 10px;
	background: transparent;
}


/* @end */

/* @group Front Page Layout */

#top_photo {
	width: 720px;
	background-color: #ffffff;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding bottom: 10px;
}

#top_text_730 {
	width: 714px;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 0px;
	background-color: #fff;;
	text-align: justify;
}

#top_text_730_less_padding {
	width: 720px;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	background-color: #fff;;
	text-align: justify;
}

#top_text_730 ul {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#top_photo_round_bottom {
	width: 730px;
	height: 20px;
	background: url(images/KML_730_bottom.png) no-repeat left bottom;
	margin-bottom: 10px;
}

#front_page_lower_container {
	width: 730px;
}

#newsmask {
	position: absolute;
  	left:0; 
  	top:0;
  	width: 230px; 
  	height: 260px;
  	background: url(images/KML_news_mask.png) no-repeat;
  	overflow: hidden;
}

#newsmask h1 {
	padding-left: 10px;
	padding-top: 5px;
	color: #fff;
	font-size: 1.9em;
}

#blog_front_container {
	float: left;
	width: 470px;
}

#blog_front_left {
	float: left;
}

#blog_front_right {
	float: right;
}

#blog_front_text {
	margin-top: 0px;
	padding-top: 40px;
	padding-right: 10px;
	padding-left: 5px;
	height: 220px;
	width: 225px;
	background: url(images/KML_news_mask_rt.png) no-repeat top left;
}

#blog_photo {
	position: relative;
	height: 260px;
	width: 230px;
	padding: 0px;
	overflow: hidden;
}

#visit_front_container {
	width: 250px;
	float: right;
	margin-left: 10px;
}

#visitmask {
	position: absolute;
  	left:0; 
  	top:0;
  	width: 250px; 
  	height: 260px;
  	background: url(images/KML_visiting_mask.png) no-repeat;
  	overflow: hidden;
}

#visitmask img {
	height: 75px;
}

#visit_photo {
	position: relative;
	height: 260px;
	width: 250px;
	padding: 0px;
	overflow: hidden;
}

#visit_photo img {
	height: 260px;
}

#visiting_KML {
	font-size: 1.4em;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
}

#visiting_KML ul {
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 0px;	
	margin-left: 15px;
	padding-left: 15px;
	list-style-image: url(images/KML_bullet_point.png);
}

/* @end */

/* @group The Lab Layout */

#row_container {
	width: 730px;
}

#large_section_container_right {
	width: 465px;
	float: right;
}

#large_section_container_left {
	width: 465px;
	float: left;
}

#small_section_container_right {
	width: 250px;
	float: right;
}

#small_section_container_left {
	width: 250px;
	float: left;
}

#large_section_text_history {
	width: 453px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 0px;
	background-color: #fff;
}

#large_section_text_history img {
	width: 453px;
}

#large_section_text {
	width: 449px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 0px;
	background-color: #fff;
}

#small_section_text {
	width: 234px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 0px;
	background-color: #fff;
}

#small_section_text_trans {
	width: 235px;
	padding: 0px;
	color: #fff;
	padding-left: 15px;
	text-align: left;
}

#small_section_text_trans h3 {
	color: #fff;
	padding-bottom: 2px;
	margin-left: -5px;
	font-weight: bold;
	font-size: 1.15em;
	text-transform: capitalize;
}

#small_section_text_trans a {
	color: #006FE1;
}

#small_section_text_trans a:hover {
	color: #fff;
}

#small_section_text_trans img {
	width: 245px;
	border: 5px solid #fff;
	margin-left: -20px;
}

#small_section_text_less_marg {
	width: 245px;
	padding: 0px;
	color: #fff;
	padding-left: 5px;
	text-align: justify;
}

#small_section_text_less_marg h3 {
	color: #fff;
	padding-bottom: 2px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 1.35em;
	text-transform: uppercase;
}

#small_section_text_less_marg a {
	color: #006FE1;
}

#small_section_text_less_marg a:hover {
	color: #fff;
}

#large_section_bottom {
	width: 465px;
	height: 20px;
	background: url(images/KML_465_bottom.png) no-repeat left bottom;
	margin-bottom: 10px;
}

#small_section_bottom {
	width: 250px;
	height: 20px;
	background: url(images/KML_250_bottom.png) no-repeat left bottom;
	margin-bottom: 10px;
}

#thelab_history_bottom_left {
	float: left;
	width: 250px;
}

#thelab_history_bottom_right {
	float: right;
	width: 465px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 40px;
}

/* @end */

/* @group Weather Page Layout */

#buoy_title_big {
	color: #000732;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0em;
	padding: 0px;
	text-align: left;
	font: normal small-caps normal 2.8em Georgia, "Times New Roman", Times, serif;
}

#buoy_title {
	margin-top: 10px;
	font-size: 1.2em;
	margin-left: 5px;
}

#buoy ul {
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 0px;	
	padding-left: 15px;
}

#buoy {
	width: 463px;
	font-size: 1.1em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 25px;
}

#housing_cap {
	font-size: .90em;
	text-align: justify;
	padding-right: 3px;
	padding-left: 3px;
}

#main_photo_mask {
	position: absolute;
  	left:0; 
  	top:0;
  	width: 730px; 
  	height: 400px;
  	background: url(images/KML_second_top_mask.png) no-repeat;
  	overflow: hidden;
}

#main_photo h1 {
	padding-left: 0px;
	padding-top: 10px;
	font-size: 3.5em;
	color: #fff;
}

#main_photo {
	position: relative;
	height: 400px;
	width: 730px;
	padding: 0px;
	overflow: hidden;
}

#main_photo_mask_bottom {
	position: absolute;
  	left:0; 
  	top:0;
  	width: 730px; 
  	height: 400px;
  	background: url(images/KML_second_top_mask_bot.png) no-repeat;
  	overflow: hidden;
	color: #fff;
}

#main_photo_mask_bottom a {
	text-align: left;
	margin-left: 320px;
	padding-top: 10px;
	color: #fff;
}

#main_photo img {
	width: 730px;
}

#table_photo_mask {
	position: absolute;
  	left:0; 
  	top:0;
  	width: 260px; 
  	height: 233px;
  	background: url(images/KML_1_column_mask.png) no-repeat;
  	overflow: hidden;
}

#table_photo {
	position: relative;
	height: 233px;
	width: 260px;
	padding: 0px;
	overflow: hidden;
}


#table_2col_photo_mask {
	position: absolute;
  	left:0; 
  	top:0;
  	width: 465px; 
  	height: 320px;
  	background: url(images/KML_2_column_mask.png) no-repeat;
  	overflow: hidden;
}

#table_2col_photo {
	position: relative;
	width: 465px;
	height: 320px;
	padding: 0px;
	overflow: hidden;
}

#table_2col_bottom {
	background: url(assets/KML_table_background.png) no-repeat top left;
}

#table_2col_bottom a {
	color: #000;
}

#table_2col_photo_mask_233 {
	position: absolute;
  	left:0; 
  	top:0;
  	width: 465px; 
  	height: 233px;
  	background: url(images/KML_2_column_mask_233.png) no-repeat;
  	overflow: hidden;
}

#table_2col_photo_233 {
	position: relative;
	width: 465px;
	height: 233px;
	padding: 0px;
	overflow: hidden;
}

#habitat_overlays {
	font-size: 1em;
}

#Lab_history {
	color: #fff;
}

#Lab_history a {
	color: #fff;
	text-decoration: underline;
}

#timeline_item {
	text-align: left;
	clear: left;
}

#timeline_date {
	font-weight: bold;
	float: left;
	height: 50px;
	width: 60px;
	margin-right: 15px;
	text-align: right;
}

#timeline_date_tall {
	font-weight: bold;
	float: left;
	height: 110px;
	width: 60px;
	margin-right: 15px;
	text-align: right;
}

#timeline_item_title {
	text-align: left;
	clear: left;
	font-size: 1.2em;
}

#timeline_date_title {
	font-weight: bold;
	float: left;
	height: 20px;
	width: 60px;
	margin-right: 15px;
	text-align: right;
}

#history_caption{
	margin-top: 0px;
	font-size: .9em;
	font-weight: bold;
}

table.rows_table td {
	vertical-align: top;
	text-align: left;
}

#forecast {
	padding-left: 10px;
}

#forecast ul {
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: -.2em;
	padding-bottom: 0em;
}

#forecast a {
	font-size: .85em;
	color: #ffffff;
}

#forecast a:hover {
	font-size: .85em;
	text-decoration: underline;
}

#footer #footer_container {
	width: 980px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

#footer #footer_bottom {
	width: 750px;
	color: #fff;
	font-size: .9em;
	text-align: center;
	margin-left: 230px;
	margin-top: 5px;
	padding-bottom: 15px;
}

#footer #footer_bottom a {
	color: #fff;
}

#footer #footer_bottom a:visited {
	color: #fff;
}

#footer #footer_bottom a:active {
	color: #fff;
}

#footer #footer_bottom a:hover {
	color: #006FE1;
	text-decoration: underline;
}

#footer #footer_container #footer_left {
	float: left;
	width: 220px;
	color: #fff;
	font-size: 1.4em;
}

#footer #footer_container a:link, #footer #footer_container a:visited, #footer #footer_container a:active {
	color: #fff;
	text-decoration: none;
}

#footer #footer_container a:hover {
	text-decoration: underline;
	color: #fff;
}

#sidebarContainer #sidebar a:link, #sidebarContainer #sidebar a:active,  #sidebarContainer #sidebar a:visited{
	text-decoration: none;
}

#sidebarContainer #sidebar a:hover{
	text-decoration: underline;
}
	

#sidebarContainer .sideHeader {
}

#footer p {
}

#footer a:link, #footer a:visited {
}

#footer a:hover, #footer a:active {
}
	
/* @end */

/* @group Bread-crumb */

#breadcrumbcontainer {
	padding-left: 230px;
	bottom: 0px;
	position: relative;
	vertical-align: bottom;
	color: #fff;
}

#breadcrumbcontainer ul {
	margin-left: 0px; 
 	padding: 0px; 
 	list-style-type: none;
	color: #fff;
}

#breadcrumbcontainer li {
	display: inline;
}

#breadcrumbcontainer a {
	color: #fff;
}

#breadcrumbcontainer a:hover {
	color: #006FE1;
	text-decoration: underline;
}
	
/* @end */

/* @group Toolbar */

/* Toolbar Styles */

#sidebarContainer #navcontainer {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
}

#sidebarContainer #navcontainer #current {
	font-weight: bold;
}

#navcontainer #current:hover {
}

#navcontainer .currentAncestor {
	font-weight: bold;
}

/* Parent - Level 0 */

#sidebarContainer #navcontainer ul {
	margin: 0; 
 	padding: 0;
 	list-style-type: none;
	text-align: right;
	color: #fff;
}

#navcontainer li {
}

#sidebarContainer #navcontainer a {
	display: block; 
 	padding: 5px 0px 8px 0px; 
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.1em;
}

#sidebarContainer #navcontainer a:hover {
	text-decoration: none;
	color: #006FE1;
	text-transform: uppercase;
}

#navcontainer a:active {
	text-transform: uppercase;
}

#navcontainer a:visited {
	text-transform: uppercase;
}

/* Child - Level 1 */

#sidebarContainer #navcontainer ul ul {
	margin: 0; 
 	padding: 0;
 	list-style-type: none;
	text-align: right;
	text-transform: none;
}

#navcontainer ul ul li {
}

#sidebarContainer #navcontainer ul ul a {
	display: block; 
 	padding: 5px 25px 5px 0px; 
 	text-decoration: none;
	color: #006FE1;
	font-size: 1.1em;
	text-transform: none;
}

#sidebarContainer #navcontainer ul ul a:hover {
	color: #ffffff;
	text-transform: none;
}

#sidebarContainer #navcontainer ul ul #current {
	font-weight: bold;
	text-transform: none;
}

#sidebarContainer #navcontainer ul ul .currentAncestor {
	font-weight: bold;
	text-transform: none;
}


/* Child - Level 2 */

#navcontainer ul ul ul {
}

#navcontainer ul ul ul li {
}

#sidebarContainer #navcontainer ul ul ul a{
 	padding: 5px 30px 5px 0px; 
	font-size: .85em;
	color: #fff;
}

#sidebarContainer #navcontainer ul ul ul a:hover{
	color: #006FE1;
}

#sidebarContainer #navcontainer ul ul ul #current{
	color: #fff;
	font-weight: bold;
}

#sidebarContainer #navcontainer ul ul ul .currentAncestor {
	font-weight: bold;
}
/* Child Level 3 */

#navcontainer ul ul ul {
}

#navcontainer ul ul ul ul li { 
}

#navcontainer ul ul ul ul a{
}

#navcontainer ul ul ul ul a:hover{
}

/* Child Level 4 */

#navcontainer ul ul ul ul {
}

#navcontainer ul ul ul ul ul li { 
}

#navcontainer ul ul ul ul ul a{
}

#navcontainer ul ul ul ul ul a:hover{
}

/* Child Level 5 */

#navcontainer ul ul ul ul ul {
}

#navcontainer ul ul ul ul ul ul li { 
}

#navcontainer ul ul ul ul ul ul a{
}

/* @end */

/* @group Global Classes */

blockquote, .standout {
}

h1 {
	color: #000732;
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0px;
	text-align: left;
	font: normal small-caps normal 2.2em Georgia, "Times New Roman", Times, serif;
}

h2 {	
	color: #000732;
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0px;
	font-size: 1.4em;
	text-align: left;
	font-weight: normal;
	font-style: normal;
}

h3 {
	color: #00337d;
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0em;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: normal;
	font-style: normal;
}

h4 {
	color: #000732;
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0px;
	text-align: left;
	font: normal small-caps normal 1.8em Georgia, "Times New Roman", Times, serif;
}

h5 {
}

.imageStyle {
}


/* Main content area unordered list styles */
#contentContainer #content ul {
}

#contentContainer #content li {
}

ul.disc {
	list-style-type: disc;
	list-style-image: url(images/KML_bullet_point.png);
	list-style-position: outside;
}

ul.circle {
	list-style-type: circle;
	list-style-image: url(images/KML_bullet_white.png);
	list-style-position: outside;
}

ul.square {
	list-style-type: square;
}

ol.arabic-numbers {
	list-style-type: decimal;
}

ol.upper-alpha {
	list-style-type: upper-latin;
}

ol.lower-alpha {
	list-style-type: upper-latin;
}

ol.upper-roman {
	list-style-type: upper-roman;
}

ol.lower-roman {
	list-style-type: lower-roman;
}

/* Sidebar area unordered list styles */
#sidebarContainer #sidebar ul {
}

#sidebarContainer #sidebar li {
}


/* Table Styles */
table {
}
/* @end */

/* @group Blog */

/* @group Tag Cloud */


ul.blog-tag-cloud {

}

ul.blog-tag-cloud li {
	display: inline;
}

#sidebarContainer #sidebar ul.blog-tag-cloud li a {
}

#sidebarContainer #sidebar ul.blog-tag-cloud li a:hover {
	text-decoration: underline;
}

.blog-tag-size-1 {	
	font-size: 0.8em;
}

.blog-tag-size-2 {	
	font-size: 0.85em;
}

.blog-tag-size-3 {	
	font-size: 0.9em;
}

.blog-tag-size-4 {	
	font-size: 0.95em;
}

.blog-tag-size-5 {	
	font-size: 1em;
}

.blog-tag-size-6 {	
	font-size: 1.05em;
}

.blog-tag-size-7 {	
	font-size: 1.1em;
}

.blog-tag-size-8 {	
	font-size: 1.15em;
}

.blog-tag-size-9 {	
	font-size: 1.2em;
}

.blog-tag-size-10 {	
	font-size: 1.25em;
}

.blog-tag-size-11 {	
	font-size: 1.3em;
}

.blog-tag-size-12 {	
	font-size: 1.35em;
}

.blog-tag-size-13 {
	font-size: 1.4em;
}

.blog-tag-size-14 {	
	font-size: 1.45em;
}

.blog-tag-size-15 {
	font-size: 1.5em;
}

.blog-tag-size-16 {	
	font-size: 1.55em;
}

.blog-tag-size-17 {	
	font-size: 1.6em;
}

.blog-tag-size-18 {	
	font-size: 1.65em;
}

.blog-tag-size-19 {
	font-size: 1.7em;
}

.blog-tag-size-20 {	
	font-size: 1.75em;
}
/* @end */

/* @group Archive Page */

.blog-archive-background {
}

.blog-entry-summary {
}

.blog-archive-headings-wrapper {
}

.blog-archive-entries-wrapper {
}

.blog-archive-entries-wrapper .blog-entry {
}

.blog-archive-month {
	color: #191919;
}

.blog-archive-link {
	color: #666;
}

.blog-archive-link a:link, .blog-archive-link a:visited {
	color: #666;
}

.blog-archive-link a:hover {
	color: #419200;
	text-decoration: underline;
}
	
/* @end */

.blog-entry {
	margin-bottom: 20px;
	padding: 0px;
	margin-left: 0px;
	margin-top: 5px;
	font-size: 1em;
	font-family: Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	background: url(images/KML_blog_top.png) no-repeat 0px 0px;
	color: #fff;
	width: 730px;
}

h1.blog-entry-title {
	color: #fff;
	margin-top: 0px;
	padding-right: 20px;
	text-align: right;
	font: normal small-caps normal Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	float: right;
	width: 450px;
	height: 55px;
}

h1.blog-entry-title a {
	color: #fff;
	margin-top: 0em;
	padding-top: .2em;
	margin-bottom: 0em;
	font: normal small-caps normal Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

.blog-entry-date {
	color: #fff;
	margin-top: 0px;
	padding-right: 20px;
	padding-top: 45px;
	font-size: 1.2em;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*styles the category link in the main entry */
.blog-entry-category {
}

.blog-entry-category a:link, .blog-entry-category a:visited {
}

.blog-entry-category a:hover {
}

.blog-read-more {
}

#blog-next-page {
	color: #fff;
	padding-left: 30px;
}

.blog-entry-body {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-top: 10px;
	clear: both;
	margin-top: 55px;
	text-align: justify !important;
	background: url(images/KML_blog_back.png);
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
}

.blog-entry-body img {
	padding: 5px; 
	clear: left;
	margin-right: 5px; 
	margin-top: 5px;
	text-align: justify !important;
	background-color: #fff;
}

.blog-entry-body a {
	color: #fff;
}

.blog-entry-comments {
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: -20px;
	padding-left: 20px;
	height: 40px;
	background: url(images/KML_blog_bottom.png) no-repeat bottom left;
	color: #fff;
}

.blog-entry-author {
	padding-top: 10px;
}

.blog-entry-comments {
}

p.blog-entry-tags a {
}

/* styles the archives in the blog sidebar */
#blog-archives {
	text-decoration: none;
	padding-top: 15px;
	padding-right: 0px;
	text-align: right;
	color: #fff;
}

.blog-archive-link-enabled {
	text-decoration: none;
	color: #fff;
}

.blog-archive-link-disabled {
	text-decoration: none;
	color: #fff;
}

/* Styles the blog categories in the blog sidebar */
#blog-categories a {
	text-decoration: none;
	margin-bottom: 10px;
	margin-top: 15px;
	color: #fff;
}

.blog-category-link-enabled a {
	margin-top: 10px;
	color: #fff;
}

.blog-category-link-disabled {
	color: #fff;
}

/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds a {
	margin-top: 10px;
	text-align: right;
	padding-right: 0px;
	color: #fff;
}

.blog-rss-link {
	margin-top: 10px;
	text-align: right;
	color: #fff;
}

.blog-comments-rss-link {
	color: #fff;
}

#navcontainer ul ul ul ul ul ul a:hover{
	text-decoration: underline;
	color: #fff;
}

/* @end */

/* @group File Sharing */

.filesharing-description {
}

.filesharing-item {
}

.filesharing-item-title a:link {
}

.filesharing-item-title a:hover {
}

.filesharing-item-title a:visited {
}

.filesharing-item-description {
}

/* @end */

/* @group Photo Album */

/* @group Index Page (Thumbnail view) */

.album-title {
	color: #191919;
	margin-top: 0em;
	margin-bottom: -.8em;
	padding: 0px;
	font: 2em "Century Gothic", Verdana;
	text-transform: uppercase;
}

.album-description {
	color: #191919;
}


.album-wrapper {
	display: block;
	width: auto;
	position: relative;
}

.thumbnail-wrap {
	
	text-align: center;
	position: relative;
	float: left;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-right: 15px;
}

.thumbnail-frame {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 161px;
    height: 125px;
    overflow-y: hidden;
    overflow-x: hidden;
    border: 1px solid #191919;
    margin-top: 5px;
}

.thumbnail-frame a:hover {
}

.thumbnail-frame img {
	margin: auto;
    width: 190px;
    vertical-align: middle;
}

.thumbnail-caption {
	margin-top: 4px;
	padding: 0;
	width: 100%;
	height: 15px;
	display: block;
	text-align: left;
	font-size: 1.2em;
}
.photo-background {
	text-align: left;
	background: #666 url(images/hanfried.png) no-repeat -25px 25px}


.photo-navigation {
	width: 200px;
	height: 350px;
	float: left;
	margin: 15px 15px 0;
	color: #fff;
}

.photo-links {
}

.photo-navigation a:link,
.photo-navigation a:visited {
	color: #fff;
	font-size: 1.2em;
}

.photo-navigation a:hover {
	font-size: 1.2em;
	text-decoration: underline;
}

.photo-frame {
	border: 1px solid #191919;
	padding: 10px;
	position: absolute;
	top: 15px;
	left: 235px;
	margin-bottom: 10px;
	background-color: #fff;
}

.photo-title {
	margin-bottom: 10px;
	color: #fff;
	text-transform: uppercase;
	font: 1.8em "Century Gothic", Verdana;
}

.photo-caption {
	margin: 0;
	font-size: 1.3em;
	color: #fff;
	text-align: left;
	width: 180px;
}


.flickr_badge_image {
	margin: 0px;
	
}

.flickr_badge_image img {border: 1px solid black !important;
}



/* @group EXIF data */
/* Data wrapper */
.exif-data {
}

.exif-data p {
}

/* p tag classes for all exif data */
p.exif-version {
}

p.exif-colour-space {
}

p.exif-focal-length {
}

p.exif-dimensions {
}

p.exif-pixel-y-dimension {
}

p.exif-pixel-x-dimension {
}

p.exif-oecf-value {
}

p.exif-subsec-time-original {
}

p.exif-exposure-mode {
}

p.exif-spatial-frequency-response {
}

p.exif-scene-capture-type {
}

p.exif-subject-location {
}

p.exif-shutter-speed {
}

p.exif-datetime-original {
}

p.exif-subsec-time {
}

p.exif-compressed-bits-per-pixel {
}

p.exif-flash-energy {
}

p.exif-saturation {
}

p.exif-brightness {
}

p.exif-exposure-time {
}

p.exif-f-number {
}

p.exif-file-source {
}

p.exif-gain-control {
}

p.exif-subject-area {
}

p.exif-cfa-pattern {
}

p.exif-scene-type {
}

p.exif-white-balance {
}

p.exif-flash {
}

p.exif-exposure-index {
}

p.exif-flashpix-version {
}

p.exif-device-setting-description {
}

p.exif-focalplane-x-resolution {
}

p.exif-image-uniqueid {
}

p.exif-components-configuration {
}

p.exif-light-source {
}

p.exif-sensing-method {
}

p.exif-aperture {
}

p.exif-sharpness {
}

p.exif-exposure-program {
}

p.exif-subject-distance {
}

p.exif-subsec-time-digitized {
}

p.exif-contrast {
}

p.exif-focalplane-resolution-unit {
}

p.exif-gamma {
}

p.exif-35mm-focal-length {
}

p.exif-datetime-digitized {
}

p.exif-subject-distance-range {
}

p.exif-custom-rendered {
}

p.exif-max-aperture {
}

p.exif-sound-file {
}

p.exif-metering-mode {
}

p.exif-spectral-sensitivity {
}

p.exif-exposure-bias {
}

p.exif-focalplane-y-resolution {
}

p.exif-iso-rating {
}

p.exif-maker-note {
}

p.exif-digital-zoom-ratio {
}

p.exif-user-comment {
}
/* @end */

/* @end */
	
/* @end */

/* @group Quicktime Page */

.movie-description {
}
	
/* @end */

/* @group Quicktime Album */

/* @group Index Page (Movie Thumbnail view) */

.movie-page-title {
	color: #001E38;
	padding: 0px;
	font: small-caps 2em "Times New Roman", Georgia, Times, serif;
}

.movie-page-description {
	color: #001E38;
	font-size: 1.2em;
}

.movie-thumbnail-frame {
	width: 132px;
	height: 132px;
	float: left;
	margin:  0 18px 15px 0;
	text-align: center;
}

.movie-thumbnail-frame a:link, .movie-thumbnail-frame a:visited, .movie-thumbnail-frame a:hover, .movie-thumbnail-frame a:active {
	padding: 6px;
	width: 132px;
	float: left;
	margin-bottom: 5px;
}

.movie-thumbnail-frame:hover {
}

.movie-thumbnail-caption {
	font-weight: bold;
}
	
/* @end */

/* @group Single Page (Movie View) */

.movie-background {
	text-align: left;
	background: url(images/backgroundDee.gif) repeat;
}

.movie-title {
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	font: bold 1.8em "Times New Roman", Georgia, Times, serif;
}

.movie-frame {
	padding: 20px;
	
}
	
/* @end */


/* @end */

/* @group Contact Form */
.message-text { 
} 

.required-text {
} 

.form-input-field {
} 

.form-input-button {
} 

#formbutton {
	margin-top: 5px;
	margin-bottom: 5px;
}
#searchform {
	margin-right: 10px;
}

.sidebar_address {
	font-size: .90em;
}

.map_frame {
}


.caption300 {
	font-size: .95em;
	font-weight: bold;
	width: 300px;
	padding-top: 5px;
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
}

.caption300right {
	font-size: .95em;
	font-weight: bold;
	width: 300px;
	padding-top: 5px;
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
}

div#rssincl-box-83857 div.rssincl-content {
	padding-top: 20px;
}

div#rssincl-box-76822 div.rssincl-head p.rssincl-title,
div#rssincl-box-76822 div.rssincl-head p.rssincl-title a {
	color: #000732;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0em;
	padding: 0px;
	text-align: left;
	font: normal small-caps normal 2.8em Georgia, "Times New Roman", Times, serif;	
}

div#rssincl-box-76822 div.rssincl-content {
	margin-top: 0em;
}
 
	/* The div around each news item */
div#rssincl-box-76822 div.rssincl-content div.rssincl-entry {
	padding-left: 15px;
	background-color: transparent;
	width: 463px;
}
 
	/* The <p> tag containing the news item title */
div#rssincl-box-76822 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle {
	margin-bottom:2px;
	text-align: left;
	text-transform: none;
	text-decoration: none;
	font-size: 1.8em;
	font-variant: normal;
	color: #000;
	font-weight: bold;
	margin-top: 5px;
}
 
	/* The <a> tag wrapped around the news item title */
div#rssincl-box-76822 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a { /* bold */
	text-decoration: none;
	color: #000;
	font-weight: bold;
	margin-top: 0em;
}
 
	/* Set a color for rolling over the item title*/
div#rssincl-box-76822 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a:hover{
	color:#006FE1; /* change font color to red on rollover */
}
 
	/* The <p> tag containing the item description, and all elements inside this tag */
div#rssincl-box-76822 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc,
div#rssincl-box-76822 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc *{
	font: 1.2em Arial, Helvetica, Geneva, sans-serif;	
	color: #212121;
	padding-left: 5px;
	margin-top: 0em;
}
 
/* The <p> tag containing the item date, and all elements inside this tag */
div#rssincl-box-76822 div.rssincl-content div.rssincl-entry p.rssincl-itemdate,
div#rssincl-box-76822 div.rssincl-content div.rssincl-entry p.rssincl-itemdate *{
	font-size: 1.4em; 
	color: #212121;
	font-weight: bold;
	display: none;
}
 
div#rssincl-box-76822 div.rssincl-content div.rssincl-entry p.rssincl-itemdate {
	margin-bottom:2px;
	display: none;
}
 
	/* If there are images inside the description, you can style them as well */
div#rssincl-box-76822 div.rssincl-content div.rssincl-entry div.rssincl-itemdesc img {
}
 
	/* There is a clearer div which you can set to "clear:both"... */
div#rssincl-box-76822 div.rssincl-content div.rssincl-entry div.rssincl-clear {
	clear:both;
}


div#rssincl-box-98601 div.rssincl-head p.rssincl-title,
div#rssincl-box-98601 div.rssincl-head p.rssincl-title a {
	color: #000732;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0em;
	padding: 0px;
	text-align: left;
	font: normal small-caps normal 2.8em Georgia, "Times New Roman", Times, serif;	
}

div#rssincl-box-98601 div.rssincl-content {
	margin-top: 0em;
}
 
	/* The div around each news item */
div#rssincl-box-98601 div.rssincl-content div.rssincl-entry {
	padding-left: 15px;
	background-color: transparent;
	width: 463px;
}
 
	/* The <p> tag containing the news item title */
div#rssincl-box-98601 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle {
	margin-bottom:2px;
	text-align: left;
	text-transform: none;
	text-decoration: none;
	font-size: 1.8em;
	font-variant: normal;
	color: #000;
	font-weight: bold;
	margin-top: 5px;
}
 
	/* The <a> tag wrapped around the news item title */
div#rssincl-box-98601 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a { /* bold */
	text-decoration: none;
	color: #000;
	font-weight: bold;
	margin-top: 0em;
}
 
	/* Set a color for rolling over the item title*/
div#rssincl-box-98601 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a:hover{
	color:#006FE1; /* change font color to red on rollover */
}
 
	/* The <p> tag containing the item description, and all elements inside this tag */
div#rssincl-box-98601 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc,
div#rssincl-box-98601 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc *{
	font: 1.2em Arial, Helvetica, Geneva, sans-serif;	
	color: #212121;
	padding-left: 5px;
	margin-top: 0em;
}
 
/* The <p> tag containing the item date, and all elements inside this tag */
div#rssincl-box-98601 div.rssincl-content div.rssincl-entry p.rssincl-itemdate,
div#rssincl-box-98601 div.rssincl-content div.rssincl-entry p.rssincl-itemdate *{
	font-size: 1.4em; 
	color: #212121;
	font-weight: bold;
	display: none;
}
 
div#rssincl-box-98601 div.rssincl-content div.rssincl-entry p.rssincl-itemdate {
	margin-bottom:2px;
	display: none;
}
 
	/* If there are images inside the description, you can style them as well */
div#rssincl-box-98601 div.rssincl-content div.rssincl-entry div.rssincl-itemdesc img {
}
 
	/* There is a clearer div which you can set to "clear:both"... */
div#rssincl-box-98601 div.rssincl-content div.rssincl-entry div.rssincl-clear {
	clear:both;
}

div#rssincl-box-98605 div.rssincl-head p.rssincl-title,
div#rssincl-box-98605 div.rssincl-head p.rssincl-title a {
	color: #000732;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0em;
	padding: 0px;
	text-align: left;
	font: normal small-caps normal 2.8em Georgia, "Times New Roman", Times, serif;	
}

div#rssincl-box-98605 div.rssincl-content {
	margin-top: 0em;
}
 
	/* The div around each news item */
div#rssincl-box-98605 div.rssincl-content div.rssincl-entry {
	padding-left: 15px;
	background-color: transparent;
	width: 463px;
}
 
	/* The <p> tag containing the news item title */
div#rssincl-box-98605 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle {
	margin-bottom:2px;
	text-align: left;
	text-transform: none;
	text-decoration: none;
	font-size: 1.8em;
	font-variant: normal;
	color: #000;
	font-weight: bold;
	margin-top: 5px;
}
 
	/* The <a> tag wrapped around the news item title */
div#rssincl-box-98605 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a { /* bold */
	text-decoration: none;
	color: #000;
	font-weight: bold;
	margin-top: 0em;
}
 
	/* Set a color for rolling over the item title*/
div#rssincl-box-98605 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a:hover{
	color:#006FE1; /* change font color to red on rollover */
}
 
	/* The <p> tag containing the item description, and all elements inside this tag */
div#rssincl-box-98605 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc,
div#rssincl-box-98605 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc *{
	font: 1.2em Arial, Helvetica, Geneva, sans-serif;	
	color: #212121;
	padding-left: 5px;
	margin-top: 0em;
}
 
/* The <p> tag containing the item date, and all elements inside this tag */
div#rssincl-box-98605 div.rssincl-content div.rssincl-entry p.rssincl-itemdate,
div#rssincl-box-98605 div.rssincl-content div.rssincl-entry p.rssincl-itemdate *{
	font-size: 1.4em; 
	color: #212121;
	font-weight: bold;
	display: none;
}
 
div#rssincl-box-98605 div.rssincl-content div.rssincl-entry p.rssincl-itemdate {
	margin-bottom:2px;
	display: none;
}
 
	/* If there are images inside the description, you can style them as well */
div#rssincl-box-98605 div.rssincl-content div.rssincl-entry div.rssincl-itemdesc img {
}
 
	/* There is a clearer div which you can set to "clear:both"... */
div#rssincl-box-98605 div.rssincl-content div.rssincl-entry div.rssincl-clear {
	clear:both;
}

div#rssincl-box-115630 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle {
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .85em;
	padding-left: 5px;
}
 
	/* The <a> tag wrapped around the news item title */
div#rssincl-box-115630 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a { /* bold */
	color: #ffffff;
	margin-bottom: -.6em;
	font-weight: bold;
	line-height: .8em;
}
 
	/* Set a color for rolling over the item title*/
div#rssincl-box-115630 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a:hover{
	color:#006FE1;
	font-weight: bold;
}

div#rssincl-box-115630 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc,
div#rssincl-box-115630 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc *{
	
	color: #ffffff;
	margin-top: 0em;
	padding-right: 5px;
	padding-top: 0em;
	padding-left: 5px;
	font-size: .9em;
	margin-bottom: -.8em;
	line-height: 1.3em;
}

div#rssincl-box-115630 div.rssincl-content div.rssincl-entry p.rssincl-itemdate,
div#rssincl-box-115630 div.rssincl-content div.rssincl-entry p.rssincl-itemdate *{
	font-size: .75em;
	color: #ffffff;
	padding-left: 5px;
	padding-top: 5px;
}

div#rssincl-box-76812 {
	
	width: 100%; /* sets the width of your RSSbox */
	overflow-x: auto;
}
 
	/* All elements inside the box container */

div#rssincl-box-76812 *{
	text-align:left; /* sets text-align to left for all elements*/
	margin:0; /* sets margin to zero for all elements*/
	padding:0; /* sets padding to zero for all elements*/
	clear:both; /* no floating in general */
}

	/* The div around the content elements / news items */

div#rssincl-box-76812 div.rssincl-content {}
 
	/* The div around each news item */
div#rssincl-box-76812 div.rssincl-content div.rssincl-entry {
	padding:0px; /* padding to 10px again */
	background-color: transparent; /* background-color when image is not shown */
}
 
	/* The <p> tag containing the news item title */
div#rssincl-box-76812 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle {
	text-align: left;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}
 
	/* The <a> tag wrapped around the news item title */
div#rssincl-box-76812 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a { /* bold */
	color: #000000;
	font: bold 1em Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
 
	/* Set a color for rolling over the item title*/
div#rssincl-box-76812 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a:hover{
	color:#006FE1; /* change font color to red on rollover */
}
 
	/* The <p> tag containing the item description, and all elements inside this tag */
div#rssincl-box-76812 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc,
div#rssincl-box-76812 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc *{
	font: .85em Arial, Helvetica, Geneva, sans-serif;	
	color: #000000;
	margin-top: 0em;
	text-transform: none;
}
 
/* The <p> tag containing the item date, and all elements inside this tag */
div#rssincl-box-76812 div.rssincl-content div.rssincl-entry p.rssincl-itemdate,
div#rssincl-box-76812 div.rssincl-content div.rssincl-entry p.rssincl-itemdate *{
	font-size: .9em; 
	color: #212121;
	display: none;
}
 
div#rssincl-box-76812 div.rssincl-content div.rssincl-entry p.rssincl-itemdate {
	display: none;
}
 
	/* If there are images inside the description, you can style them as well */
div#rssincl-box-76812 div.rssincl-content div.rssincl-entry div.rssincl-itemdesc img {
}
 
	/* There is a clearer div which you can set to "clear:both"... */
div#rssincl-box-76812 div.rssincl-content div.rssincl-entry div.rssincl-clear {
	clear:both;
}

div#rssincl-box-76843 {
	
	width: 100%; /* sets the width of your RSSbox */
	overflow-x: auto;
}
 
	/* All elements inside the box container */

div#rssincl-box-76843 *{
	text-align:left; /* sets text-align to left for all elements*/
	margin:0; /* sets margin to zero for all elements*/
	padding:0; /* sets padding to zero for all elements*/
	clear:both; /* no floating in general */
}

	/* The div around the content elements / news items */

div#rssincl-box-76843 div.rssincl-content {}
 
	/* The div around each news item */
div#rssincl-box-76843 div.rssincl-content div.rssincl-entry {
	padding:0px; /* padding to 10px again */
	background-color: transparent; /* background-color when image is not shown */
	}
 
	/* The <p> tag containing the news item title */
div#rssincl-box-76843 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle {
	margin-bottom:2px;
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
}
 
	/* The <a> tag wrapped around the news item title */
div#rssincl-box-76843 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a { /* bold */
	color: #212121;
	font: bold 13px Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
 
	/* Set a color for rolling over the item title*/
div#rssincl-box-76843 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a:hover{
	color:#006FE1; /* change font color to red on rollover */
}
 
	/* The <p> tag containing the item description, and all elements inside this tag */
div#rssincl-box-76843 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc,
div#rssincl-box-76843 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc *{
	font: 12px Arial, Helvetica, Geneva, sans-serif;	
	color: #212121;
	margin-bottom: 5px;
}
 
/* The <p> tag containing the item date, and all elements inside this tag */
div#rssincl-box-76843 div.rssincl-content div.rssincl-entry p.rssincl-itemdate,
div#rssincl-box-76843 div.rssincl-content div.rssincl-entry p.rssincl-itemdate *{
	font-size: 10px; 
	color: #212121;
	display: none;
}
 
div#rssincl-box-76843 div.rssincl-content div.rssincl-entry p.rssincl-itemdate {
	margin-bottom:2px;
	display: none;
}
 
	/* If there are images inside the description, you can style them as well */
div#rssincl-box-76843 div.rssincl-content div.rssincl-entry div.rssincl-itemdesc img {
		border:0px solid #FFF;
}
 
	/* There is a clearer div which you can set to "clear:both"... */
div#rssincl-box-76843 div.rssincl-content div.rssincl-entry div.rssincl-clear {
	clear:both;
}




/* @end */