/* text styles*/
/*******************************************************

Set Font Size With Em

To avoid the resizing problem with Internet Explorer, many developers use em instead of pixels.

The em size unit is recommended by the W3C.

1em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px.

The size can be calculated from pixels to em using this formula: pixels/16=em
h1 {font-size:2.5em;}  40px/16=2.5em 
h2 {font-size:1.875em;}  30px/16=1.875em 
p {font-size:0.875em;}  14px/16=0.875em 

||ref--> http://www.w3schools.com/CSS/css_font.asp
||ref--> http://www.w3.org/QA/Tips/font-size
*******************************************************/

body {
font-size:100%; /* causes IE to properly scale em sized text ||ref--> http://www.w3schools.com/CSS/css_font.asp */
background-color:#90c8d2;
}

:link img, :visited img { border-style:none; }

/*text styles body*/

b{font-size: 110%;}

div.body_text{
font-family: Georgia;
background-color: #ffffff;
color: #000000;
text-decoration: none;
word-spacing: 0.15em;
text-align: left;
line-height: 1.4em;
font-size:1.05em;
margin:0;
/*width:340px;*/
float:left;
min-height:750px;
}

div.body_text_ad{ /* same as div.body_text except width is deleted */
font-family: Georgia;
background-color: #ffffff;
color: #000000;
text-decoration: none;
word-spacing: 0.15em;
text-align: left;
line-height: 1.4em;
font-size:1.05em;
margin:0;
float:left;
}

.bus_contact_info{
padding:0 20px 0 10px;
font-family: Arial;
color: #000000;
text-decoration: none;
word-spacing: 0.15em;
text-align: left;
font-size:1.3em;
margin:0;
line-height: 2em;
}

.body_para{
padding:0 20px 0 10px;
}

body a:link {
text-decoration: none;
color: #015666;
}

body a:visited {
text-decoration: none;
color: #5fbdce;
}

body a:active {
text-decoration: none;
color: #5fbdce;
}

body a:hover {
text-decoration: none;
color:#a61000;
background-color:#efefef;
}

/*end text styles body*/

/*text styles green nav*/

.green_nav{
font-family:arial;
color:#ffffff;
font-size:1em;
text-decoration: none;
}

a.green_nav:link{
font-weight:bold;
font-size:110%;
color:#015666;
text-decoration: none;
}

a.green_nav:visited{
font-weight: bold;
color:#a67200;
text-decoration: none;
}

a.green_nav:active{
text-decoration: none;
color:#015666;
}

a.green_nav:hover{
text-decoration: none;
color:#ffd373;
}

/*end text styles green nav*/

.advertisement {
color: #cccccc;	
font-family: arial,sans-serif;
font-size:.7em;	
font-weight: normal;
letter-spacing: 0.1em;
margin: 20px 15px 10px 15px;		
text-transform: uppercase;
border-bottom: 1px solid #cccccc;
}

.advertisementFooter {
color: #cccccc;	
font-family: arial,sans-serif;
font-size:.7em;	
font-weight: normal;
letter-spacing: 0.1em;
padding-left:170px;
text-align:left;
margin: 20px 15px 10px 15px;		
text-transform: uppercase;
border-bottom: 1px solid #cccccc;
}


.headerlink{

}
.header {
color: #015666;	
font-family: arial,sans-serif;
font-size:1.4em;	
font-weight: bold;
letter-spacing: 0.1em;
margin: 20px 15px 0em 15px;
border-bottom:3px dotted #A61000;
}

a.headerlink:link {
text-decoration: none;
color: #015666;
}

a.headerlink:visited {
text-decoration: none;
color:  #015666;
}

a.headerlink:active {
text-decoration: none;
color: #A61000;
}

a.headerlink:hover {
text-decoration: none;
color:#A61000;
}

h1.mainH1 {
font-family: Georgia;
background-color: #ffffff;
color: #015666;
text-decoration: none;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 2.3em;
font-weight:normal;
padding: 20px 10px 0 10px;
margin:0;
}

.storyHeadline {
font-family: Georgia;
background-color: #ffffff;
color: #015666;
text-decoration: none;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.7em;
font-weight:normal;
padding: 20px 10px 0 10px;
margin:0;
}
/*end text styles*/


/*decorative elements*/

hr {
color: #cccccc;
background-color:#cccccc;
width: 100%;
border-style:double;
border-width:1px;
}

/*end decorative elements*/


/*top navigation*/
#containNav_Top{ /* this holds a 100 width space for the menu while the menu itself is narrowed and floated to the left */
border:thin solid white;
position:relative;
top:-147px;
}

#nav_top {
  float:right;
  /* width:41em;  change this if words are changed in menu */
  font-size:1.2em;
  line-height:normal;
  background: #ffffff;
  padding:.4em 0 .4em .5em;
  text-align:left;
  }
  
 
