/*
	SITENAME / Cairngorm National Park
	Main Stylesheet
	
	$Author: Owen Morgan-Jones $
	$Date: 18-03-2008$
	$Revision: 1.0 $	
*/

/* GLOBAL STYLES */

body
{
	background-color: #F7F4F0;
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 12px;
	color:#323232;
}

div#page{
	text-align: left;
	margin: auto;
	width:770px;
	height: auto;
	background: #FFFFFF;
}

#mainContent
{
	width:730px;
	float: left;
	height: auto;
	background: #FFFFFF;
	padding:0 20px 0 20px;
	float:left;
	min-height:500px;
}

.fc
{
	clear:both;
}

h1
{
	color:#416050;
	margin-top:5px;
	height:auto;
	font-size:18px;
	font-weight:bold;
}

h2
{
	font-size:14px;
	font-weight:bold;
}

h3
{

}

h4
{

}

a
{
	color:#00467F;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

/* HEADER */
#header
{
	height:103px;
	padding:0 20px 0 20px;
	float:left;
	width:730px;
	background-color:#00467F;
}

#logo
{
	float: left;
	padding: 0;
	width: 247px;
	height:73px;
	margin: 0px;

	margin-top:10px;
	margin-bottom:20px;
}

#logo img
{
	float: left;
	width: 247px;
	height:73px;	
}

#housekeeping
{
	float:right;
	padding:0;
	padding-top:15px;
	margin:0;
	border:0;
}

#housekeeping ul
{
	padding:0;
	float: left;
	margin: 0;
}

#housekeeping ul li
{
	display: inline;
	background-image: url(../images/housekeeping_bullet.gif);
	background-position:left center;
	background-repeat:no-repeat;
	font-size: 12px;
	padding-left:7px;
	padding-right:1.5em;
}

#housekeeping ul li.lastnode
{
	padding-right:0;
}

#housekeeping ul li a
{
	color: #FFF;
	text-decoration: none;
}

#housekeeping ul li a:hover
{
	text-decoration:underline;
}

#headerNavigation
{
	height:30px;
	padding:0 20px 0 20px;
	float:left;
	width:730px;
	background-color:#FCB040;
}


#primarynavigation
{
	float: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}

#primarynavigation ul
{
	padding-left: 0px;
	float: left;
	margin-left: 0px;
	margin: 0px;
	padding: 0px;
}

#primarynavigation ul li
{
	display: inline;
	list-style-image: none;
	float: left;
	padding-right: 6px;
	padding-left: 6px;
	font-size: 12px;
	border: 0;
	border-right: solid 1px #FFF;
	height: 23px;
	margin: 0;
	padding-top:7px;
}

#primarynavigation ul li a
{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#primarynavigation ul li.no1
{
	background-color:#FCB040;
}

#primarynavigation ul li.no2
{
	background-color:#EC6D52;
}

#primarynavigation ul li.no3
{
	background-color:#F47B29;
}

#primarynavigation ul li.no4
{
	background-color:#EF3829;
}

#primarynavigation ul li.no5
{
	background-color:#784C98;
}

#primarynavigation ul li.no1.current,
#primarynavigation ul li.no2.current,
#primarynavigation ul li.no3.current,
#primarynavigation ul li.no4.current,
#primarynavigation ul li.no5.current
{
	background-color:#19588C;
}



#navheader
{
	float: left;
	width: 100%;
	height: 40px;
	width: 160px;
}

/* FOOTER */

#footer
{
	background-color: #FFF;
	float: left;
	height: 28px;
	width:730px;
	padding-top:10px;
	padding-left:20px;
	padding-bottom:20px;
	padding-right:20px;
	vertical-align:middle;
}

#footernav
{
	float: left;
	background-color:#00467F;
	height:22px;
	width:100%;
	padding:0;
	margin:0;
	border:0;
	vertical-align:middle;
	padding-top:6px;
}

#footernav .navigation
{
	padding:0 5px;
	margin:0;
	vertical-align:middle;
}

#footer #footernav ul li
{
	display: inline;
	color: #FFFFFF;
	float: left;
	padding-right: 5px;
	font-size: 12px;
	border-right: solid 1px #9377CB;
	padding-left: 5px;
}
#footer #footernav ul li.lastnode
{
	border: none;
}

#footer #footernav a
{
	text-decoration: none;
	color: #FFFFFF;
}

#footer #footernav a:hover
{
	text-decoration:underline;
}

/* HOME PAGE */

#banner
{
	float:left;
	width:710px;
	background-color: #19588C;
	margin:0;
	padding:10px;
	border:0;
}

#slideshow
{
	float:left;
}

#slideshowSidebar
{
	float:left;
	padding:0 10px;
	color:#FFF;
	width:170px;
}

#slideshowSidebar p
{
	margin:5px 0;
	padding:0;
	border:0;
}

#slideshowSidebar p strong
{
	font-size:16px;
}

#slideshowSidebar ul
{
	margin:5px 0;
	padding:0;
	border:0;
}

#slideshowSidebar ul li
{
	background-image: url(../images/sidebar_bullet.gif);
	background-position:left center;
	background-repeat:no-repeat;
	list-style-type:none;
	padding-left:15px;
	margin-top:10px;
}

#slideshowSidebar ul li a
{
	color:#FFF;
}

#slideshowSidebar ul li a:hover
{
	text-decoration:underline;
}

#bodyTextHome
{
	float:left;
	width:300px;
	margin-right:20px;
}

#bodyTextHome h1
{
	color:#00467F;
	margin:5px 0;
}

#bodyTextHome h2
{
	font-size:1.4em;
}

#bodyTextHome p
{
	text-align:justify;
}

#featureHolder
{
	float: left;
	padding: 0px;
	margin: 0px;
	width:410px;
	margin-bottom:15px;
}

.featurePanel
{
	float:left;
	margin:0;
	margin-top:15px;
	width:200px;	
}

.featurePanel h2
{
	margin:0;
	padding:6px;
	border:0;
	color:#FFF;
	font-size:1.2em;
}

.featurePanel img
{
	width:200px;
	height:90px;
	margin:0;
	padding:0;
	border:0;
}

.featurePanel p
{
	margin:0;
	padding:6px;
	border:0;
}

.featurePanel ul
{
	margin:0;
	border:0;
	padding:0;
}

.featurePanel ul li
{
	margin-top:6px;
	margin-left:20px;
}

.featureText
{
	margin:0;
	padding:0;
	border:0;
}



#feature2
{
	margin-left:10px;
}

#feature1 h2
{
	background-color:#F47B29;
}
#feature1 .featureText
{
	background-color:#F7F4F0;
}

#feature2 h2
{
	background-color:#EF3829;
}
#feature2 .featureText
{
	background-color:#F7F4F0;
}

/* BREADCRUMB */

ul.breadcrumb
{
	background-color:#19588C;
	padding:6px 10px;
	margin:0;
	margin-bottom:10px;
	border:0;
	float:left;
	color:#FFF;
	width:750px;
	font-size:11px;
}

.breadcrumb li
{
	list-style-image:none;
	display:inline;
	padding-right:7px;

	/* Addition */
	margin-right: 5px;
	background: transparent url(../images/breadCrumb_sep.png) no-repeat top right;
}

.breadcrumb li.lastnode
{
	font-weight:bold;

	/*Addition*/
	background: none;
}

.breadcrumb li a
{
	color:#FFF;
	text-decoration:none;
}

.breadcrumb li a:hover
{ 
	text-decoration: underline;
}

/* SUBNAVIGATION*/

#sideNav
{
	width:178px;
	float:left;
	margin:0;
	height:200px;
	min-height/**/:200px
}

#subNavHeader
{
	padding:6px 10px;
	font-weight:bold;
	background-color:#416050;
	color:#FFF;
}

#sideNav ul.subNav
{
	width:100%;
	margin:0;
	border:0;
	padding:0;
}

#sideNav ul.subNav li
{
	padding:6px 10px;
	background-color:#EDEFEE;
	list-style-image:none;
	list-style-type:none;
	margin:0;
	border:0;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	border-collapse:collapse;
}

#sideNav ul.subNav li.current
{
	font-weight:bold;
}

#sideNav ul.subNav li a
{
	color:#323232;
}


/* SIDE NAV LEVEL 2 */

#sideNav ul.navigation
{
	width:100%;
	margin:0;
	border:0;
	padding:0;
}

#sideNav ul.navigation li
{
	font-weight:normal;
	padding:6px 0px;
	background-color:#EDEFEE;
	list-style-image:none;
	list-style-type:none;
	margin-left:10px;
	border:0;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	border-collapse:collapse;
}

#sideNav ul.navigation li.lastnode
{
	padding:6px 0px;
	background-color:#EDEFEE;
	list-style-image:none;
	list-style-type:none;
	margin-left:10px;
	border:0;
	border-top:solid 1px #FFF;
/*	border-bottom:solid 1px #FFF;*/
	border-collapse:collapse;
}

#sideNav ul.navigation li.firstnode
{
	padding:6px 0px;
	background-color:#EDEFEE;
	list-style-image:none;
	list-style-type:none;
	margin-left:10px;
	margin-top:10px;
	border:0;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	border-collapse:collapse;
}



#sideNav ul.navigation li.current
{
	font-weight:bold;
}

#sideNav ul.navigation li a
{
	color:#323232;
}



/* STANDARD */

#standard
{
	width:530px;
	margin-bottom:20px;
	float:left;
	margin-left:20px;
}

#standard #banner
{
	float:left;
	width:510px;
	margin-bottom:5px;
}

#standard #bodyText
{
	width:360px;
	float:left;
	margin:0;
	margin-top:10px;
}


#relatedAssets
{
	float: left;
	width: 150px;
	margin-left:20px;
}

#relatedAssets h2, #relatedAssets h3
{
	padding:6px 10px;
	font-weight: bold;
	font-size:12px;
	margin:0;
	margin-top:10px;
	border:0;
}

#relatedAssets h2
{
	background-color:#416050;
	color:#FFF;
}

#relatedAssets h3
{
	background-color:#EDEFEE;
	color:#323232;
	margin-bottom:10px;
}

#relatedAssets ul
{
	margin:0;
	padding:0;
	border:0;
}

#relatedAssets ul li
{
	list-style-image:none;
	list-style-type:none;
	padding:2px 10px;
	margin:0;
	margin-left:10px;
	background-image: url(../images/relatedassets_bullet.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#relatedAssets a
{
	color:#333;
	padding:2px 0px;
}

.downloadPDF p
{
	color:#333;
	padding:2px 10px;
	margin-left:10px;
}




/* STANDARD LISTING */


#listitem
{
	width: 530px;
	float: left;
	border-top: solid 1px #E9E7EA;
	padding-top: 10px;
	margin-bottom:10px
}

.listItemTitle
{
	font-size:14px;
	font-weight:bold;
}

.listContent
{
	padding-left:15px;
}


#listingimage
{
	float: left;
	margin-right:15px;
}

#pagerWrapper
{
	width: 510px;
	float: left;
}

#listpaging

{
	float: right;
	padding-bottom: 20px;
}

#listpaging a
{
	color: #310536;
}

/* BLUE */

.Blue #banner, .Blue #subNavHeader, .Blue #relatedAssets h2 /*, .Blue .breadcrumb*/
{
	background-color:#277ABE;
}

.Blue #sideNav ul.subNav li, .Blue #relatedAssets h3
{
	background-color:#F7F4F0;
}

.Blue #relatedAssets h3
{
	color: #277ABE;
}

.Blue h1, .Blue #standard #bodyText h1
{
	color:#277ABE;
}

/* GREEN */

.Green #banner, .Green #subNavHeader, .Green #relatedAssets h2  /*, .Green .breadcrumb*/
{
	background-color:#8EBC01;
}

.Green #sideNav ul.subNav li, .Green #relatedAssets h3
{
	background-color:#F7F4F0;
}

.Green #relatedAssets h3
{
	color: #8EBC01;
}

.Green h1, .Green #standard #bodyText h1
{
	color:#8EBC01;
}


/* RED */

.Red #banner, .Red #subNavHeader, .Red #relatedAssets h2 /*, .Red .breadcrumb*/
{
	background-color:#EF3829;
}

.Red #sideNav ul.subNav li, .Red #relatedAssets h3
{
	background-color:#F7F4F0;
}

.Red #relatedAssets h3
{
	color: #EF3829;
}

.Red h1, .Red #standard #bodyText h1
{
	color:#EF3829;
}



/* LIGHT RED */

.LightRed #banner, .LightRed #subNavHeader, .LightRed #relatedAssets h2 /*, .LightRed .breadcrumb*/
{
	background-color:#EC6D52;
}

.LightRed #sideNav ul.subNav li, .LightRed #relatedAssets h3
{
	background-color:#F7F4F0;
}

.LightRed #relatedAssets h3
{
	color: #EC6D52;
}

.LightRed h1, .LightRed #standard #bodyText h1
{
	color:#EC6D52;
}


/* PINK */

.Pink #banner,  .Pink #subNavHeader, .Pink #relatedAssets h2  /*,.Pink .breadcrumb*/
{
	background-color:#CE4FA6;
}

.Pink #sideNav ul.subNav li, .Pink #relatedAssets h3
{
	background-color:#F7F4F0;
}

.Pink #relatedAssets h3
{
	color:#CE4FA6;
}

.Pink h1
{
	color:#CE4FA6;
}

/* ORANGE */

.Orange #banner, .Orange #subNavHeader, .Orange #relatedAssets h2 /*,.Orange .breadcrumb*/
{
	background-color:#F47B29;
}

.Orange #sideNav ul.subNav li, .Orange #relatedAssets h3
{
	background-color:#F7F4F0;
}

.Orange #relatedAssets h3
{
	color:#FF9000;
}

.Orange h1, .Orange #standard #bodyText h1
{
	color:#F47B29;
}

/* Common FORMS */

fieldset.autogenerated
{
	border:0;
	margin:0;
	padding:0;
}

fieldset.autogenerated legend
{
	display:none;
}


/* Contact Us FORM */

#contactForm
{
	margin-bottom:15px; 
}

#contactForm .row
{
	padding:3px 0;
	clear:both;
}

#contactForm .row label
{
	float:left;
	width:200px;
	font-weight:bold;
}

#contactForm .row label .mandatoryIndicator
{
	color:#F00;
}

#contactForm .row .formelement
{
	float:left;
	width:300px;
}

#contactForm .row .formElement .errormessage
{
	color:#F00;
}

#contactForm .row .formElement input, #contactForm .row .formElement textarea, #contactForm .row .formElement select
{
	width:300px;
}

#contactForm .row .postcode input
{
	width:80px;
	margin-right:10px;
}

#contactForm .row .checklist
{
	float:left;
	margin-bottom:3px;
	clear:right;
	width:300px;
}

#contactForm .row .checklist .autowidth
{
	float:left;
	width:300px;
}

#contactForm .row .checklist .autowidth label
{
	font-weight:normal;
	width:auto;
	float:left;
	padding-right:10px;
	clear:right;
}

#contactForm .row .checklist .autowidth input
{
	width:auto;
	float:left;
}

#contactForm .submitrow input
{
	margin:0;
	margin-left:10px;
	margin-top:10px;
	font-weight:bolder;
	background-color:#5A35A9;
	border:0;
	color:#FFF;
	padding:2px 6px;
	float:right;
}

/* SEARCH FORM */

#searchForm
{
	border:none;
	float:right;
	padding-top:5px;
	padding-right:0;
	padding-left:0;
	width:240px;
	/*width:auto;*/
	background-color:#FCB040;
}

#searchForm legend
{
	display:none;
}

#searchForm row, #searchForm label, #searchForm .formElement, #searchForm .submitrow, #searchForm .row .formElement input
{
	float:left;
}

#searchForm label
{
	padding-top:3px;
	font-weight:bold;
	margin-right:10px;
}


#searchForm .submitrow input
{
	margin:0;
	margin-left:5px;
	font-weight:bolder;
	background-color:#FCB040;
	border:0;
	color:#000;
	padding:1px 1px;
	float:left;
}

/* Search Results */

#siteSearchForm
{
	border:solid 10px #EDEFEE;
	padding:0;
	margin-left:10px;
	margin-bottom:10px;
}

#siteSearchForm legend
{
	display:none;
}

#siteSearchForm .row, #siteSearchForm .submitrow
{
	margin:14px 7px;
}

#siteSearchForm .row, #siteSearchForm label, #siteSearchForm .formElement, #siteSearchForm .submitrow
{
	float:left;
}

#siteSearchForm label
{
	padding:2px 6px;
	font-weight:bold;
}

#siteSearchForm .submitrow input
{
	margin:0;
	margin-left:20px;
	font-weight:bolder;
	background-color:#5A35A9;
	border:0;
	color:#FFF;
	padding:2px 6px;
}

#resultList
{
	width:530px;
	float:left;
	margin-left:20px
}

#resultList .resultItem
{
	margin:0;
	margin-top:10px;
	padding:0;
	padding-bottom:10px;
	padding-right:15px;
	border:0;
	border-bottom:solid 1px #EDEFEE;
}

#resultList .resultTitle
{
	font-size:1.0em;
	font-weight:bold;
}

#resultListPaging
{
	text-align:right;
	background-color:#EDEFEE;
	padding:5px 10px;
	margin:0;
	margin-bottom:10px;
	clear:both;
	height:auto;
}

/* SITE MAP */
#siteMap
{
	width:730px;
	float:left;
	padding:0 0px;
}

.siteMapSection
{
	width:146px;
	float:left;
	margin-bottom:20px;
}

.siteMapItemHeader
{
	font-weight:bold;
}

.siteMapSection ul.navigation
{
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
}

.siteMapSection ul.subnav
{
	padding-left:10px
}