/******************************************************************************************************
Main.css

This css file defines the site-wide styles for Juneau

******************************************************************************************************/

body {
	background: white url("/share/images/share_bg.jpg") repeat-y top center;
	color: #000;
	font: normal 11px arial,helvetica,sans-serif;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;

}


/******************************************************************************************************
												Generic styles 
******************************************************************************************************/
.clear { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.height-filler { height: 147px !important; height: 216px; }
.nobg {	background: none; }
.va-bottom { vertical-align: bottom; }
.va-top { vertical-align: top; }

.border0 { margin: 10px 0 0 0; }
.border1 { border-right: 1px solid; position: relative; }
.border2 { border-bottom: 1px solid; margin: 10px 0 0 0; padding: 0 0 10px 0; }

.bullet { 
	margin: 2px 6px 0px 0px;
	float: left;
}
.bullet img { 
	margin: 0px;
	padding: 0px;
}

.bullet1 { 
	display: inline;
	background: url("/images/misc/bullet1.gif") no-repeat 0 1px;
	vertical-align: bottom;
	padding: 0 0 0 18px;
}
.bullet7 { 
	background: url("/images/misc/bullet7.gif") no-repeat 0 3px;
	vertical-align: bottom;
	margin: 0 0 0 6px;
	padding: 0 0 0 8px;
}
.article {
	padding: 0px 0 0px 0;
	margin: 0 0 10px 0;
	clear: both;
}
.headlines {
	margin: 0 0 3px 0;
}
.headlines a:link {
	text-decoration: none;
}
a.headlines {
	text-decoration: none;
}
.web {											/* inside web updated */
	color: #363636;
	font: bold 10px arial,helvetica,sans-serif;
	margin: 0px 0 0 0;
	padding: 0 0 0px 0;
	
}



/********************************************************************************************************
												Main Body styles 
********************************************************************************************************/
#main-body {																	/* main body container */
	display: block;
	width: 960px;
	margin: 0;
	padding: 0;
}
#main-body .topsection {														
	/*background: url("/share/images/blogs_bg.jpg") no-repeat;*/
	width: 960px;
	/*height: 689px;*/
	margin: 0px 0px 0px 0px;
	padding: 0 0px 0 0px;  
}  

#main-body .blogs {
	/*background: url("/share/images/blogbottom.jpg") no-repeat bottom;*/
	width: 639px;
	/*height: 630px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float: left; 
	text-align: left;
}

.blogstop{
	background: url("/share/images/blogtop.jpg") no-repeat top center;
}

.blogsbottom{
	background: url("/share/images/blogbottom.jpg") no-repeat bottom center;
}

.blogsmid{
	background: url("/share/images/blogmain.jpg") repeat-y;
}

#main-body .blogs img{		  												
	float: left; 
	padding-left: 20px;
	margin-bottom: 40px;
}

#main-body .blogtitle {														
	font: 18px arial,helvetica,sans-serif;
	color: #15225f;
	padding: 15px 0px 0px 15px;
}

#main-body .blogtext {														
	float: left;
	width: 520px;
	padding: 0px 0px 0px 10px;
}

#main-body .blogtext h2 {														
	font: 16px arial,helvetica,sans-serif;
	color: #15225f;
	border-bottom: #15225f 1px solid;
	margin-bottom: 2px;
}

#main-body .blogtext a {														
	font: 13px arial,helvetica,sans-serif;
	color: #15225f;
}

#main-body .additionalblogs {
	width: 600px;
	padding-left: 20px;
	/*padding-bottom: 150px;*/
	display: block;
	padding-bottom: 1px;
}

#main-body .additionalblogs img{
	padding-left: 0px;
}

#main-body .additionalblogs h2 {														
	font: 16px arial,helvetica,sans-serif;
	color: #15225f;
	border-bottom: #15225f 1px solid;
	margin-bottom: 2px;
} 