#containSecond_nav{ /* this holds a 100 width space for the menu while the menu itself is narrowed and floated to the left */
position:relative;
top:152px;

}
/* -- these block areas allow us to off set the menus relatively up and down so the drop down menu on the top menu is above the lower menu */
#blockTopMenuArea{
width:100%;
height:3.5em;
}
#blockLowerMenu{
width:100%;
height:3.3em;
}

#second_nav {
  font-size:1.2em;
  line-height:normal;
  background: #ffffff;
  padding:0;
}

/*end top navigation*/



#maincontainer{
width: 1088px; /*Width of main container*/
margin: 0;
background: #ffffff;
border-width:10px;
border-style:solid;
border-color:#ffffff;
}

#topsection{
background: #fffff;
width:1088px;
padding-top: 1em; 
margin:0;
z-index:15;
}

#logo_topbanner{
  height:90px;
  line-height:normal;
  background: #ffffff;

  }
  
#topsection h1{
margin: 0
}


#content-container{
width: 1088px;
background: #ffffff ;

}
#List_content-container{
float: left;
width: 1088px;
background: #ffffff ;
}

/* begin remove before publish
#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 380px 0 180px;
Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth
}
 end remove before publish */ 

#content
{
float: left;
width: 526px;
padding: 0;
margin: 0;
display: inline;
}

#contentListPages /* similar to #content but for page with advertiser lists */
{
float: left;
width: 520px;
padding: 0;
margin: 20px 0 0 0;

}

#content_advertiser{
float: left;
background-image:url(../images/website/SectionBackGround.jpg);
height: 300px;
width: 905px;
padding: 0;
margin: 0;
}

#main_photo_slide_show{

border-bottom:15px solid #a61000;
float: left;
height: 300px;
width: 905px;
padding: 0;
margin: 0;
}

.mainSlideShow{
border-bottom:15px solid #a61000;
position:absolute;
left:200px;
top:220px;
}

.mainImage{
}

#leftcolumn{
float: left;
padding: 20px 0;
margin: 0;
display: inline;
width: 180px; /*Width of left column in pixel*/
background: #ffffff;
border-right:3px solid #ffffff;
}

#rightcolumn{
float: right;
width: 379px;
padding:0;
margin:0;
display: inline;
}


#rightcolumnList{ /* similar to #rightcolumn except used for listing pages */
float: right;
width: 379px;
padding:0;
margin:0;
display: inline;
}

#greenIcons{
width:378px;
margin:0;
padding:0;
background-color:#ffb000;
height:300px;
border-bottom:15px solid #a61000;

}

.IconBoarder{
border-right:thin dashed white;
width:114px;
height:290px;
padding: 5px 5px 0px 5px;

}

.IconNoBoarder{
width:114px;
height:290px;
padding: 5px 5px 0px 5px;

}

.iconImage{
width:96px;
margin-top:15px;
margin-bottom:0;
margin-right:auto;
margin-left:auto;
}


#connect_with_us{
font-family: arial, san-serif;
font-size: 1em;
color: #015666;
margin: 20px 15px 0 15px;
}

#AdBlock {
padding-left: 15px;

}

.smAd{


}
#footer_ad{
clear: left;
width: 100%;
text-align: center;
margin-bottom:10px; /* used to lift the footer above the bottom tool bar */
}

#footer{
clear: left;
width: 100%;
text-align: center;
margin-top:20px; /* used to lift the footer away from footer ad */
padding-bottom: 20px; 
}

.footer_text{
font-family:arial;
font-size:1.7 em;
color:#ffffff;
text-decoration: none;
}

.footer_text a:link{
color:#ffffff;
text-decoration: none;
}

.footer_text a:visited{
color:#206876;
text-decoration: none;
}

.footer_text a:hover{
color:#333333;
text-decoration: none;
}

/* begin remove before publish

.innertube{
margin: 0px; Margins for inner DIV inside each column (to provide padding)
margin-top: 0px;
}
 end remove before publish */ 


/* begin OAS / Yahoo ad styles */

.tour-guide-logo{
/* this div forces the logo to the left so the oas ad can go to the right */
width:360px;
height:90px;
float:left;
display:inline;

}
.OASLeft{
width:160px;
height:600px;
margin:0;
padding: 10px 10px 0 10px;
text-align:center;
}
.topsmAds{
width:300px;
height:100px;
margin:10px 0 5px 0;
border:thin solid black;
padding;3px;
}
.btmsmAds{
width:300px;
height:100px;
margin:5px 0 5px 0;
border:thin solid black;
padding;3px;
}

.OAS_Square{
border:thin solid black;
padding;3px;
width: 300px;
height:250px;
}
.OASTOP{
float:right;
width:728px;
}
.OASbottom{
width:728px;
height:90px;
margin-top:5px;
margin:auto; /*  margin auto center the object */
}

