/*GENERAL RULES FOR ALL ELEMENTS*/

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-color: #7D99B0;
	text-align: center;
	color: #FFFFFF;
	line-height: 150%;
	min-width: 980px;
	max-width: 1920px;
}

/*MASTHEAD*/

#masthead {
position: relative;
padding: 5px 0 5px 0;
height: 80px;
background: #7D99B0 url(images/logo-nature-travels-phone.gif) no-repeat right center;
}

#masthead h1 {
display: none;
position: absolute;
bottom: 5px;
left: 5px;
}

/*Info page title*/
#masthead .info_page_title {
position: absolute;
bottom: 0px;
left: 0px;
}

/*Experience title*/
#masthead .experience_title {
width: 50%;
margin: 0px auto 0px 10%;
}

#masthead .experience_title img {
margin: 0 auto 0 0;
}

/*---------------END MASTHEAD--------------*/

/*MENUWRAPPER*/

/*
Container for the menu. We set top and bottom borders only because the menu container
stretches the entire window width. Note that this container can go inside a fixed width
element that is centered on the page, if you so desire. It can even go inside a table cell.
*/
#menuwrapper {
	border-top: 5px solid #F0CB47;
	border-bottom: 5px solid #F0CB47;
	text-align: left;
}

/*Clears the floated menu items.
Assigned to a DIV tag placed just before
menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
/*
p7menubar is the root UL and p7menubar ul applies to all the sub-menu ULs.
We set padding and margin to zero to eliminate all indentation, turn bullets off,
and set a font-family different from the global font-family declared for the
body element above. This sets font for just the menu. Do not add a font-size here.
*/
#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
/*
Root-Level Links.  Do not change the first two properties.
Adjust padding values to make the root links taller and to offset them
from the left and right edges of the link box. Font-size is set here and will apply to all menu levels.
Margin left is set to indent the whole list slightly from the left edge.
*/
#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 10px 10px 10px 34px;
	font-size: 1em;
	color: #F0CB47;
	margin-left: 10px;
}

/*Define background images for each top level link*/
#p7menubar a.button_add_ons {
	background: url(images/button-add-ons.gif) no-repeat left center;
}

#p7menubar a.button_summer {
	background: url(images/button-summer.gif) no-repeat left center;
}

#p7menubar a.button_winter {
	background: url(images/button-winter.gif) no-repeat left center;
}

#p7menubar a.button_home {
	background: url(images/button-ntr.gif) no-repeat left center;
}

#p7menubar a.button_map {
	background: url(images/button-map.gif) no-repeat left center;
}

#p7menubar a.button_about_us {
	background: url(images/button-about.gif) no-repeat left center;
}

#p7menubar a.button_groups {
	background: url(images/button-arrow.gif) no-repeat left center;
	font-variant: small-caps;
	font-size: 1.2em;
}
	
#p7menubar a.button_news {
	background: url(images/button-news.gif) no-repeat left center;
}

#p7menubar a.button_booking {
	background: url(images/button-booking.gif) no-repeat left center;
}

#p7menubar a.button_experiences {
	background: url(images/button-experiences.gif) no-repeat left center;
}

#p7menubar a.button_contact_us {
	background: url(images/button-contact-us.gif) no-repeat left center;
}

/*
The Root-Level list items. Floating left allows
them to appear horizontally. Width is for IE5 Mac. The last rule in
this style sheet will set the width for this element to auto for all
other browsers - hiding it from IE5 Mac. The width is proportional.
As you add and edit root menu items, you will need to test this width
to ensure it is wide enough to accomodate all text.
*/
#p7menubar li {
	float: left;
	width: 11em;
}
/*
Sets width for Sub-Menu box and the List Items inside - in proportional em units. 
This allows the sub-menu width to expand if users resize the text in their browsers.
*/
#p7menubar li ul, #p7menubar ul li  {
	width: 14em;
}
/*
The sub-menu links. We set color. We set top and 
bottom padding less than the root items and increase the left padding
to indent the sub-menu links a small amount in from the root links.
*/
#p7menubar ul li a  {
	color: #F0CB47;
	border-right: 0;
	padding: 3px 12px 3px 16px;
	margin-left: 0;
}

