/*
Theme Name: Jasper National Park
Description: Jasper National Park Template based from http://www.sanfranmagazine.com/
Version: 1.0
Author: Aldwin Llacuna Galapon
Author URI: http://www.jamediasolutions.com/
*/
body {
margin:0;
padding:0;
}
p{
margin:0;
padding:5px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333;
}
a{
margin:0;
padding:0;
border:0;
text-decoration:underline;
color:#B36500;
}
a.bluelink{
color:#16597F;
}
a:hover{
margin:0;
padding:0;
border:0;
text-decoration:none;
color:#333;
}
ul {
list-style: none;
padding:0;
}
h1{
margin:10px 0 0 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:400;
}
h2{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:400;
color:#000;
}
h3{
margin:5px 0 0 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:700;
color:#B36500;
}
h4{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
color:#B36500;
}
h5{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
color:#000;
}
h6{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:400;
color:#000;
}
/* OVERALL CONTAINER */
.container{
width:1040px;
margin:0 auto;
text-align:left;
background-image:url(images/container_repeat.gif);
background-repeat:repeat-y;
}
.container p{
line-height:1.6em;
}
.container_padding{
padding:10px 20px 10px 20px;
}
/* MASTHEAD ADVERTS */
.masthead{
margin:0 0 5px 0;
padding:0;
height:90px;
}
.slug {
	float:left;
	width:13px;
	height:88px;
	background-image:url(images/advertisement.gif);
}
.advert_promo{
background-color: #FFF;
color: #FFF;
margin:0;
padding:0;
float:right;
width:255px;
height:90px;
}
/* HEADER */
.header{
margin:0;
padding:0;
height:80px;
background:#B36500;
}
.header_option{
margin:0;
padding:0;
background:#B36500;
cursor:pointer;
}
.logo,
.logo a {
margin:0;
padding:0;
border:0;
float:left;
width:340;
}
/* Main Navigation */
.main_navigation {
margin-top: 5px;
padding:5px 0px;
display:block;
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
color:#FFF;
height:20px;
text-transform: uppercase;
background:#339999;
}
#nav {
margin: 0px;
padding: 5px 0px 0px 0px;
}
#nav li.last a, #nav li.last a:hover, #nav li.last a:link, #nav li.last a:visited {
border:0;
}
	
#nav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
	
#nav li {
list-style: none;
margin: 0px;
padding: 0px;
}
	
#nav li a, #nav li a:link, #nav li a:visited {
color: #FFF;
display: block;
margin: 0px;
padding:0 10px;
border-right:1px solid #FFF;
text-decoration: none;
}
#nav li a:hover, #nav li a:active {
color: #000;
margin: 0px;
padding:0 10px;
border-right:1px solid #FFF;
text-decoration: underline;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
opacity: .90;
filter: alpha(opacity=90);
background: #339999;
width: 150px;
color: #FFF;
float: none;
margin: 0px;
padding: 7px 10px 7px 10px;
border-bottom: 1px solid #373737;
border-left: 1px solid #373737;
border-right: 1px solid #373737;
}
	
