/*

-----------------------------------------------------------
NOTES:


-----------------------------------------------------------

SECTION COLOUR SCHEMES:
UNIVERSAL
-----------------------------------------------------------
DEFAULT:
#eeeeee - (Box & body backgrounds)
#cccccc - (Light borders)
#392714 - (Text for; p, ul, dl, ol, table, input, select)
#777777 - (Headings & links)

FORMS:
#969696 - (Field border)
#686767 - (Field text)
#222222 - (Field focus & hover state text)
#ffffce - (Field focus & hover state background)

HOME SECTION:
#home = PURPLE
-----------------------------------------------------------
#f1f1fd - Lightest purple (text link hover state background)
#e2dfed - (Box & body backgrounds)
#cdc7e0 - (Light borders)
#9589bf - (Form borders)
#7d54a8 - (Headings & links)
#67537c - (Button & field border hover & active states)
#4c3d5b - (Feature box 2 text & external links)
#362d53 - Darkest

PARK AUTHORITY SECTION:
#parkauthority = GREEN
-----------------------------------------------------------
#f3fdf1 - Lightest (text link hover state background)
#e1eddf - (Box & body backgrounds)
#c9e0c7 - (Light borders)
#89bf8c - (Form borders)
#56a854 - (Headings & links)
#577c53 - (Button & field border hover & active states)
#3f5b3d - (Feature box 2 text & external links)
#2d532d - Darkest

THE PARK SECTION:
#thepark = EMERALD GREEN
-----------------------------------------------------------
#d6f2ec - Lightest (text link hover state background)
#dfede5 - (Box & body backgrounds)
#c3e9e2 - (Light borders)
#a9cdc2 - (Form borders)
#04764f - (Headings & links)
#03a282 - (Button & field border hover & active states)
#3d5b4b - (Feature box 2 text & external links)
#093e2d - Darkest

NATIONAL PARK PLAN SECTION:
#nationalparkplan = BEIGE
-----------------------------------------------------------
#f2e4d6 - Lightest (text link hover state background)
#f2e3d6 - (Box & body backgrounds)
#e9d8c3 - (Light borders)
#9d887d - (Form borders)
#654e3f - (Headings & links)
#794729 - (Button & field border hover & active states)
#5b4c3d - (Feature box 2 text & external links)
#3e2309 - Darkest

CNPA SERVICES SECTION:
#cnpaservices = TAN GREEN
-----------------------------------------------------------
#f9f8df - Lightest (text link hover state background)
#f1f0dc - (Box & body backgrounds)
#e1dfb6 - (Light borders)
#9a9d7d - (Form borders)
#878549 - (Headings & links)
#676b21 - (Button & field border hover & active states)
#545b3d - (Feature box 2 text & external links)
#233e09 - Darkest

PLANNING SECTION:
#planning = PINK
-----------------------------------------------------------
#f2d6ee - Lightest (text link hover state background)
#eddfeb - (Box & body backgrounds)
#e9c3c8 - (Light borders)
#cda9b0 - (Form borders)
#ae4064 - (Headings & links)
#6a2d5f - (Button & field border hover & active states)
#5a3d5b - (Feature box 2 text & external links)
#561e3c - Darkest

OUTDOOR ACCESS SECTION:
#outdooraccess = BLUE
-----------------------------------------------------------
#d6e7f2 - Lightest (text link hover state background)
#dfe2ed - (Box & body backgrounds)
#c7c8df - (Light borders)
#3a9ad7 - (Form borders)
#3285bd - (Headings & links)
#2d4d6a - (Button & field border hover & active states)
#3d4d5b - (Feature box 2 text & external links)
#1e3656 - Darkest

LEARNING SECTION:
#learning = SKY BLUE
-----------------------------------------------------------
#e5f4f1 - Lightest (text link hover state background)
#d0eaed - (Box & body backgrounds)
#a5e0e1 - (Light borders)
#a6e7e3 - (Form borders)
#3f7e71 - (Headings & links)
#2d6a61 - (Button & field border hover & active states)
#3d5b55 - (Feature box 2 text & external links)
#1e564b - Darkest

NEWS SECTION:
#news = GREY BLUE
-----------------------------------------------------------
#deebf4 - Lightest (text link hover state background)
#d0e1ed - (Box & body backgrounds)
#a5c8e1 - (Light borders)
#a6c5e7 - (Form borders)
#3f6e7e - (Headings & links)
#2d5a6a - (Button & field border hover & active states)
#3d4a5b - (Feature box 2 text & external links)
#1e4856 - Darkest

CONTACT SECTION:
#parkauthority = PEACH
-----------------------------------------------------------
#fcead6 - Lightest (text link hover state background)
#f4dcc3 - (Box & body backgrounds)
#f5c999 - (Light borders)
#e7c7a6 - (Form borders)
#a88754 - (Headings & links)
#7c6953 - (Button & field border hover & active states)
#5b513d - (Feature box 2 text & external links)
#53402d - Darkest

IMPORTANT!
-----------------------------------------------------------
Each "#footer" background colour is custom - eye drop the
edge of the tile "footer_bg.gif".

CSS BACKGROUND IMAGE INVENTORY
(File path: "/resource/images/the-section-name/")
-----------------------------------------------------------
1.	footer_bg.gif
2.	footer_cairngorms_logo.gif
3.	header.jpg
4.	header_cairngorms_logo.gif
5.	main_bg.gif
6.	nav_bg.gif
7.	nav_divider.gif
8.	nav_full_bg.gif
9.	bullet_one.gif
10.	dd_bg.gif

*/