/*Top border on a sub link to act as separator*/
.sublink_separator {
border-top: 1px solid #4A6075;
}

/*
Sub-Menu Unordered Lists describes each dropdown sub-menu grouping. 
Positioned Absolutely to allow them to appear below their root trigger.
Set to display none to hide them until trigger is moused over.
Background Color must be set or problems will be encountered in MSIE.
Right and bottom borders are set to simulate a raised look.
*/
#p7menubar li ul {
	position: absolute;
	display: none;
	border: 1px solid #8A3B34;
	background: #7D99B0 url(images/gradient_background.gif) repeat-x;
}
/*
Changes the Text color and background color when the Root-Level
menu items are moused over. The second selector sets color and background
when Root-Level items are accessed with the keyboard tab key. The third
selector sets an active state to support keyboard access in MSIE. The fourth 
selector is assigned to IE5 and IE6 Windows via the P7_ExpMenu script.
Note that IE7 supports hover on elements other than links and so behaves
like Firefox, Opera, and Safari - making the menu operable even if JavaScript
is not enabled.
*/
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #8A3B34;
}
/*
Set the Sub-Menu UL to be visible when its associated
Root-Level link is moused over. The second selector is 
assigned to IE5 and IE6 via the P7_ExpMenu script.
*/
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
/*
Sets the Text color of the Sub-Level links when the Root-Level
menu items are moused over. The second selector is 
assigned to IE5 and IE6 via the P7_ExpMenu script.
The color set should match the normal Sub-Level link color
in the rule: #p7menubar ul li a. The background color must be
transparent to allow the underlying gradient background on the UL
to show through.
*/
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #F0CB47;
	background-color: transparent;
}
/*
The normal hover class for Sub-Level links. The Important directive
is required for older browsers. We set a background color, which shows
over the gradient background. We set text color.
*/

#p7menubar ul a:link {
	color: #F0CB47!important;
}

#p7menubar ul a:visited {
	color: #CCCCCC!important;
}

#p7menubar ul a:hover {
	background-color: #8A3B34!important;
	color: #F0CB47!important;
}

#p7menubar ul a:active {
	color: #CCCCCC!important;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#p7menubar li {width: auto;}

/*------------------END MENUWRAPPER--------------------*/

/*page_container holds all the main content. Background color is set to dark blue. Border prevents margin problems on info pages*/
#page_container {
margin: 0;
padding: 20px 10px 20px 10px;
background-color: #4A6075;
border: 1px solid #4A6075;
}

/*Clear anything left*/
.clearleft {
clear: left;
}

/*Clear anything right*/
.clearright {
clear: right;
}

/*Center all paragraph text as standard*/
p {
margin: 10px auto 10px auto;
}

/*Default heading styles*/

/*h1 is used for main page titles, display set to hidden in the masthead*/
h1 {
font-size: 1.5em;
margin: 10px auto 10px 10px;
padding: 0;
}

/*h2 is used for the main heading for experience pages*/
h2 {
font-size: 1.2em;
margin: 10px auto 10px auto;
padding: 0;
}

/*h3 is used for the sub-heading for experience pages*/
h3 {
font-size: 0.8em;
font-weight: bold;
margin: 10px auto 10px auto;
padding: 0;
}

h4 {
font-size: 1em;
font-weight: bold;
margin: 10px auto 10px auto;
padding: 0;
}

/*h5 is used for breadcrumb trails*/
h5 {
font-size: 0.8em;
text-align: left;
margin: 0;
padding: 10px 0 0 10px;
color: #CCCCCC;
font-weight: normal;
}

/*Default link, visited, hover, active values*/
a:link {
color: #F0CB47;
}

a:visited {
color: #CCCCCC;
}

a:hover{
color: #8A3B34;
}

a:active {
color: #CCCCCC;
}

/*Images*/
/*Force all images to display on a new line*/
img {
display: block;
}