#main-body .additionalblogs .blogsleft {														
	font: 13px arial,helvetica,sans-serif;
	color: #15225f;
	width: 300px;
	float: left;
	padding-bottom: 10px;
} 

#main-body .additionalblogs .blogsleft a{														
	font: 13px arial,helvetica,sans-serif;
	color: #15225f;
} 

#main-body .additionalblogs .blogsleft h2{														
	font: 13px arial,helvetica,sans-serif;
	color: #15225f;
	border-bottom: none;
} 

#main-body .additionalblogs .blogsright {														
	font: 13px arial,helvetica,sans-serif;
	color: #15225f;
	width: 300px;
	float: right;
	padding-bottom: 10px;
	
} 

#main-body .additionalblogs .blogsright a{														
	font: 13px arial,helvetica,sans-serif;
	color: #15225f;
} 

#main-body .additionalblogs .blogsright h2{														
	font: 13px arial,helvetica,sans-serif;
	color: #15225f;
	border-bottom: none;
} 
  
 
#main-body .instory {														
	background: url("/share/images/ad.jpg") no-repeat;	
	width: 319px;
	height: 271px;
	margin: 0px 0 0 0px; 
	padding: 12px 1px 0px 0px; 
	float: left; 
	text-align: center;
}

#main-body .uservideo {	
	background: url("/share/images/video.jpg") no-repeat;
	width: 319px;
	height: 380px;
	margin: 0px 0 0 0px; 
	padding: 10px 1px 0px 0px;  
	float: left; 
	text-align: center;
}

#main-body .calendar {														
	background: url("/share/images/calendar_bg.jpg") no-repeat;
	float: left;
	width: 793px;
	height: 448px;
	margin: 0;
	padding: 0 0px 0 0px;
} 

#main-body .spotted {														
	/*background: #FFFFFF url("/share/images/spottedmain.jpg") repeat-y;*/
	float: left;
	width: 793px;
	/*height: 500px;*/
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float: left; 
	text-align: left;
} 

#main-body .spottedtitle {														
	font: 18px arial,helvetica,sans-serif;
	padding: 10px 10px 0px 15px;
	color: #15225f;
}

#main-body .maxad {														
	float: right;
	margin: 5px 5px 0 0;
	padding: 0 0px 0 0px;
} 


#main-body .body-footer {	 													/* body footer */
	background: url("/share/images/footer_top.jpg") no-repeat;
	clear: both;
	display: block;
	width: 960px;
	height: 95px;
	margin: 0 0px;
	padding: 25px 0 0 0;
} 
#main-body .top-news-front {													/* top news front container */
	float: left;
	display: block;
	border-bottom: 3px solid #fff;
	margin: 0;
	padding: 0;
}
#main-body .top-news-inside {													/* top news inside container */
	float: left;
	display: block;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding: 0;
}
#main-body .top-news-inside img,
#main-body .top-news-front img {												/* top news image */
	border-right: 0px solid #fff;
	margin: 0;
	padding: 0;
}


/***************************************************
			left column
***************************************************/
#main-body .left-column {														/* left column container */
	float: left;
	display: block;
	width: 711px;
	height: 100%;
	background: #172552;
	margin: 0 3px 0 0;
	padding: 0;
}


/***************************************************
			right column
***************************************************/
#main-body .right-column {														/* right column container */
	float: left;
	display: block;
	width: 160px;
	height: 100%;
	margin: 0 0px 0 0;
	padding: 0;
}

