﻿/* Base Page */
* { margin: 0; padding: 0;}
body { font-family: verdana, arial sans-serif; font-size: 75%; line-height: 125%; background: #edf5ff; color: #333333; }
#container { position: relative; min-height: 100%; margin-left: auto; margin-right: auto; text-align: left; background: #d1e5fd url(../gfx/PN3_body.gif) center top repeat-y; width: 966px; }

/* Login Links */
#accountinf { float: right; margin-top: -110px; margin-right: 10px; font-size: 90%; color: #ffffff; font-weight: bold;}
#accountinf a { text-decoration: none; color: #ffffff; }
#accountinf a:hover { text-decoration: underline; border-bottom-color: #006AEE; }

/* For page height = 100% */
html, body { height: 100%; }
* html #container { /* IE Hack */ height: 100%; }

/* Page Background */
#pageHeaderbottom { background: url(../gfx/banners/PN3_headerV3_bt.jpg) center top no-repeat; height: 82px; }

/* Basic Formatting */
p.centerContent { text-align: center; }
img.center_img { display: block; margin-left: auto; margin-right: auto; }
li.std { margin-left: 30px; }
a { font-weight: bold; color: #006AEE; }
.header3 { font-weight: bold; font-size: 125%; }
p.centertitle { text-align: center; font-weight: bold; font-size: 125%; padding-bottom: 3px;}


/* Header Menu Group */
#topmenugroup { position: absolute; top: 130px; left: 0px; }
#topmenu_ul a { display: block; overflow: hidden; }
#topmenugroup li { position: absolute; top: 0px; text-indent: -9999px; list-style-type: none; }
#topmenugroup a:hover { border-bottom:  2px solid #5ab100; padding-bottom: 3px; }
li#topmi1 { left: 0px; width: 54px; height: 23px; background: url(../gfx/btn_home.gif) no-repeat 0 0; }
li#topmi2 { left: 54px; width: 61px; height: 23px; background: url(../gfx/btn_geotours.gif) no-repeat 0 0; }
li#topmi3 { left: 116px; width: 65px; height: 23px; background: url(../gfx/btn_mytravels.gif) no-repeat 0 0; }
li#topmi4 { left: 180px; width: 61px; height: 23px; background: url(../gfx/btn_thanks.gif) no-repeat 0 0; }
li#topmi5 { left: 241px; width: 63px; height: 23px; background: url(../gfx/btn_aboutme.gif) no-repeat 0 0; }
li#topmi6 { left: 304px; width: 68px; height: 23px; background: url(../gfx/btn_otherstuff.gif) no-repeat 0 0; }

/* Main Section Group */
#mainColumn { float: left; width: 700px; padding: 0px 10px 0px 20px; margin-top: 10px;}
#sideColumn { float: left; width: 207px; margin: -55px 0px 0px 19px; display:inline;}
#botmenugroup { clear: both; }
#mainColumn p { margin-bottom: 10px; }
#mainColumn h3 { line-height: 19px; margin-bottom: 10px; font-size: 14px;}
#mainColumn h3.u { line-height: 19px; margin-bottom: 10px; font-size: 14px; text-decoration: underline;}

/* Footer Group */
#pageFooter { position: absolute; bottom: 0px; height: 180px; width: 966px; text-align: center; background: url(../gfx/PN3_Footer.jpg) no-repeat 0 100%; }
#clearFooter { padding-bottom: 180px; }
#footermenugroup { position: relative; top: 135px; font-variant: small-caps; font-size: 90%; color: #000000; }
#footermenugroup li { display: inline; list-style-type: none; padding-left: 5px; padding-right: 5px;}
#footermenugroup a { text-decoration: none; }
#footermenugroup a:hover { border-top:  2px solid #5ab100; }
#copyRight { word-spacing: normal; position: relative; top: 135px; font-variant: small-caps; font-size: 90%; font-family: "Times New Roman", Times, serif; text-align: center; color: #000000; }

/* SideBar Group */
img.sidebar_img { display: block; margin-left: auto; margin-right: auto; padding: 7px; border: solid 1px #8bcffa; }
img.sidebar_img2 { display: block; margin-left: auto; margin-right: auto; border: solid 1px #8bcffa; }
img.sidebar_ico { float: left; padding-right: 10px; }
p.sidebarTitle { font-family: "Times New Roman", Times, serif; text-align: center; color: #ffffff; font-size: 100%; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
p.sidebarMore { text-align: right; font-weight: bold; font-size: 90%; }
p.sidebarMore a:link { color: #ffff00; text-decoration: none; }
p.sidebarMore a:visited { color: #ffff00; text-decoration: none; }
p.sidebarMore a:hover { color: #ffff00; text-decoration: underline; }
p.sidebarText { text-align: left; color: #ffffff; font-size: 90%; line-height: 110%; margin-top: 5px; margin-bottom: 5px; }
p.centerContent { text-align: center; }
div.sideBarIcon { vertical-align: top; }
p.sidebarLink { font-weight: bold; font-size: 110%; }
p.sidebarLink a:link { color: #ffff00; text-decoration: none; }
p.sidebarLink a:visited { color: #ffff00; text-decoration: none; }
p.sidebarLink a:hover { color: #ffff00; text-decoration: underline; }
p.sidebarLogo {	margin-top: 10px; margin-bottom: 5px; }

p.sidebarOLink { font-weight: bold; font-size: 85%; text-align: center;}
p.sidebarOLink a:link { color: #ffff00; text-decoration: none; }
p.sidebarOLink a:visited { color: #ffff00; text-decoration: none; }
p.sidebarOLink a:hover { color: #ffff00; text-decoration: underline; }

img.imgcenter { margin-left: auto; margin-right: auto; display: block; }
.sidebarhr { margin-top: 10px; margin-bottom: 10px; border-bottom: dotted 1px #000000; border-collapse: collapse; }

/* Image Text List with dotted border */
ul.imgtextlist_ul { list-style-type: none; border-bottom: dotted 1px #000000; border-collapse: collapse; }
li.imgtextlist_li {	height: 160px; vertical-align: top;	text-align: left; padding: 5px; border-top: dotted 1px #000000; border-collapse: collapse; }
img.imgtextlist_img { float: left; padding: 7px; border: solid 1px #ffffff;	margin-top: 5px; margin-bottom: 5px; }
p.imagetextlistTitle { padding-top: 5px; margin-left: 190px; font-weight: bold; } 
p.imagetextlistDesc { margin-left: 190px; }
p.imagetextlistMore { text-align: right; font-weight: bold; font-size: 90%; }
p.imagetextlistMore a:link { color: #3333ff; text-decoration: none; }
p.imagetextlistMore a:visited { color: #3333ff; text-decoration: none; }
p.imagetextlistMore a:hover { color: #ffff00; text-decoration: underline; }

/* Image Text List Box with outer dotted border */
li.imgtextlistbox_li { height: 150px; vertical-align: top; text-align: left; padding-left: 5px;	padding-right: 5px; border-top: dotted 1px #000000; border-left: dotted 1px #000000; border-right: dotted 1px #000000; border-collapse: collapse; }

/* Image Text List with no border */
li.imgtextlistnob_li { height: 150px; vertical-align: top; text-align: left; padding-left: 5px; padding-right: 5px; }

/* Large Image Centered with White Border */
img.imgtextlist_imgLG  
{
    display:block; /*images must be set to block in order use auto margins*/
    padding: 10px; border: solid 1px #888888;	margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; background-color: #ffffff; }


/* Misc Items */
#hr1 { margin-top: 10px; margin-bottom: 10px; }
.pixcaption { font-size: 85%; }
.info_src { font-size: 85% }

/* Tooltip */
a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:25px; left:-12px; padding:5px; font-weight:normal; color:#000; border:1px solid #ff0; background:#a2c0c9; width:150px; text-align: left;}
a.tooltip:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;}
a.tooltip:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #a2c0c9; overflow:hidden; z-index:100;}

.actlist2 {clear: both;}

/* Breadcrumb */
#breadcrumb { margin-bottom: 20px; margin-top: 5px; padding-left: 12px; font-weight: bold; font-size: 100%; background: url(/PN4/gfx/arrow.gif) no-repeat 0.1em 0.6em; }
.ul_goalslist { padding-bottom: 20px; }
.li_goalslist { padding-left: 25px; list-style: none; padding-top: 0px; padding-bottom: 5px; background: url(/PN4/gfx/arrow.gif) no-repeat 14px 6px; }

.ul_list1list { padding-bottom: 10px; }
.li_list1title { padding-left: 10px; list-style: none; padding-top: 0px; padding-bottom: 0px; font-weight: bold; }
.li_list1list { padding-left: 25px; list-style: none; padding-top: 0px; padding-bottom: 0px; background: url(/PN4/gfx/arrow.gif) no-repeat 14px 6px; }
.li_list1listlvl2 { padding-left: 35px; padding-top: 0px; padding-bottom: 0px; list-style-position: inside;}

.ul_listcol { float: left; width: 650px; margin: 0; padding: 0; list-style: none; }
.li_listcol { float: left; width: 130px; margin: 0; padding: 0; }

#cr_hd_img { float:right; width: 365px; margin: auto; padding-left: 10px;}
.cr_hd_img_txt { text-align: center; font-size: 80%; color: #FFFFFF; margin-top: -20px;}
.cr_hd_img { border: black solid; border-width: 5px 5px 25px 5px;}

.dottedline { border-bottom: dotted 1px #000000; }
.clearspace {  }

/* Message Boxes */
#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

/* Page Numbers */
.PageInd { clear: both; width: 700px; text-align: left; font-size: 125%; margin-top: 20px; }
.PageNumber { border:#555555 1px dotted; padding: 5px; margin: 2px; }
.PageNumber a { text-decoration: none; background-color: inherit; padding: 5px; }
.PageNumber a:hover { text-decoration: none;  background-color: #fff799; padding: 5px; }
.PageNumberCurrent { width: 16px; font-weight: bold; border:#555555 1px solid; padding: 5px; }

/* Sidebar Links Centered */
p.sidebarLinkC { font-weight: bold; font-size: 110%; text-align: center;}
p.sidebarLinkC a:link { color: #ccff00; text-decoration: none; }
p.sidebarLinkC a:visited { color: #ccff00; text-decoration: none; }
p.sidebarLinkC a:hover { color: #ccff00; text-decoration: underline; }

/* Blue Box Table A */
.box-table-a { margin: 15px; width: 675px; text-align: left; border-collapse: collapse; }
.box-table-a th { font-size: 13px; font-weight: normal; padding: 8px; background: #b9c9fe; border-top: 4px solid #aabcfe; border-bottom: 1px solid #fff; color: #039; }
.box-table-a th.rowhr { font-weight: bold; text-align: right; }
.box-table-a th.rowhl { font-weight: bold; text-align: left; }
.box-table-a td { padding: 8px; background: #e8edff;  border-bottom: 1px solid #fff; color: #669; border-top: 1px solid transparent; vertical-align: top;}
.box-table-a td.colh{ font-weight: bold; text-align: right; width: 150px; }
.box-table-a tr:hover td { background: #d0dafd; color: #339; }

/* Blue Box Table B */
.box-table-b { margin: 15px; width: 675px; text-align: left; 
               border: 1px solid #b9c9fe;
             }
.box-table-b th { font-size: 13px; font-weight: normal; padding: 8px; background: #b9c9fe; border-top: 4px solid #aabcfe; border-bottom: 1px solid #fff; color: #039; }
.box-table-b th.rowhr { font-weight: bold; text-align: right; }
.box-table-b th.rowhl { font-weight: bold; text-align: left; }
.box-table-b td { padding: 8px; background: #D6EBFF; color: #669; vertical-align: top; }
.box-table-b td.colh{ font-weight: bold; text-align: right; width: 150px; }
.box-table-b tr:hover td { background: #e8edff; color: #339; }

img.imgleft { float: left; padding: 7px; border: solid 1px #ffffff;	margin-top: 5px; margin-bottom: 5px; margin-right: 10px; }


.GeoCardImg {margin-bottom: 10px; width: 700px;}
.GeoCardImgSCR {margin-bottom: 10px; overflow: auto; width: 700px;}

/* Image Flag List */
ul.loclist_ul {	list-style-type: none; }
li.loclist_li { height: 100px; vertical-align: top; text-align: left; padding: 2px; }
img.loclist_img { float: left; padding: 1px; margin-top: 2px; margin-bottom: 2px; }
p.loclistTitle { padding-top: 5px; margin-left: 100px; margin-top: 10px; font-weight: bold; }
p.loclistDesc {	margin-left: 100px; }

/* Initial Entry Page Icons */
#navcontainer {text-align:center; padding-top: 10px;}
#navlist {list-style:none;}
#navlist li {float: left; width:230px; height:175px;}
#navlist li a {border:0; text-decoration:none;}
#navlist li a:hover {text-decoration:underline;}

/* Country List */
#h2_crli1 { height: 26px; text-indent: -9999px; background: url(../travels/gfx/ban_countrywide2.gif) no-repeat 0 0; }
#h2_crli2 { height: 26px; text-indent: -9999px; background: url(../travels/gfx/ban_state2.gif) no-repeat 0 0; }
#h2_crli3 { height: 26px; text-indent: -9999px; background: url(../travels/gfx/ban_state3.gif) no-repeat 0 0; }
#h2_crli4 { height: 26px; text-indent: -9999px; background: url(../travels/gfx/ban_city2.gif) no-repeat 0 0; }
#h2_crli5 { height: 26px; text-indent: -9999px; background: url(../travels/gfx/ban_eco2.gif) no-repeat 0 0; }
ul.ul_crsub { padding-top: 0px; padding-bottom: 20px;}
li.li_crsub { margin-left: 46px; list-style-image: url(../gfx/blu_ball.gif); }
li.li_crsub a { text-decoration: none; }
li.li_crsub a:hover { text-decoration:underline; }

img.flagimg { display: block; margin: auto; }
p.flagtxt { text-align: center; font-weight: bold; font-size: 14px; padding-bottom: 6px;}
table.countrybox { padding: 0; margin: 5px 0px 10px 0px; line-height: 10px;}
td.cr_tb_lbl { font-size: 10px; font-weight: bold; text-align: right; vertical-align: top;}
td.cr_tb_txt { font-size: 10px; padding-left: 3px; vertical-align: top;}

.map_sidebar { width: 200px; height: 200px; border:#555555 1px solid; margin-left: auto; margin-right: auto; margin-bottom: 10px; margin-top: 5px;}

#cr_md_img { float:left; width: 695px; margin: auto; margin-bottom: 10px;}
.cr_md_img_txt { text-align: center; font-size: 80%; color: #FFFFFF; margin-top: -18px;}
.cr_md_img { border: black solid; border-width: 1px 1px 20px 1px;}
#cr_list { float:left; width: 310px; margin-left: 10px;}
#cr_list1 { float:left; width: 310px; margin-left: 10px;}
#cr_list2 { float:left; width: 310px; margin-left: 10px;}

.h2_crliTY { height: 37px; width: 630px; background: url(../travels/gfx/banner_TP2.gif) no-repeat 0 0; font-size: 18px; color: #FFFFFF; padding-left: 15px; padding-top: 10px; }
.ul_crsubTP { width: 675px; text-align: center; margin-right: auto; margin-left: auto; clear: both; padding-bottom: 120px; margin-left: 25px; }

.li_crli { width: 165px; height: 180px; list-style: none; float: left; margin-left: auto; margin-right: auto; clear: none;}

.li_crsubTP { width: 210px; height: 180px; list-style: none; float: left; margin-left: auto; margin-right: auto; clear: none;}
.li_crsubTP a { text-decoration: none; }
.li_crsubTP a:hover { text-decoration: underline; }

.thumblist { width: 165px; height: 110px; border-style: solid; border-color: black; border-width: 1px 1px 1px 1px; }
.thumbtext { margin-left: 10px; display: block;}
.li_crsubTPHDR { margin-left: 10px; padding-left: 25px; margin-top: 20px; height: 25px; width: 600px; color: #777777; background: url(../travels/gfx/bullet_TP.gif) no-repeat 0 0; list-style: none; font-size: 17px; font-weight: bold; vertical-align: middle; clear: both;
                 border-bottom: solid 1px #3399FF;
               }

.gc_common_name { font-weight: bold; }
.gc_scientific_name { font-style: italic; }
.gcsubtitle { font-style: italic; }
.GeoCardText { margin-top: 15px; margin-bottom: 15px; }

.ul_subTP { width: 720px; text-align: center; margin: auto; }
.li_subTP { width: 135px; height: 90px; padding-bottom: 15px; padding-top: 10px; list-style: none; float: left; margin-left: auto; margin-right: auto; }
.li_subTPTXT { display: block; }

.li_crlist { width: 155px; height: 155px; padding-bottom: 15px; padding-top: 10px; list-style: none; float: left; margin-left: auto; margin-right: auto; }
.li_subTPTXT2 { margin-left: -25px; display: block; }

.li_crsubTPS { width: 135px; height: 90px; padding-bottom: 15px; padding-top: 10px; list-style: none; float: left; margin-left: auto; margin-right: auto;  }
.li_crsubTPS a { text-decoration: none; }
.li_crsubTPS a:hover { text-decoration: underline; }

#att_md_img_div { float:left; width: 365px; margin-right: 20px; margin-bottom: 10px;}
.att_md_img_txt { text-align: center; font-size: 80%; color: #FFFFFF; margin-top: -20px;}
.att_md_img { border: black solid; border-width: 2px 2px 25px 2px;}

#coldet { margin-left: 6px; }

/* ----------- comments ----------- */
#commentsdet { color: #888888; }
#pcomments { width: 695px; padding-top: 50px; background: url(../gfx/TypeBanner2narrow.gif) no-repeat 0px 20px;	clear: both; }
.posted_header { margin-right: 15px;	margin-top: 10px; float: left; }
.comments_h1 { font-size:14px; font-weight:bold; margin-top: 10px; text-align: center; padding-bottom: 5px;	border-bottom:solid 1px #51a1ff; }
div.postinfo { width: 115px; text-align: right; }
.PNUName { font-weight: bold; }
.posteddate { color:#888888; font-size:11px; margin-top: -11px; }
.posted_body { width: 550px; float: left; border: dashed 1px #999999; margin-bottom: 10px; margin-top: 10px;}
.postdata { padding: 5px 5px 5px 5px; background-color: #dcedff; }
#comments { margin-top: 25px;}
#comments .comments_h { font-size:14px; font-weight:bold; margin-bottom:20px; border-bottom:solid 1px #51a1ff; padding-bottom:10px; text-align: left; width: 100%;}
#comments .name_h { font-size:12px; font-weight:bold; margin-bottom:20px; border-bottom:solid 1px #51a1ff; padding-bottom:10px; text-align: right;}
.spacer{clear:both; height:1px;}

#comments label { display:block; font-weight:bold; text-align:right; width:125px; float:left; }
#comments div.inputsec { display:block; float:left; margin-bottom: 10px;}
#comments .inputcl { float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:550px; margin:2px 0 0px 10px; }
#comments .small { color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:125px; }
#comments .errormsg { padding-left: 10px; color:#FF6666; display:block; font-size:11px; font-weight:normal; text-align:left; width:300px; }
#comments button { width:125px; height:31px; background:#666666; text-align:center; line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold; }
#btn_submit { margin-left: 565px; }

#msg {display:none; position:absolute; z-index:200; background:url(../gfx/msg_arrow.gif) left center no-repeat; padding-left:7px}

/* ------------ FB -----------------*/