/*Center standard images such as single photos*/
.standard_image {
margin: 30px auto 0px auto;
}

.standard_image_no_credit {
margin: 20px auto 20px auto;
}

/*Photo credit text*/
.photo_credit {
color: #7D99B0;
font-size: 0.75em;
font-family: Arial, sans-serif;
margin: 0px auto 0px auto;
padding: 5px 0 0 0;
}
/*End images*/

/*Highlighted box*/
.highlighted_box {
font-weight: bold;
color: #F0CB47;
padding: 5px;
margin: 20px auto 20px auto;
font-size: 1em;
background: #7D99B0 url(images/gradient_background.gif) repeat-x;
}

/*Highlighted text*/
.highlighted_text {
font-weight: bold;
font-size: 1em;
}

/*Box*/
.box {
padding: 10px;
margin: 20px auto 20px auto;
border: 1px dotted #FFFFFF;
font-size: 0.9em;
}

.box h2 {
color: #F0CB47;
}

/*Define small print*/
.small_print {
font-size: 0.75em;
width: 70%;
}

/*Make anything italic*/
.make_italic {
font-style: italic;
}

/*Address needs reduced line height*/
.address p {
margin: 0;
padding: 0;
font-style: italic;
}

/*Definition lists*/
dl {
text-align: left;
}

dt {
font-weight: bold;
margin-top: 10px;
margin-bottom: 0px;
}

dd {
margin: 0;
}

#content_three_column dl {
font-size: 0.9em;
}

.send_to_friend {
border: 1px solid #CCCCCC;
margin: 15px auto 10px auto;
padding: 2px;
font-size: 0.9em;
}

/*-----------------END GENERAL RULES---------------*/