/*** right column styles ***/
#main-body .rc-advertisers {													/* select advertiser */
	width: 160px;
	margin: 0;
	padding: 0;
}
#main-body .rc-advertisers img {												/* select advertiser image padding */
	border-bottom: 3px solid #fff;
	margin: 0;
	padding: 0;
}
#main-body .rc-advertisers form {												/* select advertiser form */
	border: 2px solid #1b2647;
	margin: 0;
	padding: 0;
}
#main-body .rc-advertisers select {												/* select advertiser form select menu */
	width: 156px;
}
#main-body .rc-border {															/* right column border */
	border-bottom: 3px solid #fff;
	position: relative;
	margin: 0; 
	padding: 0;
}
#main-body .rc-filler {															/* right column filler */
	float: left;
	display: block;
	width: 140px;
	color: #fff;
	font: normal 12px arial,helvetica,sans-serif;
	text-align: center;
	text-transform:;
	margin: 0;
	padding: 5px 2px 0px 5px;
}
#main-body .rc-filler a {														/* right column filler link */
	color: #fff;
	font-size: 14px;
}




/********************************************************************************************************
												Body table styles 
********************************************************************************************************/
#main-body .body-table {		 												/* body table container */
	clear: both;
	float: left;
	display: block;
	width: 699px;
	margin: 0;
	padding: 0 0 0px 6px;
	
}
#main-body .body-table .breadcrumbs {											/* breadcrumbs */
	width: 100%;
	font: bold 11px arial,helvetica,sans-serif;
}
#main-body .body-table .breadcrumbs a,
#main-body .body-table .breadcrumbs a:hover {									/* breadcrumbs link */
	font: bold 11px arial,helvetica,sans-serif;
	text-decoration: underline;
	padding: 0 6px;
}
#main-body .body-table .content {												/* content container */
	float: left;
	background: #fff;
	border: 0px solid #fff;
	text-align: left;
	margin: 3px 0;
	padding: 0;
}

#main-body .body-table .contentad {												/* content container */
	float: left;
	background: #fff;
	border: none;
	text-align: left;
	margin: 3px 0;
	padding: 0;
}


#main-body .body-table .digest {												/* digest */
	color: #363636;
	font: normal 11px arial,helvetica,sans-serif;
	text-align: left;
	padding: 5px 0 0 0;
}
h6 {
	margin: 5px 0px;
	padding: 0px;
}
#main-body .body-table .view-all {												/* view all */
	background: none;
	font: bold 11px arial,helvetica,sans-serif;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#main-body .body-table .view-all a,
#main-body .body-table .view-all a:hover {										/* view all link */
	font: bold 11px arial,helvetica,sans-serif;
	background: none;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}


/***************************************************
			body table structure
***************************************************/
#main-body .body-table .left-rail {												/* left rail container */
	float: left;
	display: block;
	width: 300px;
	margin: 0 6px 0 0;
	padding: 0;
}
#main-body .body-table .left-rail-inside {										/* left rail inside container */
	float: left;
	display: block;
	width: 494px;
	margin: 0px 5px 0 0;
	padding: 0;
}
#main-body .body-table .right-rail {											/* right rail container */
	float: left;
	display: block;
	width: 393px;
	margin: 0;
	padding: 0;
}
#main-body .body-table .right-rail-inside {										/* right rail inside container */
	float: left;
	display: block;
	width: 200px;
	margin: 0px 0 0 0;
	padding: 0;
}





/******************************************************************************************************
												Footer styles 
******************************************************************************************************/
#footer {																		/* footer container */
	clear: both;
	width: 960px;
	display: block;
	margin: 0;
	padding: 0px 0 0 0;
}
#footer .footer {																/* footer area */
	color: #fff;
	font: normal 10px arial,helvetica,sans-serif;
	text-align: center;
	margin: 0;
	padding: 5px 0 0 0;
}
#footer .footer a {																/* footer link */
	color: #fff;
	text-decoration: none;
	padding: 0 12px;
}
#footer .footer a:hover {
	text-decoration: underline;
}
#footer .footer p {																/* footer padding */	
	margin: 0;
	padding: 0 0 0px 0;
}
#footer .footer-bg {															/* footer background */
	background: url("/share/images/footer_bottom.jpg") transparent;
	height: 36px;
	margin: 0;
	padding: 0;
}