body {
	background:#eee;
	font-size:62.5%;
	}
	
h1,h2,h3,h3,h5,h6,blockquote {
	color:#777;
	display:block;
	font-family:georgia,garamond,serif;
	}
	
h1 {
	/* background:#00FF00; */
	font-size:24px;
	margin:6px 0;
	}

h2,
legend {
	font-size:18px;
	font-weight:400;
	margin:0;
	}

h3 {
	font-size:16px;
	font-weight:600;
	margin:0;
	}
	
h3 {
	font-size:14px;
	margin:0;
	}
	
h5 {
	font-size:12px;
	margin:0;
	}
	
h1 span,
h2 span,
h3 span,
h3 span,
h5 span,
h6 span {
	display:block;
	}

p, ul, dl, ol, table, input, select, address, textarea {
	color: #392714;
	font: 13px/19px Arial, Helvetica, sans-serif;
	margin: 0 0 1.4em;
	}
	
em {
	font-style: italic;
}
	
legend {
	margin:10px 0 0 0}
	
strong {
	font-weight:800}

blockquote {
	font-size:16px;
	font-weight:400;
	margin:0 0 8px 0;
	}
	
blockquote strong {
	font-size:14px;
	font-weight:800;
	}

a, a:link, a:visited, a:hover {text-decoration:none;}

#main h2 a {font-weight:400}

acronym, abbr {cursor:help;}

#wrap {
	margin:0 auto;
	width:984px;}
	
#wrap_inner {
	background:#fff;
	border:1px solid #ccc;
	border-top:none;
	border-bottom-width:2px;
	margin:0;
	padding:8px 20px 0}
	
#home #wrap_inner {
	border:1px solid #cdc7e0}
	
body.sec #wrap_inner {
	margin:0 0 10px}
	
#header {
	background:none;
	height:54px;
	margin:0 0 8px 0;
	width:940px;
	}
	
	#header h1 {
		margin:0;
		padding:11px 0 8px 16px}
		
		#header h1 a {
			background-image:url(/resource/images/global/cairngorms_logo.gif);
			background-color: transparent;
			display:block;
			height:35px;
			outline:none;
			text-indent:-99999px;
			width:171px;}
		
		#header h1 a:hover,
		#header h1 a:focus {
			background-position:0 -35px}
	
#nav {
	margin:0 2px 0 0; /* */
	padding:0 1px;
	height:36px;
	background: url(/resource/images/global/default_nav_full_bg.gif) 0 0 no-repeat;
	font:15px georgia,garamond,serif}

	#nav li  {
		display:block;
		float:left;
		padding:0 2px 0 0;
		position: relative;
		background: url(/resource/images/global/default_nav_divider.gif) 100% 50% no-repeat}
	
	#nav li.end {
		background:none}
	
		#nav li a {
			color:#fff;
			padding:8px;
			display:block;
			overflow:hidden;
			background-color:#666;
			background-image: url(/resource/images/global/default_nav_bg.gif);
			background-position: 0 0;
			background-repeat: repeat-x}
		
		#nav li a:hover,
		#nav li a:focus {
			background-position:0 -100px}
			
		#nav li a.active {
			font-weight:800;
			background-position:0 -100px}
			
/* ******************************************************************** */

/* Special Part */
#nav li ul {
	display:none;
	z-index: 999999;
	}

/* ******************************************************************** */