/*HEADER BULLETS*/
.add_ons_header {
background: url(images/bullet-add-ons.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.mountain_biking_header {
background: url(images/bullet-biking.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.accommodation_header {
background: url(images/bullet-accommodation.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.groups_header {
background: url(images/bullet-groups.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.winter_active_accommodation_header {
background: url(images/bullet-winter-accommodation.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.summer_active_accommodation_header {
background: url(images/bullet-summer-accommodation.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.horse_riding_header {
background: url(images/bullet-horse-riding.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.cross_country_header {
background: url(images/bullet-cross-country.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.winter_other_header {
background: url(images/bullet-winter-other.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.summer_other_header {
background: url(images/bullet-summer-other.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.dog_sledding_header {
background: url(images/bullet-dog-sledding.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.hiking_trekking_header {
background: url(images/bullet-hiking-trekking.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.summer_multi_header {
background: url(images/bullet-summer-multi.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.winter_multi_header {
background: url(images/bullet-winter-multi.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.water_header {
background: url(images/bullet-water.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.kayaking_header {
background: url(images/bullet-kayaking.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

.wildlife_header {
background: url(images/bullet-wildlife.gif) no-repeat left center;
padding: 10px 0px 10px 24px;
}

/*------------------END HEADER BULLETS---------------*/

/*TABLES*/
table {
margin: 10px auto 10px auto;
}

#content_two_column table {
border-collapse: collapse;
}

#content_two_column th, #content_two_column td {
border: 1px solid #CCCCCC;
}

#content_two_column th {
background: #7D99B0 url(images/gradient_background.gif) repeat-x;
}

caption {
margin: 0 auto 0 auto;
padding: 5px;
font-weight: bold;
}

#newsletter_form table {
border: 1px dashed #CCCCCC;
padding: 5px;
}

fieldset table {
background: #7D99B0 url(images/gradient_background.gif) repeat-x;
border-collapse: collapse;
}

th, td {
padding: 5px;
}

/*---------------------END TABLES------------------*/


/*FORMS*/
/*small_form restricts the form width on the page*/
.small_form {
width: 60%;
margin: 0 auto 0 auto;
padding: 20px;
}

/*make anything red*/
.make_red {
color: #FF0000;
}

legend {
color: #F0CB47;
font-weight: bold;
font-size: 1.2em;
}

fieldset {
margin: 20px auto 20px auto;
padding: 10px;
}

fieldset ul {
list-style: none;
margin: 0;
padding: 0;
}

fieldset li {
padding: 2px;
}

fieldset table {
width: 90%;
}

fieldset th, fieldset td {
padding: 5px;
border: 1px solid #CCCCCC;
text-align: left;
width: 49%;
}

fieldset th {
font-weight: bold;
}

fieldset td {
font-size: 0.9em;
}

#submit, #reset {
font-size: 1.2em;
}

/*-----------END FORMS---------------*/

/*COMMENTS*/

/*Commments box is the top level container for comments*/
.comments_box {
padding: 10px;
margin: 20px auto 20px auto;
border: 1px solid #CCCCCC;
}

.comments_box p {
font-style: italic;
font-size: 0.9em;
}

.comments_box .comments_intro {
font-style: normal;
font-weight: bold;
}

.comments_box img {
display: inline;
margin: 20px 30px 20px 30px;
}

#content_two_column .comments_box p {
margin-left: auto;
margin-right: auto;
}


/*-----------END COMMENTS----------------*/

/*WALLPAPER PAGE AND OTHER PAGES WITH THREE EQUAL COLUMNS*/

/*Header box is used for pages such as wallpaper.htm which require an intro paragraph stretching across most of the page*/
.header_box {
width: 80%;
margin: 0 auto 0 auto;
padding: 5px;
}

.header_box h2 {
color: #F0CB47;
}

/*This turns off the default border applies to images links for wallpaper page in some browsers*/
a img {
border: none;
}

.wallpaper_column {
float: left;
width: 33%;
margin: 0;
padding: 0;
}

/*This controls the descriptive text below each image*/
.wallpaper_column .small_print {
margin: 5px auto 30px auto;
}

.wallpaper_column img {
margin: 10px auto 10px auto;
}

.wallpaper_column p {
margin: 10px 20px 30px 20px;
}

/*-------------END WALLPAPER-----------------*/

/*TWO COLUMN INFO PAGES AND ARTICLE PAGES*/
/*Content two column*/
#content_two_column {
margin: 0 260px 0 0;
padding: 0 20px 0 20px;
font-size: 1em;
text-align: left;
}

#content_article {
margin: 0 0 0 260px;
padding: 0 20px 0 20px;
font-size: 1em;
text-align: left;
}

#content_map {
margin: 0 0 0 260px;
padding: 0 20px 0 20px;
font-size: 0.9em;
text-align: center;
}

#content_two_column .header_box {
text-align: center;
}

#content_two_column .page_button_container {
margin: 20px auto 20px auto;
}

#content_two_column h2, #content_two_column h3, #content_article h2, #content_article h3 {
color: #F0CB47;
margin-top: 20px;
}

#content_two_column h3, #content_article h3 {
font-size: 1em;
}

#content_article .news_container {
width: 95%;
margin: 20px auto 20px 0;
}

/*Align images side by side when two used together as on about-us.htm*/
.two_col_container {
margin: 0 auto 0 auto;
}

.two_col_box {
width: 49%;
float: right;
text-align: center;
}

/*------------END TWO COLUMN PAGES--------------*/

/*THREE COLUMN EXPERIENCE PAGES*/

/*Content three column*/
#content_three_column {
margin: 0 250px 0 250px;
padding: 0 20px 0 20px;
font-size: 1em;
}

.experience_graphic {
margin: 0px auto 0px auto;
padding: 30px 0 0 0;
}

#experience_menu {
margin: 20px auto 30px auto;
font-size: 0.8em;
}

#experience_menu ul {
list-style-type: none;
margin: 5px 5px 20px 5px;
padding: 0px;
background: #7D99B0 url(images/gradient_background.gif) repeat-x;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

#experience_menu li {
margin: 0;
border-bottom: 1px solid #CCCCCC;
}

#experience_menu ul a:link, #experience_menu ul a:visited, #experience_menu ul a:hover, #experience_menu ul a:active {
text-decoration: none;
display: block;
padding: 2px 10px;
}

#experience_menu ul a:hover, #experience_menu ul a:active {
background-color: #8A3B34;
color: #F0CB47;
}

#experience_menu .experience_menu_header {
font-size: 1.4em;
font-weight: bold;
font-family: Arial, sans-serif;
padding: 5px;
background-color: #F0CB47;
color: #8A3B34;
border-top: 1px solid #CCCCCC;
}

/*-----------------END THREE COLUMN EXPERIENCE PAGES---------------*/

/*-------------SLIDESHOW PAGES-------------*/
.slideshow .news_container {
background-color: #000000;
text-align: center;
}

.slideshow .comments_box {
width: 760px;
}

/*-------------------MAP PAGE-----------------------*/
iframe {
margin-top: 20px;
}

.menu_map dt {
font-size: .8em;
margin-top: 2px;
}

.map_water {
background: url(images/maps/map-icon-water.gif) no-repeat left center;
padding: 10px 0px 10px 35px;
font-size: 1.2em;
}

.map_kayaking {
background: url(images/maps/map-icon-kayaking.gif) no-repeat left center;
padding: 10px 0px 10px 35px;
font-size: 1.2em;
}

.map_hiking_trekking {
background: url(images/maps/map-icon-hiking-trekking.gif) no-repeat left center;
padding: 10px 0px 10px 35px;
font-size: 1.2em;
}
.map_horse_riding {
background: url(images/maps/map-icon-horse-riding.gif) no-repeat left center;
padding: 10px 0px 10px 35px;
font-size: 1.2em;
}
.map_mountain_biking {
background: url(images/maps/map-icon-cycling.gif) no-repeat left center;
padding: 10px 0px 10px 35px;
font-size: 1.2em;
}
.map_wildlife {
background: url(images/maps/map-icon-wildlife.gif) no-repeat left center;
padding: 10px 0px 10px 35px;
font-size: 1.2em;
}
.map_dog_sledding {
background: url(images/maps/map-icon-dog-sledding.gif) no-repeat left center;
padding: 10px 0px 10px 35px;
font-size: 1.2em;
}

.map_cross_country_skiing {
background: url(images/maps/map-icon-skiing.gif) no-repeat left center;
padding: 10px 0px 10px 35px;
font-size: 1.2em;
}

.map_summer_accomm {
background: url(images/maps/map-icon-summer-accomm.gif) no-repeat left center;
padding: 10px 0px 10px 35px;
font-size: 1.2em;
}

.map_winter_accomm {
background: url(images/maps/map-icon-winter-accomm.gif) no-repeat left center;
padding: 10px 0px 10px 35px;
font-size: 1.2em;
}

.map_summer_other {
background: url(images/maps/map-icon-summer-other.gif) no-repeat left center;
padding: 10px 0px 10px 35px;
font-size: 1.2em;
}

.map_winter_other {
background: url(images/maps/map-icon-winter-other.gif) no-repeat left center;
padding: 10px 0px 10px 35px;
font-size: 1.2em;
}

/*------------END MAP PAGE---------------------*/
/*--------------------------RESOURCES PAGE------------------------*/
.resources {
font-size: 0.9em;
text-align: left;
}

.resources h2 {
margin-top: 30px;
font-size: 1.2em;
}
/*-----------------END RESOURCES PAGE---------------*/
/*------------------BOOKING FORM---------------------*/
/*Booking form*/

#bookingform .exp_details td {
width: 20%;
}

#bookingform .participants td {
width: 12%;
}

#bookingform .participants_2 td {
width: 12%;
}

#bookingform .insurance_details td {
width: 20%;
}
/*Contact Details is also used for Payment*/
#bookingform .contact_details {
width: 60%;
}

#bookingform .contact_details td {
width: 49%;
}

#bookingform .confirmation {
width: 60%;
}

#bookingform .confirmation .narrow {
width: 20%;
}
/*-------------------END BOOKING FORM--------------------*/

/*---------------HOMEPAGE-------------------*/
/*Homepage*/

.large_image_container{
margin: 20px auto 20px auto;
height: 180px;
background: #FFFFFF url(images/tour-of-the-week.jpg) no-repeat left center;
}

.tour_of_the_week {
background: #7D99B0 url(images/gradient_background.gif) repeat-x;
}

.tour_of_the_week .box h2 {
font-size: 1.5em;
font-variant: small-caps;
color: #FFFFFF;
}

.tour_of_the_week .box p {
font-size: 1em;
font-weight: bold;
margin-left: 20px;
margin-right: 20px;
}

.tour_of_the_week .page_button_container a {
font-size: 1.3em;
border-left: 1px solid #4A6075;
border-top: 1px solid #4A6075;
}

.homepage .box {
font-size: 1em;
border: none;
padding: 0px;
}

/*Needs to be floated otherwise clears below sidebars*/
.homepage .news_column {
float: right;
}

/*---------------------END HOMEPAGE--------------------*/

/*-------------NEWSLETTER PAGE---------------------*/
/*news_column is also used on the homepage floated right*/
.news_column {
padding: 0 0 20px 0;
text-align: left;
margin: 0;
}

/*news_container is the top level box. news_column is used to contain each section*/
.news_container {
width: 760px;
margin: 0 auto 0 auto;
padding: 10px;
border: 1px solid #CCCCCC;
}

/*display block is used to create colour in the background all across the page*/
.news_container h4 {
background-color: #7D99B0;
display: block;
padding: 5px;
margin: 30px auto 10px auto;
}

.news_container ul {
text-align: left;
}

.news_column .credit_centering {
margin: 0 auto 0 auto;
clear: left;
float: left;
width: 124px;
}

.news_column h2, .news_column h3, .news_column p {
margin: 0 0 0 150px;
}

/*-----------------END NEWSLETTER PAGE-------------------*/

/*CATEGORY PAGES*/
/*Makes the first letter of a paragraph a dropcap*/
.dropcap:first-letter {
float: left;
width: 40px;
font-size: 60px;
line-height: 50px;
}

#content_category_page {
margin: 0 50px 0 220px;
padding: 10px;
}

/*highlighted_box is used on the category pages to contain the intro text*/
#sidebar_b .highlighted_box {
color: #FFFFFF;
font-size: 0.9em;
font-weight: normal;
}
/*bottom padding on column_a leaves a gap in Firefox*/
#column_a {
float:right;
width: 90%;
padding: 0 0 20px 0;
text-align: left;
margin: 0;
}
/*column_c and column_b are used on the experience category page*/
#column_c {
float:right;
width: 49%;
padding: 0 0 20px 0;
text-align: left;
margin: 0;
}