/******************************************************************************************************
												Header styles 
******************************************************************************************************/
#header {																	/* header container */
	width: 954px;
	height: 228px;
	display: block;
	margin: 0;
	padding: 0 3px 0px 3px;
	position: relative;   
}


/***************************************************
			header nav elements
***************************************************/
#header .nav {																	/* header nav */
	color: #fff;
	font: bold 11px arial,helvetica,sans-serif;
	text-align: left;
	margin: 0;
	padding: 9px 6px 0 6px;
}
#header .nav a {																/* header nav link */
	color: #fff;
	text-decoration: none;
	padding: 0 6px;
}
#header .nav a:hover {
	color: #fff;
	text-decoration: underline;
}
#header .nav-bg {																/* header nav background */
	display: block;
	width: 954px;
	height: 32px;
	background: #FFFFFF url("/share/images/share_nav.jpg");
	margin: 0 0 0px 0;
	padding: 0;
}
 

/***************************************************
					masthead
***************************************************/
#header .masthead {																/* masthead image */
	background: #172552;
	width: 645px;
	height: 193px;
	margin: 0px 0px 0 0;
	padding: 0px 0px 0 0;
	float: right;
	position: relative;
	border-top: 3px solid #FFFFFF;
}

#header .masthead .credit {														/* masthead photo credit */
	color: #fff;
	font: bold 10px arial,helvetica,sans-serif;
	text-align: right;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 180px;
	top: 170px;
}
#header .masthead .credit a {													/* masthead photo credit link */
	color: #fff;
	padding: 0 6px;
}

/*** masthead nav column ***/
#header .masthead .nav-col-a {													/* masthead nav column */
	float: right;
	color: #fff;
	font: bold 14px arial,helvetica,sans-serif;
	text-align: left;
	text-transform: uppercase;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0; 	
	margin: 0;
	padding: 0 0 0 10px;
	width: 160px;
	margin-right: -160px;
}
#header .masthead .nav-col-a a {													/* masthead nav colum link */
	color: #fff;
	text-decoration: none;
}
#header .masthead .nav-col-a a:hover {
	color: #fff;
	text-decoration: none;
}
#header .masthead .nav-col-a img {												/* masthead nav column image */
	vertical-align: middle;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0; 	
	margin: 0;
	padding: 2px 5px 2px 2px;
}
#header .masthead .nav-col-b {	
	float: right;
}
#header .masthead .nav-bg {													/* url("/images/misc/bg_logo.gif") masthead nav column background */
	background: #FFFFFF;
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30; 
	width: 160px;
	height: 30px;
	margin: 7px 0 0 0;
	padding: 0;
}
#header .masthead .nav-text {	
	position: relative;
	width: 160px;
	padding: 0px 0 0 0;
	margin: 7px 0 0 0;
	}
/*#header .masthead .nav-text img {
	margin: -7px 0 0 0;
	}*/


/******************************************************************************************************
										Logo, Search and Weather styles 
******************************************************************************************************/
#logo {	 
	background: #FFFFFF;																	/* account container */
	width: 306px;
	
	color: #fff;
	font: bold 12px arial,helvetica,sans-serif;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	border-top: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
}
#logo a {																	/* account link */
	color: #fff;
	text-decoration: none;
}
#logo a:hover {
	color: #fff;
	text-decoration: underline;
}

.date { 
	text-align: right; 
	color: #fff;
	margin: 0px;
	padding: 0px;
	font: 12px arial,helvetica,sans-serif;
	position: absolute;
	top: 3px;
	right: 5px;
}

.registration { 
	background: url("/images/logo/registration_bg.jpg") no-repeat top center;
	height: 19px;
	color: #fff;
	font: 11px arial,helvetica,sans-serif;	
	margin: 0;
	padding: 2px 0px 0px 0px;

}