#nav li li a:hover, #nav li li a:active {
background: #339999;
color: #000;
padding: 7px 10px 7px 10px;
}
#nav li {
float: left;
padding: 0px;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}
#nav li li { 
}
#nav li ul a { 
width: 140px;
}
#nav li ul a:hover, #nav li ul a:active { 
}
#nav li ul ul {
margin: -29px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover { 
position: static;
}
/* BREADCRUMB */
.breadcrumb{
margin:0;
padding:0;
height:30px;
}
.breadcrumb p{
margin:0;
padding:8px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.make_homepage_link{
margin:0;
padding:10px 0 0 0;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.wrapper{
margin:0px 0px 10px 0px;
padding:0;
float:left;
width:690px;
/* background-image:url(images/container_repeat_a.gif);
background-repeat:repeat-y; */
}
/* LEFT COLUMN */
.left_column_wide{
float:left;
width:690px;
position: relative;
padding: 0px;
}
.left_column {
float:right;
width:450px;
position: relative;
padding: 0px 5px;
}
.left_column1{
float:left !important;
width:445px !important;
}
.left_column ul,
.left_column_wide ul {
margin-top: 2px;
padding: 0px 0px 5px 0px;
}
.left_column ol,
.left_column_wide ol {
margin-top: 2px;
padding: 0px 0px 5px 20px;
}
.left_column ul li,
.left_column_wide ul li {
font-size:14px;
display:block;
padding-left:10px;
list-style-type:none;
background: url(images/bullet_ftr_mods_001.gif) 0 .3em no-repeat;
}
.left_column p.copyright{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:5px 0 10px 0;
padding:0;
text-align: right;
}
img {
border: none;
background-color: #fff;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.avatar,
.alignleft {
float: left;
padding-right: 5px;
margin-right: auto;
}
.alignright {
float: right;
padding-left: 5px;
margin-left: auto;
}
.alignnone{
padding: 2px 5px;
}
.wp-caption {
border: none;
margin-bottom: 5px;
text-align: center;
background-color: transparent;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
color:#0F665E;
text-align: center;
font-size:12px;
padding: 0 5px;
margin-bottom: 5px;
}
ul.commentlist {
margin-top:15px;
color:#555;
list-style:none;
}
/* Background color for visitor comments */
ul.commentlist li {
background:#F1F1F1;
padding:10px 0px;
margin:0px;
list-style:none;
}
/* Background color for Admin comments */
ul.commentlist li.alt {
  background:#EBF9FC;
}
textarea#comment {
  width:95%;
}
p.comment_meta {
  margin:0;
  float:right;
}
/* Optional popup window (NOTE: popups make for bad UI IMHO) */
#commentspopup {
  background:#FFF;
  padding:20px;
}
#commentspopup a {
  color:#666;
}
#commentspopup h1 a {
  position:relative;
  top:0;
  left:0;
}
#commentspopup h3 {
  color:#555;
}
#commentspopup p {
  margin:10px 0;
  color:#555;
}
body#commentspopup textarea {
  width:340px;
}
.left_column img.thumbnail {
margin: 0px;
border:none;
width: 220px;
height: 135px;
}
.left_column img.thumb {
padding-left: 5px;
margin-left: auto;
border:none;
width: 90px;
height: 90px;
float: right;
}
.sub_article_first,
.sub_article_other{
margin:5px 0 10px 0;
padding:0;
}
.sub_article_one{
clear:left;
margin:5px 0 10px 0;
padding:0;
width:220px;
float:left;
}
.sub_article_two{
clear:right;
margin:5px 0 10px 0;
padding:0;
width:220px;
float:right;
}
.sub_article_one h4,
.sub_article_two h4 {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#B36500;
}
.author_title{
margin:0;
padding:5px 0px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#333;
}
.sub_list_item{
margin:5px 0 10px 0;
padding:0;
width:220px;
float:right;
}
.sub_list_item ul{
margin:12px 0 0 0;
padding:0;
}
.sub_list_item ul li,
.sub_list_item ul li{
margin:0 0 12px 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
list-style:none;
}
/* CENTRAL COLUMN */
.central_column{
float:left;
width:230px;
position: relative;
padding: 0px;
}
.central_column_pad {
margin:0;
padding:0 5px 0 5px;
border:0;
}
.central_column a {
margin:0;
padding:0;
border:0;
text-decoration:none;
color:#333;
}
/* .central_column a:hover {
margin:0;
padding:0;
border:0;
text-decoration:underline;
color:#B36500;
} */
.central_column h3{
margin:5px 0 0 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#B36500;
}
.module_first{
margin:0;
padding:0 0 15px 0;
border-bottom:1px dotted #CCC;
}
.module_one{
margin:0 0px 10px 0px;
padding:0 0 15px 0;
border-bottom:1px dotted #CCC;
}
.module_two{
margin:0;
padding:5px 0 15px 0;
border-bottom:1px dotted #CCC;
}
.module_three{
margin:0;
padding:0 0 10px 0;
border-bottom:1px dotted #CCC;
}
.module_padding_three{
margin:10px 0 0 0;
padding:0 10px 0 5px;
}
.module_padding_three img{
margin:0;
padding:0 5px 5px 0;
float:left;
}
/*
.module_padding_three p{
margin:0 0 0 70px;
padding:0;
}
*/
.module_padding_three_border{
margin:10px 0 0 5px;
padding:0;
}
.module_four{
margin:0;
padding:10px 0 20px 5px;
border-bottom:1px dotted #CCC;
}
.module_padding{
padding:0 10px 0 5px;
}
.h{
margin:0 0 10px 0;
padding:0 0 0 0;
line-height:1em;
border-bottom:1px dotted #CCC;
}
.sub_section_list ul{
margin:0;
padding:0px 0px 0px 5px;
}
.sub_section_list li {
	list-style:none;
	margin:0 0 1px 0;
	padding:0;
/* margin:0 0 0 0;
padding:2px 0 2px 4px; */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:400;
/* list-style:none; */
}
.sub_section_list li a,
.sub_section_list li a:visited {
	background:#FFFFFF;
	display:block;
		padding:4px 8px !Important;
	width:170px;
	text-decoration:underline;
/* margin:0;
padding:0;
border:0; */
color:#B36500;
}
.sub_section_list li a:hover {
	background:#E8E8E8;
	text-decoration:none;
/* margin:0;
padding:0;
border:0; */
color:#000;
}
#current{
font-weight:700;
}
/* RIGHT COLUMN */
.right_column{
float:right;
width:300px;
position: relative;
padding: 0px 0px 10px 0px;
margin-right: 5px;
background-color:#FFF;
}
.right_column p.sidebarsponsorship {
width: 300px;
margin: 0px 0px 20px 0px;
text-align:center; 
}
	