#column_b {
margin: 0 50.5% 0 0;
padding: 0 0 20px 0;
text-align: left;
}

#column_a img, #column_b img, #column_c img, .news_column img {
float: left;
padding: 20px 0 3px 0;
clear: left;
}

#content_category_page h1, .homepage h1 {
display: block;
padding: 5px;
background: #7D99B0 url(images/gradient_background.gif) repeat-x;
font-size: 1em;
color: #F0CB47;
margin-top: 25px;
}

#column_a h2, #column_b h2, #column_c h2, #column_a h3, #column_b h3, #column_c h3, #column_a p, #column_b p, #column_c p {
margin: 0 auto 0 180px;
}

#column_a h2, #column_b h2, #column_c h2, .news_column h2 {
font-size: 1em;
padding: 15px 0 0 0;
color: #F0CB47;
}

#column_a h3, #column_b h3, #column_c h3, .news_column h3 {
font-size: 0.9em;
font-style: italic;
}

#column_a p, #column_b p, #column_c p, .news_column p {
font-size: 0.9em;
}

/*category_image contains the photo, the photo credit and the description. This clears the container so that paragraphs line up properly.*/
.category_image {
padding: 0;
clear: left;
margin: 10px;
}

/*Applying a padding to the h3 separates the lines of text*/
.category_image h3 {
padding: 5px 0 5px 0;
}