#main {
	background: url(/resource/images/global/main_bg_default.gif) 0 0 no-repeat;
	padding:8px 8px 0 8px;
	}
	
	#main a {
		color:#69c;
		font-weight:800;
		text-decoration:underline;
		}

	#main a:hover,
	#main a:focus {
		background-color:#e8f2fc;
		color:#06c;
		}
	
	#full_boxout,
	.full_boxout {
		background-color:#eee;
		border:#ccc 1px solid;
		margin:4px 4px 16px 0;
		padding:15px 15px 0;
		}
		
	#full_boxout p,
	.full_boxout p {
		color:#666;
		font-weight:800;
		}
		
	#left_boxout,
	.left_boxout {
		background-color:#eee;
		border:#ccc 1px solid;
		float:left;
		margin:4px 8px 4px 0;
		padding:15px 15px 7px;
		width:180px;
		
		}
		
	#left_boxout p,
	.left_boxout p {
		color:#666;
		}
		
	#right_boxout,
	.right_boxout {
		background-color:#eee;
		border:#ccc 1px solid;
		float:right;
		margin:4px 4px 8px 8px;
		padding:15px 15px 7px;
		width:265px;
		}
		
	#right_boxout p,
	.right_boxout p {
		color:#666;
		}
	
	#left_boxout li,
	.left_boxout li,	
	#right_boxout li,
	.right_boxout li {
		font-size:11px;
		margin:5px 0 0 0;
		}

		#content {
			float:left;
			width:600px;
			}
			
		#content div.content {
			padding:10px 16px 0 16px;
			}
			
		body.sec #content {
			float:right;
			width:688px;
			padding-bottom:25px;
			}
			
			#content ul,
			#content ol {
				margin-left:10px;
				}
			
			#content li {
				background: url(/resource/images/global/bullet_one.gif) 0 7px no-repeat;
				padding-left:10px;
				}
				
				#content li li {
					background: url(/resource/images/global/bullet_two.gif) 0 7px no-repeat;
					padding-left:10px;
					}
					
			#content ol li {
				background:none;
				list-style:decimal;
				padding-left:0;
				margin-left:30px;
				}
				
				#content ol li ol li {
					background:none;
					list-style:decimal;
					padding-left:0;
					margin-left:30px;
					}
			
		#sidebar {
			float:left;
			margin:0 0 0 8px;
			width:316px;
			}
			
		body.sec #sidebar {
			float:right;
			margin:0 8px 30px 0;
			width:228px;
			}
			
			#sec_nav li {
				background:#666 url(/resource/images/global/default_nav_full_bg.gif) top right no-repeat;
				}
								
			#sec_nav li a {
				font-family:georgia,garamond,serif;
				background: url(/resource/images/global/btm_left_corner.gif) bottom left no-repeat;
				color:#fff;
				cursor:default;
				display:block;
				text-decoration:none;
				padding:8px 0 8px 16px;
				}
				
				#sec_nav li li {
					background:#fff;
					display:block;
					}
				
				#sec_nav li li a {
					font: 13px/19px Arial, Helvetica, sans-serif;
					background:#efefef;
					border-bottom:1px dashed #ccc;
					color:#666;
					cursor:pointer;
					margin:0 0 0 16px;
					padding:8px 0 ;
					}
				
				#sec_nav li li a.active {	
					background: url(/resource/images/global/bullet_one.gif) 0 50% no-repeat;
					font-weight:800;
					padding-left:10px;
					}
					
					#sec_nav li li ul {
						margin:0;
						padding:0 0 0 10px;
						}
					
					#sec_nav li li li a {
						font: 11px/17px Arial, Helvetica, sans-serif;
						background:#fefefe;
						border-bottom:1px dashed #ccc;
						color:#666;
						margin:0 0 0 16px;
						padding:6px 10px;
						}
					
					#sec_nav li li li a.active {	
						background: url(/resource/images/global/default_secnav_indy.gif) 0 50% no-repeat;
						font-weight:800;
						padding-left:10px;
						}
		 
				#nav_forms {
					background:#eee;
					border:1px solid #ccc;
					margin:0;
					}

					#nav_forms fieldset {
						padding:12px 16px 0 16px;
						}
				
					#nav_forms #search-form {
						border-top:1px dashed #ccc;
						}


						#nav_forms label {
							color: #666;
							display:block;
							font-size:15px;
							margin-bottom:2px; 
							}

						#nav_forms input.field,
						input.field,
						textarea.field,
						input.required {
							border:1px solid #969696;
							color:#686767;
							padding:6px;
							width:220px;
							}
							
						#nav_forms input.field {
							float:left;
							}
							
						body.sec #nav_forms input.field {
							width:148px;
							}
							
							input.field:hover,
							input.field:focus,
							textarea.field:hover,
							textarea.field:focus,
							input.required:hover,
							input.required:focus {
								background:#ffffce;
								border-color:#67537c;
								color:#222;
								}
						
						#nav_forms input.form_img {
							float:left;
							padding:8px;
							}
							
						#nav_forms select.field_select,
						select.field_select {
							background:transparent url(/resource/images/global/select_bg.gif) 0 0 repeat-x;
							border:1px solid #969696;
							color:#686767;
							padding:6px;
							}
							
						#nav_forms select.field_select {
							width:260px;
							}
						
						body.sec #nav_forms select.field_select {
							width:192px;
							}
							
							#nav_forms select.field_select:hover,
							#nav_forms select.field_select:focus,
							select.field_select:focus {
								outline:none;
								background:#ffffce;
								border-color:#67537c;
								color:#222;
								}
								
						#nav_forms option {
							background:#fff;
							}
	
						#quick-site-nav-one,
						#quick-site-nav-two,
						#quick-site-nav-three,
						#quick-site-nav-four,
						#quick-site-nav-five,
						#quick-site-nav-six,
						#quick-site-nav-seven,
						#quick-site-nav-eight,
						#quick-site-nav-nine,
						#quick-site-nav-ten,
						#quick-site-nav-eleven,
						#quick-site-nav-twelve {
							display:none;
							margin:-16px 0 0 0;
							padding: 0 0 0 16px}
							
						#quick-site-nav-one ul li a,
						#quick-site-nav-two ul li a,
						#quick-site-nav-three ul li a,
						#quick-site-nav-four ul li a,
						#quick-site-nav-five ul li a,
						#quick-site-nav-six ul li a,
						#quick-site-nav-seven ul li a,
						#quick-site-nav-eight ul li a,
						#quick-site-nav-nine ul li a,
						#quick-site-nav-ten ul li a,
						#quick-site-nav-eleven ul li a,
						#quick-site-nav-twelve ul li a {
							margin:0 38px 0 0;
							padding: 3px 0 3px 16px;
							display:block;
							}
							
						dd ul.form_list {
							list-style:none;
							padding:0;
							margin:10px 10px;}
							
						#outdooraccess #content dd ul.form_list li {
							list-style:none; background-image:none; padding:0; margin:0}
						
						dd ul.form_list li input {
							padding:0; margin:0}
							
