﻿ /* -----------------------------------------------
Site Basics
----------------------------------------------- */
 * {
    margin: 0;
    padding: 0;
}
	
html{
    height: 100%;
}

body 
{
   height: 100%;
   min-width:970px;
   font-family:  Verdana, sans-serif;
   font-style: normal;
   font-weight:normal;
   font-size: small;
   background-color: #5283C0;
   cursor:default;
}

hr
{
    clear:both;
    color: #5283C0;
    margin-top:25px;
}

ul , ol
{
    padding-left:25px;
}

ol
{
    padding-left:35px;
}

li
{
    font-weight:bold;
}

li p, .listNormal li
{
    font-weight:normal;
}

.hilight
{
    background-color: lime;
    font-weight:bold;
}


/* -----------------------------------------------
Site Text
----------------------------------------------- */
p
{
  padding-top: 5px ;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
  
}

p strong
{
  font-size: 0.9em;
}

p.spacer
{
 padding: 0px;
 height: 5px;
}

p.spacer2
{
 padding: 0px;
 height: 10px;
}

h1
{
  color:#AF3131;
  font-size: 1.25em; 
  font-weight: bold;  
}

h2
{
  font-size: 110%; 
  color:Navy;
  background: url("../../World-Travel/images/4point.png") 0 no-repeat;
  background-position: 0 center;
  padding: 3px 20px 0px 20px;
 }
 
.h2home
{
  padding-top: 10px;
  padding-bottom: 5px;
}



h3
{
    font-family:  Verdana, sans-serif;
    color:Navy;
    font-weight:bold;
    font-size:100%;
    border-bottom: dotted 2px navy;
    margin-bottom: 2px;
    padding-top: 10px;
    padding-bottom: 2px;  
}

h5
{
    font-weight:bold;
    font-size:90%;
    padding-top: 10px;
    padding-bottom: 0px;    
}

h4
{
    color:Gray;
    font-weight:normal;
    font-size:85%;
}

blockquote h5, .bottomline h5, .toptip h5
{
    display:inline;
    font-weight:bold;
    font-size:90%;
}

/* -----------------------------------------------
Forms (and tables)
---------------------------------------------- */
.formtable
{
    margin-left:auto;
    margin-right:auto;
}

.formtable td
{
    padding:2px;
}


#fishtbl td
{
 padding:20px;
}

.formbtn
{
    text-align:right;
}

.validationSummary
{
    padding-top: 3px;   
    padding-bottom: 3px;
    text-align:center;
}
.validationSummary ul
{
    display:none;    
}

 
.formtxt
{
  text-align:right;
  white-space:nowrap;
  vertical-align:top;
}

.formtxttop
{
  text-align:right;
  vertical-align:top;
}
 
/* -----------------------------------------------
Site Layout
----------------------------------------------- */

#container
{
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -130px; /* important same setting 1 of 3 */
}

.header
{
    /*background-image: url(../../World-Travel/DrawVertGradient.aspx?innercolor=%235283C0&outercolor=white&height=4&style=SingleDown);
    background-repeat:repeat-x;*/
    height: 53px;
    text-align:right;
    padding-right:10px;
    padding-left:10px;
}

.rightcontainer
{
    float: right;
    width: 190px;
    padding: 0 10px;
}

.contentcontainerWithRight
{
   margin-top:15px;
   margin-right: 210px;
   padding-left: 10px;
   padding-top: 10px;
}
   
.contentcontainerWithoutRight
{
   margin-top:15px;
   padding-left: 10px;
   padding-top: 10px;
   padding-right: 10px;
}

.contenttitle
{
  background-image: url(../../World-Travel/DrawVertGradient.aspx?innercolor=%23B4BC95&outercolor=white&height=36&style=SingleDown);
  background-repeat:repeat-x;
  height:23px;
  color:#AF3131;
  font-size: 115%; 
  font-weight: bolder;
  padding-left: 10px;    
}


.footerblock
{
    height: 130px;    /* important same setting 2 of 3 */
}

.footercontainer
{
    height:130px;  /* important same setting 3 of 3 */
    /*background-image: url(../../World-Travel/DrawVertGradient.aspx?innercolor=%235283C0&outercolor=white&height=50&style=SingleUp);
    background-repeat:repeat-x;*/
}

#footer
{
/*    padding-left:10px;*/
}

/* -----------------------------------------------
Site Logos
----------------------------------------------- */

#contentlogo
{
   float:right;
   margin-top: -32px;
   margin-right: 5px;
   padding: 0px;
}


#logo
{
   float:left;
   margin-left:13px;
   margin-top:8px;
}

/* -----------------------------------------------
Nav bars
---------------------------------------------- */

#topnav
{
    padding-top:8px;
    /*    position:absolute;
    margin-left:-447px;*/

    
}


#topnav a 
{
    color : #0060BF;
    font-size:85%;
    font-weight: bold;
}

#topnav span{
    color:#0060BF;
}

#bottomnav {
    text-align:center;
    padding-bottom:10px;
    padding-top:10px;
}

#bottomnav span{
    color:#0060BF;
}

#bottomnav a 
{
    color:#0060BF;
    font-size:85%;
}

.divAdminNav 
{
    padding:1px;
    background: #FFFACD;
    margin-left:-10px;
    padding-left:20px;
    font-size:75%;
}
div.divAdminNav a 
{
    font-size:100%;
}

/* -----------------------------------------------
Input Boxes
---------------------------------------------- */
   
input[type=text]
{
   width:175px;
}

input[type=password]
{
   width:175px;
}        

/* -----------------------------------------------
Links
----------------------------------------------- */
a
{
  font-family:  Verdana, sans-serif;
}

a:link 
{
  color: #0060BF;
  }