/*This DIV allows the photo credit to be centered under the image.*/
#column_a .credit_centering, #column_b .credit_centering, #column_c .credit_centering {
width: 164px;
clear: left;
float: left;
}

/*Centers the photo credit within the credit_centering div*/
#column_a .photo_credit, #column_b .photo_credit, #column_c .photo_credit, .news_column .photo_credit {
margin: 0;
text-align: center;
color: #CCCCCC;
padding: 0;
}

/*UL is used to list the experiences Fjallexpressen applies to*/
#column_a ul {
margin: 0 0 0 200px;
font-size: 0.9em;
}
/*--------------END CATEGORY PAGES-----------------*/

/*OUTBOXES*/

.outbox {
width: 204px;
margin: 20px auto 20px auto;
padding: 0;
background: #7D99B0 url(images/gradient_background.gif) repeat-x;
}

.outbox p {
font-family: Arial, sans-serif;
font-size: 1em;
padding: 5px 10px 5px 10px;
margin: 0;
}

.outbox_photo {
margin: 10px auto 5px auto;
}

.outbox .photo_credit {
color: #FFFFFF;
font-size: .75em;
padding: 0;
}

.outbox h3 {
font-family: Arial, sans-serif;
display: block;
text-transform: uppercase;
background: #F0CB47 url(images/outbox-corner.gif) no-repeat top left;
color: #8A3B34;
padding: 5px;
margin: 0;
font-size: 1.25em;
}