.hangLeft {
	float:left;
	margin:4px 8px 4px 0}
	
.hangRight {
	float:right;
	margin:4px 3px 4px 8px}
	
hr {
	background-color:#eee;
	border:none;
	clear:both;
	color:#eee;
	height:2px}

address {
	font-size:140%;
	font-weight:800;
	line-height:1.3em;
	margin:0 0 20px 0;
	}

dt {
	font-size:110%;
	font-weight:800;
	}
	
dd {
	font-size:110%;
	}

#footer {
	height:150px;
	background:#222 url(/resource/images/global/footer_bg.gif) 0 0 repeat-x;
	}
	
	#footer_inner {
		margin:0 auto;
		width:984px;
		}
	
		#footer_inner ul {
			margin:16px 0 0 18px;
			font-size:11px;
			float:left;
			}
		
		#footer_inner a {
			background-color:transparent;
			color:#fff;
			}
		
				#footer_inner a:hover,
				#footer_inner a:focus {
					background-color:#666;
					text-decoration:underline
					}
					
		#footer_inner p.logo {
			margin:43px 16px 0 0;
			float:right;
			}

		#footer_inner p.logo a {
			background:transparent url(/resource/images/global/footer_cairngorms_logo.gif) 0 0 no-repeat;
			background-color:transparent;
			display:block;
			height:35px;
			outline:none;
			text-indent:-99999px;
			width:171px;
			}
		
		#footer_inner p.logo a:hover,
		#footer_inner p.logo a:focus {
			background:transparent url(/resource/images/global/footer_cairngorms_logo.gif) 0 -35px no-repeat;
			}

/* TABLES */
table { 
	background-color:#fafafa;
	border:none;
	border-collapse:collapse;
	border-spacing:0px;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	}

th {
	background-color: #eee;
	border:none;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	text-align:left;
	padding:4px;
	}

td {
	background-color:#fafafa;
	border-bottom:1px #6699CC dotted;
	color:#404040;
	font-weight:400;
	font-size:.9em;
	text-align:left;
	padding:4px;
	}

/* Generic styles */
.clearer {
	clear:both;}

h3.error,
.error,
.red,
label span {
	color:red;
	}
	