a:visited 
{
  color: #0060BF;
  }
 
a:hover 
{
  color: #69702A;
  text-decoration:none;
  }
a img {
  border-width:0;
  }
  
#topnav a:link 
{
  color: #FFFFFF;
  font-weight:bold;
  }

#topnav a:visited 
{
  color: #FFFFFF;
  font-weight:bold;
  }

#topnav a:hover 
{
  color: #FFFFFF;
  font-weight:bold;
  }


#bottomnav a:link 
{
  color: #FFFFFF;
  font-weight:bold;
  }
  
#bottomnav a:visited 
{
    color: #FFFFFF;
    font-weight:bold;
}

#bottomnav a:hover 
{
    color: #FFFFFF;
    font-weight:bold;
}

/*Remove dotted borders in FF */  

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

.menuLinks
{
    display:block;
    padding:2px;
}

.menuLinksInline
{
    padding:2px;
    font-size:100% !important;
}


.postLinkCount
{
    font-size:x-small  !important;
    font-weight:bold  !important;
    text-decoration:none ;
    color:#4c7cb0  !important;
    vertical-align:middle  !important;
}   

.usernameLink
{
    font-family:  Verdana, sans-serif;
    font-weight :bold;
    color: #F3ED1F !important;

}

.placeToSeeCanvas
{
    border:1px solid #7f9db9;
}


/* -----------------------------------------------
Google Maps
----------------------------------------------- */

.mapCanvas
{
    border:1px solid #7f9db9;
    position: relative;
}

.mapBkgrd
{
  margin-left:auto;
  margin-right:auto;
  background-image: url(../../World-Travel/images/MapBackGround.gif);
  background-repeat:no-repeat;
  height:465px;
  width:950px;

}
.mapPond
{
    margin-left: auto;
    margin-right: auto;
    position:relative;
    top: 23px;
}

/* -----------------------------------------------
Blog style posts & block quotes 
for long article pages with images 
----------------------------------------------- */
.post, .postnprint
{
float: left;
margin-top: 8px ;
margin-bottom: 4px ;
margin-left: 0px ;
margin-right: 10px ;
background-color: #fff;
padding: 5px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}


div.post img, .postnprint img
{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}

div.post p , div.postnprint p
{ 
  text-align:left;
  margin: 0px;
  padding: 0px 3px;
  margin-top: 2px;
  font-style:italic;
  font-size:80%;
}

.multiline
{
    text-align:justify !important;
}

blockquote 
{
/*background: url("../../World-Travel/images/quote.png") 5% no-repeat;
background-position:-10px -7px;*/
background-color: #cfd5bb;
border: 1px solid #778059;
padding: 5px 20px 5px 20px;
text-align:center;
margin: 20px 20px;
font-weight:normal;
}

.bottomline
{
/*    background: url("../../World-Travel/images/bline.png") 5% no-repeat;
    background-position:-10px -7px;*/
    background-color: #cfd5bb;
    padding: 5px 20px 5px 20px;
    border: 1px solid #778059;
    text-align:center;
    margin: 20px 20px;
    font-weight:normal;
}

.toptip
{
/*    background: url("../../World-Travel/images/bline.png") 5% no-repeat;
    background-position:-10px -7px;*/
    background-color: #cfd5bb;
    padding: 5px 20px 5px 20px;
    border: 1px solid #778059;
    text-align:center;
    margin: 20px 20px;
    font-weight:normal;
}

.checkboximg
{
    margin-right:5px;
    margin-bottom:-1px;
}
.checkListTable
{
	margin-left:auto;
	margin-right:auto;
}

.checkListText
{
	display:inline;
	background: #fff;
    position: relative;
    top:10px;
  	padding-right:3px;
  	white-space: nowrap;
}

.checkListDots
{
	display:block;
	border-bottom: black 1px dotted;
	height: 25px;
	width:100%;
}

.checkListBox
{
    display:block;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    width: 25px;
    border-bottom: black 1px solid;
    height: 25px;
    background: #fff;
    margin-left:3px;    
}

.scrollingdiv
{
    padding-left:4px;
    height:250px;
    BORDER:1pt solid  #CADBED;
    overflow: auto;
    overflow: -moz-scrollbars-vertical;
    overflow-y: auto;
    overflow-x: auto;
    position: relative;
}

.topicname
{
    background-color: #CFD9E6;
    padding:5px;
    margin:3px;
}

.topicname a
{
    color:black;
    font-size:large;
    text-decoration:none;
}


.postsContainer
{
    padding-left:2px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
    border: solid 1px #999999;
    margin-top:5px;
    margin-bottom:5px;
    background-color:#CFD9E6;
}

.postsBubbles
{
    margin-left:75px;
    margin-top:-7px;
    background:url("../../World-Travel/images/bubbles.png")  no-repeat;
}

.postsTable
{
    width:100%;
}

.postsColFish
{
    vertical-align:top;
    width:90px;
    text-align:left
}


.postsColFishInner
{
    text-align:center;
    white-space:nowrap;
}

.postsColText
{
    vertical-align:top;
    padding-top:3px;
    width:100%
}

.h2pad
{
margin-top:3px;
margin-bottom:3px;
}

.directmessage
{
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
background-color:#EEEEEE;
border:solid 1px #CCCCCC;
}

.directmessageClear
{
vertical-align:bottom;
margin-left:3px;
}

.forumToolBar
{
    margin-top:3px;
    margin-bottom:3px;
    width:100%;
    border:solid 1px #999999;
}


.postmini
{
float: left;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
margin-right: 6px ;
margin-top: 6px ;
padding:2px;
}


.strongHeader
{
    background-color: #CFD9E6;
    padding:5px;
    border:solid 1px #999999;
}


.strongTitle
{
    color:black;
    font-size:large;
}