.right_column p.sidebarsponsorship img {
margin: 5px 0px;
}	
	
.right_column p.sidebarsponsorship a {
color: #B36500;
font-weight: normal;
text-decoration:none;
}
.right_column td, .right_column input, .right_column select {font-size:11px; font-family: Arial, Helvetica,sans-serif;}
.right_column .masterBOLD { font-weight: bold; }
.right_column .masterHEADER { color:#000000; font-weight: bold; font-size: 11px;}
.right_column .form-border { background:#0066B3;border:solid 5px #0066B3;width:290px;} /*changes outside border color - change width here*/
.right_column .form-color { background: #80C9FF; border: 2px #00487D solid; padding: 3px;width:290px;} /*changes inside color and bevel edge - change width here*/
.right_column a.tablink:link, .right_column a.tablink:active, .right_column a.tablink:visited {color:#FFFFFF;text-decoration:none;}
.right_column a.tablink:hover {color:#FFFFFF;text-decoration:underline;}
.right_column .hotel-tab {background: #0066B3; color: #FFFFFF; font-weight: bold; font-size: 11px;} /*change bg color*/
.right_column .rental-tab {background: #00487D; color: #FFFFFF; font-weight: bold;}
.right_column .car-tab {background: #00487D; color: #FFFFFF; font-weight: bold;}
.right_column .air-tab {background: #00487D; color: #FFFFFF; font-weight: bold;}
.right_column .cruise-tab {background: #00487D; color: #FFFFFF; font-weight: bold;}
/* Search & Weather Box */
.search_box{
/*margin:0 0 10px 0;
padding:6px 6px 6px 10px;
border:1px solid #CCC;*/
padding:34px 26px 6px 10px;
float:right;
}
.search_box #search_field{
color:#cccccc;
width:200px;
}
table p{
margin:0;
padding:0;
border:0;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
line-height:0.7em;
}
.table_divider{
margin:0;
padding:0;
border-left:1px solid #CCC;
}
form{
margin:0;
padding:0;
border:0;
}
.text_a{
margin:0;
padding:1px 0 0 4px;
border:1px solid #CCC;
background-color:#FFF;
width:110px;
height:20px;
color:#333;
}
.button_a{
margin:0 0 0 2px;
width:30px;
}
.weather_image{
margin-top:5px;
padding: 4px;
border: 1px solid #CCCCCC;
}
.weather_desc{
	color:#999;
}
.weather_condition{
	color:#555;
	font-weight: bold;
}
.weather_temp{
	color:000;
	font-weight:bold;
}
/*CENTER COLUMN*/
#center_column{
width:225px;
position:relative;
float:left;
padding-top:15px;
}
#center_column .module_one{
padding-top:5px;
}
.feed_box{
border:1px solid #CCC;
padding:8px 8px 8px 8px;
margin-bottom:20px;
}
.feed_box p{
font-size:12px;
margin:0px  !important;
padding:0px !Important;
text-align:center;
}
.feed_box table{
width:100%;
margin:10px 0px 5px 0px;
}
.feed_box table td{
padding:3px;
text-align:center;
}
.rss_box{
margin-bottom:14px;
}
.rss_box p{
margin:0px;
padding:0px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
.rss_box p a{
padding:2px 0px 2px 22px;
text-decoration:none;
background: url(images/rssicon.jpg) 0px 0px no-repeat;
}
.bulleted{
margin:0px 0px 0px 0px;
padding:2px 0px 0px 15px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.bulleted li{
list-style-type:square;
color:#B36500;
line-height:1.3em;
margin-bottom:8px;
}
.author_email{
padding-left:4px;
font-size:12px;
margin-bottom:16px;
font-weight:bold;
}
/*Blog*/
.article_body{
padding:8px 0px 0px 0px;
margin-bottom:30px;
}
.wrapper_article_datefrom{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.kicker{
padding:15px 0px 10px 10px;
margin-bottom:25px;
font-style:italic;
}
/* FOOTER */
.footer{
width:100%;
clear:both;
background:#FFF;
border-top:2px solid #000;
border-bottom:1px solid #333; 
}
/* Footer Navigation */
#footer-links{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:400;
color:#333;
}
#footer-links ul{
margin:6px 0 6px 0;
padding:0;
list-style:none;
line-height:1.6em;
}
#footer-links ul li{
margin:0;
padding:0;
display:inline;
}
#footer-links ul li a{
margin:0;
padding:0 5px 0 5px;
border-right:1px solid #333;
}
#footer-links ul li a:hover{
margin:0;
padding:0 5px 5px;
border-right:1px solid #333;
display:inline;
}
#footer-links .last a, #footer-links .last a:hover{
border:0;
}
#footer-links p {
margin:0;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:400;
color:#333;
}
.clear {
clear: both;
margin-bottom:2px;
padding:2px;
line-height: 0px;
font-size: 0px;
}
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */
/* Oval Ads */
/* Green Outline */
.roundedcornr_box_green {
	background: url(images/global/roundedcornr_green_tl.png) no-repeat top left;
}
.roundedcornr_top_green {
	background: url(images/global/roundedcornr_green_tr.png) no-repeat top right;
}
.roundedcornr_bottom_green {
	background: url(images/global/roundedcornr_green_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_green div {
	background: url(images/global/roundedcornr_green_br.png) no-repeat bottom right;
}
.roundedcornr_content_green {
	font-size:12px;
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif; 
	background: url(images/global/roundedcornr_green_r.png) top right repeat-y;
}
.roundedcornr_content_green p {
	font-size:12px;
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif; 
}
.roundedcornr_content_green a,
.roundedcornr_content_green a:active,
.roundedcornr_content_green a:visited  {
	font-size:12px;
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#B36500; 
	text-decoration: underline; 
}
.roundedcornr_content_green a:hover  {
	font-size:12px;
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#000; 
	text-decoration: none; 
}
.roundedcornr_top_green div,.roundedcornr_top_green,
.roundedcornr_bottom_green div, .roundedcornr_bottom_green {
	width: 100%;
	height: 20px;
	font-size: 1px;
}
.roundedcornr_content_green, .roundedcornr_bottom_green {
	margin-top: -4px;
}
.roundedcornr_content_green { padding: 15px 15px; }
.sponsor-photo{
float:right;
}

/* -------------------[ Start Sidebar Form Links ]------------------- */
.sidebar-form {
	width: 300px;
	height: 150px;
	background: #FFF url(images/300x150-form-bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	font-family: Georgia, Times, serif;
	margin: 0;
	padding: 10px 0 0 0;
}
.sidebar-form h3 {
	font-size:12px;
	color: #00558a;
	padding: 5px 0 5px 90px;
	margin: 0;
	font-weight: bold;
}
.sidebar-form form {
	padding: 0 5px 5px 50px;
	margin: 0;
	width: 225px;
}
.sidebar-form ol {
	margin: 0;
	list-style-type:none;
}
.sidebar-form input {
	width: 105px;
	padding:1px;
}
.sidebar-form select {
	width: 130px;
	padding:1px;
	margin-top:1px;
}
.sidebar-form fieldset {
	display: none;
}
.sidebar-form label {
	font-size:11px;
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:left;
	color: #000;
	width:50px; 
	margin:0 2px 0 0; 
}
.sidebar-form label span {
	width:50px; /* must be the same as above!*/
	display:block; 
}
.sidebar-form p.cf-sb {
	margin: 0;
	padding:1px 10px 0 0 !important;
	text-align:right;
	width: 225px;
}

.sidebar-form input.sendbutton { 
	width:auto;  
	padding:2px 5px; 
	margin: 0;
	font-size:10px;
}/* -------------------[ End Sidebar Form Links ]------------------- */