/* end OAS / Yahoo ad styles */

/* begin styles for javascript text ads */

.t {background: url(../images/website/corners/dot.gif) 10px 0 repeat-x; width:178px}
.b {background: url(../images/website/corners/dot.gif) 0 100% repeat-x}
.l {background: url(../images/website/corners/dot.gif) 0 0 repeat-y}
.r {background: url(../images/website/corners/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/website/corners/bl.jpg) 0 100% no-repeat}
.br {background: url(../images/website/corners/br.jpg) 100% 100% no-repeat}
.tl {background: url(../images/website/corners/tl.jpg) 0 0 no-repeat}
.tr {background: url(../images/website/corners/tr.jpg) 100% 0 no-repeat;padding:5px;}

div.textAds{
float:right;
width:178px;
margin:20px 0 0 10px;
}

.roundAd{
margin:4px 0 4px 0;
}
.textAddiv{
margin:0 0 20px 0;
}

.textAdHeaderLine{
font-family:arial;
font-size:1.7 em;
color:#A61000;
font-weight:bold;
text-decoration: none;
}

.textAdpara{
font-family:arial;
  font-size:.9em;
  color:#666666;
text-decoration: none;
}

.textAdhighLight{
color:#206876; 
font-size:120%;
text-decoration: none;
}

a.textAdhighLight:hover{
color:#37B6c3; 
font-size:120%;
text-decoration: none;
}

/* end styles for javascript text ads */

/* begin styles for connect-with-us */
.addthis_default_style a:link {
text-decoration: none;
color: #015666;
}
.addthis_default_style a:visited {
text-decoration: none;
color: #333333;
}
.addthis_default_style a:hover {
text-decoration: underline;
color:#A61000;
}
.addthis_default_style a:active {
text-decoration: none;
color: #015666;
}
/* end styles for connect-with-us */


/* begin styles for Advertiser link Column contained in #rightcolumnList */
.siteLocation{
}

#AdvertisersListArea{
/* wraps all the advertisers in the list */
margin: 20px 0 0 0px;
height: 600px;
overflow:auto;
width: 370px;

}

.listAdvertiser{
/* div wraps each individual advertiser */
margin:5px 0 0 15px;
border-bottom:medium solid #eeeeee;
padding:0 0 5px 0;
width:320px;
overflow:auto;
}
.listAdvertiserLogo{
/* a span containing the logo that will be scaled down */
width:120 px;
float:left
margin:2px
}
.listAdvertiserPara{
/* a span that wraps the text information for the advertiser */
width:190px;
float:right;
margin:2px;
font-size:0.85em;
}

.A_listAdvertiserPara{
width:310;
margin:auto;
font-size:0.85em;

}
.free_listAdvertiserPara{
width:310;
margin:auto;
font-size:0.85em;
color:#616D7E;
}
.listAdvertiserLink{
/* a paragraph with a link to their intro page in HomerAlaska.com */
margin:0;
}

.listAdvertiserIntro{
/* a paragraph with a very short description of the business */
margin:0;
}
.listAdvertiserEmail{
/* a paragraph with an email lin */
line-height: 1;
margin:0;
}


/* end styles for Advertiser link Column */

/* begin styles for Advertiser page */

.busName {
font-family: Georgia;
background-color: #ffffff;
color: #015666;
text-decoration: none;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 2.3em;
padding: 20px 10px 0 10px;
margin:0;
}
/* map styles */

#mapContain{
position:relative;
height:620px;

}

#side_bar{
position:absolute;
right:0;
top:10px;
height:600px;
width:220px;
}
#theMap_canvas{
position:absolute;
left:0;
top:10px;
height:600px;
width:850px;
}

.mapInfoBox{
width:250px;
}
.mapDropDown{
border:thin solid black;
padding:4px;
}

/*** Begin Slide show image styles **/
/*** 
    Simple jQuery Slideshow Script
    Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
***/

#slideshow {
    position:relative;
    height:300px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
/*** end Slide show image styles **/


/*** begin becoming alaskan styles **/

div.becomingAlaskan{
	background: url(becomingAlaskan.jpg) 0 0 no-repeat;
	width:903px;
	height:300px;
}
H1.becomingAlaskanH1{
font-family: Georgia;
color: #ffffff;
text-decoration: none;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 2.3em;
font-weight:normal;
padding: 20px 10px 0 10px;
margin:0 0 0 25px;
}


#becomingAlaskanImg {
float:right;
width:288;
margin:0 0 5px 5px;
}

p.becomingAlaskanP{
color: #ffffff;
text-align: left;
font-size: 1.5em;
margin-left:25px;
margin-right:35px;
}

/*** end becoming alaskan styles **/