.regleft { 
	float:left;
	text-align: left; 
	color: #fff;
	font: 11px arial,helvetica,sans-serif;
	margin: 0px 0 0px 0px;
	padding: 0px 0px 0px 5px;
}

.regright { 
	float:right;
	text-align: left;
	color: #fff;
	font: 11px arial,helvetica,sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 21px 0px 0px;
}
 
/***************************************************
			search module
***************************************************/
.search {	
	width: 306px;															/* search container */
	float: left;
	margin: 0px 0 0px 0;
	padding: 0px 0px 0px 0px;
	display: block;	
	height: 37px;
	background: #354576 url(/images/logo/search_box_bg.jpg) no-repeat top;
	position: relative;
}
.search form {															/* search form */
	margin: 0;
	padding: 0;
}
.search .search_img {																/* search button */
	float: right;
	margin: 0px 0px 0 1px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.search .search_text {													/* search form input */
	color: #FFF;
	font: normal 8px arial,helvetica,sans-serif;
	text-align: left;
	margin: 0px 0px 0 0;
	position: absolute;
	bottom: 5px;
	right: 5px;
}	

.search .search_text input {
	font-size: 9px;
	height: 12px;
	width: 170px;
	padding: 2px 9px 2px 3px;
	margin: 0px 5px 0 0;
	border: 0px solid #20336a;
	color: #000000;
}

.search .search_radio {
	padding: 12px 0 0 4px;
}
.search .search_radio input {
	
}

/***************************************************
					weather module
***************************************************/
#logo .weather {													/* weather container */
	display: block;
	height: 36px;
	background: #172552 url(/images/logo/weather_bg.jpg) no-repeat top;
	margin: 0;
	padding: 6px 0 0px 0;
	font: bold 12px arial,helvetica,sans-serif;
	clear: left;
}
#logo .weather h1 {													/* weather degree */
	float: left;
	color: #fff;
	font: bold 30px arial,helvetica,sans-serif;
	text-align: left;
	margin: 0px 0px 0 0;
	padding: 0px 10px 0 0;
}
#logo .weather img {												/* weather image */
	float: left;
	border: 1px solid #fff;
	margin: 0px 10px 0 7px;
	padding: 0px 0 0 0;
}



	
/*******************************************************************************
* SPOTTED SYTLES
*******************************************************************************/
.spottedtop{
background: url('/share/images/spottedtop.jpg') no-repeat top center;
}

.spottedmid{
background: url('/share/images/spottedmain.jpg') repeat-y top center;
}

.spottedbottom{
background: url('/share/images/spottedbottom.jpg') no-repeat bottom center;
}


#spotted_left {
	width: 410px;
	float: left;
	text-align: center;
	border-top: 1px solid #474a75;
	border-left: 1px solid #474a75;
	margin: 10px 20px 10px 20px;
	/*padding-bottom: 20px;*/
}

#spotted_left h2{
	text-align: left;
	border-bottom: 2px solid #474a75;
	padding: 5px 0px 5px 5px;
	margin-top: 0px;
	color: #474a75;
	font: 14px arial,helvetica,sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

#spotted_right {
	width: 300px;
	float: right;
	margin: 10px 30px 10px 0px;
	text-align: center;
	border-top: 1px solid #821600;
	border-left: 1px solid #821600;
	/*padding-bottom: 20px;*/
}

#spotted_right h2{
	text-align: left;
	border-bottom: 2px solid #821600;
	padding: 5px 0px 5px 5px;
	margin-top: 0px;
	color: #821600;
	font: 14px arial,helvetica,sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

#spotted_left .gallery {
	float: left;
	display: block;
	height: 140px;
	width: 30%;
	vertical-align: top;
	margin: 5px;
}

#spotted_right .gallery {
	float: left;
	display: block;
	height: 140px;
	width: 45%;
	vertical-align: top;
	margin: 5px;
}

.gallery img {
	margin: 5px;
	position: relative;
}