/* Form Errors */
	input.error  {
			border-color:red;
			background:#fce1e4;
			}
		
		label.error {
			float:left;
			margin:0 0 0 11px;
			padding:6px;
			font: 13px/19px Arial, Helvetica, sans-serif;
			width:100%;
			}
	
/* Self-clearing floats */
#wrap_inner:after,
#header:after,
#nav:after,
#main:after,
#content:after,
#sidebar:after,
#feature_box_one:after,
#feature_box_two:after {
    clear:both;
	content:".";
    display:block;
    height:0;
    visibility:hidden
    }
	
#image_holder img {position:absolute; top:0px; left:0px}

#dummy_select {width:194px; height:33px; background:url(/resource/images/global/dummy_select.jpg) no-repeat top left; display:block; overflow:hidden; padding:0px 0px 3px;}

/* Form styles */			
		#content form.survey fieldset {
			margin:16px 0 0 0;
			padding:50px 20px 0 20px;
			background: #F2E3D6;
			border:none;
			color: #5B4C3D;}
		
		#content form.survey fieldset dl {
			padding:0 0 0 0}
		
		#content form.survey legend {
			margin: 0 0 -55px 0;
			color: #5B4C3D;
			}
			
		* html #content form.survey fieldset {
			padding:20px 20px 0 20px}
		
		*:first-child+html #content form.survey fieldset {
			padding:20px 20px 0 20px}
		
		* html #content form.survey legend {
			margin: 0 0 0 -8px;
			}
			
		*:first-child+html #content form.survey legend {
			margin: 0 0 0 -8px;
			}
			
		#content form.survey .half,
		#content form.survey .half_right {
			float: left;
			width: 48%;
		}
		
			#content form.survey .half input,
			#content form.survey .half_right input {
				width: 45%;
			}
			
		#content form.survey .half_right {
			margin-left: 18px;
		}
			
		#content form.survey br.clearer {
			clear: both;
		}
			
		#content form.survey textarea {
			width: 612px;
			margin-top: 2px;
		}
			
		#content form.survey label {
			font-family: Arial,Helvetica,sans-serif;
			font-size: 1.1em;
			font-weight: bold;
		}
		
			#content form.survey label.large {
				display: block;
				font-size: 1.4em;
				margin-top: 5px;
			}
			
		#content form.survey input.textfield {
			width: 98%;
			padding: 5px;
			margin-bottom: 10px;
		}
		
		#content form.survey div.horz_radio label,
		#content form.survey div.horz_radio input,
		#content form.survey div.horz_check label,
		#content form.survey div.horz_check input,
		#content form.survey div.horz_check_with_text label,
		#content form.survey div.horz_check_with_text input {
			float: left;
		}
		
			#content form.survey div.horz_radio input,
			#content form.survey div.horz_check input,
			#content form.survey div.horz_check_with_text input {
				display: block;
				margin-top: 1px;
				margin-right: 5px;
			}
			
			#content form.survey div.horz_radio label,
			#content form.survey div.horz_check label,
			#content form.survey div.horz_check_with_text label {
				margin-right: 11px;
			}
			
			#content form.survey div.horz_check_with_text input,
			#content form.survey div.horz_check_with_text label {
				margin-top: 3px;
			}	
			
				#content form.survey div.horz_check_with_text input.text {
					margin-top: 0px;
				}
			
		#content form.survey div.vert_check input {
			margin-bottom: 10px;
			margin-right: 5px;
		}
		
			#content form.survey div.vert_check input.indent {
				margin-left: 65px;
			}
			
			#content form.survey div.vert_check label.single {
				display: block; 
				margin-bottom: 5px;
			}
			
			#content form.survey div.vert_check label.indent {
				font-weight: normal;
			}
			
		#content form.survey div.check_text div {
			float: left;
			width: 50%;
		}
		
			#content form.survey div.check_text div label,
			#content form.survey div.check_text div input.check {
				margin-right: 5px; 
				display: block; 
				float: left; 
				margin-top: 3px;
			}
			
			#content form.survey div.check_text div label {
				width: 90px;
			}
			
		br.clearer {
			clear: both;
		}
		
		#content form.survey input.field,
		#content form.survey textarea.field {
			width:98%}
			
		form.survey #button {
			background-color:#dfe2ed;
			margin:0 0 0 0;}
		
		form.survey #button:hover,
		form.survey #button:focus {
			background-color:#1e3656;
			}
		
		form.survey .submit_button {
			border: 1px solid #fff;
		}
		
		form.survey .submit_button:hover {
			border: 1px solid #5b4c3d;
		}
		
		/* END FORM STYLES */