.outbox .highlighted_text {
font-size: 1.1em;
}

/*WHERE ARE THESE USED?*/
.outbox ul {
margin: 5px;
font-size: 0.8em;
}

.outbox li {
list-style: none;
margin: 2px auto 2px 5px;
}

/*-------------------END OUTBOXES--------------*/

/*PAGE BUTTONS*/

/*Center page button container alignment, set list properties*/
.page_button_container {
margin: 20px auto 20px auto;
width: 80%;
}

/*Setting margin and padding to 0 stops the list indenting automatically to the left.*/
.page_button_container ul {
list-style: none;
margin: 0;
padding: 0;
}

.page_button_container li {
display: inline;
}

.page_button_container a {
padding: 5px 10px 5px 10px;
line-height: 300%;
color: #FFFFFF;
text-decoration: none;
background-color: #8A3B34;
background-image: none;
font-weight: bold;
font-size: 1em;
border-left: 1px solid #7D99B0;
border-top: 1px solid #7D99B0;
}

.page_button_container li a:hover {
background: #7D99B0 url(images/gradient_background.gif) repeat-x;
color: #FFFFFF;
}

/*-------------------END PAGE BUTTONS----------------------*/
/*SIDEBARS*/

#sidebar_a {
float:right;
width:220px;
margin:0px;
padding:0 20px 0 20px;
}

#sidebar_b {
float:left;
width:220px;
margin:0px;
padding:0 20px 0 20px;
}

/*-------------------END SIDEBARS--------------------*/

/*FOOTER*/

#footer {
font-size: 1em;
padding:10px;
border-top: 5px solid #F0CB47;
background: #7D99B0 url(images/gradient_background.gif) repeat-x;
}

/*Action-packed footer rules*/

#footer {
border-bottom: 5px solid #F0CB47;
}

#footer_column_a .news_column h2, #footer_column_a .news_column h3, #footer_column_a .news_column p {
margin: 0 0 0 80px;
}

#footer_column_b .news_column h2, #footer_column_b .news_column h3, #footer_column_b .news_column p {
margin: 0 0 0 80px;
}

#footer_column_c .news_column h2, #footer_column_c .news_column h3, #footer_column_c .news_column p {
margin: 0 0 0 80px;
}

#footer_column_a, #footer_column_b, #footer_column_c {
float: left;
width: 33%;
}

#footer_column_a ul, #footer_column_b ul, #footer_column_c ul {
list-style-type: none;
margin: 5px;
padding: 0px;
}

/*----------------------END FOOTER------------------*/