/*

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

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)
#477786 - Nav dropdown background
#2d5a6a - (Button & field border hover & active states)
#3d4a5b - (Feature box 2 text & external links)
#1e4856 - 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/news/")
-----------------------------------------------------------
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

*/

#news {
	background:#d0e1ed;
	}
	
#news h1,
#news h2,
#news h3,
#news h3,
#news h5,
#news h6,
#news legend,
#news label {
	 color: #3f6e7e;
	 }

#news #wrap_inner {
	border-color:#a5c8e1;
	}
		 	
#news #header {
	background: url(/resource/images/news/header.jpg) 0 0 no-repeat;
	}
		
		#news #header h1 a {
			background-image:url(/resource/images/news/header_cairngorms_logo.gif);
			}
	
#news #nav {
	background:#3d4a5b url(/resource/images/news/nav_full_bg.gif) 0 0 no-repeat
	}
	
	#news #nav li  {
		background-image:url(/resource/images/news/nav_divider.gif)
		}
			
		#news #nav li a {
			background-image:url(/resource/images/news/nav_bg.gif)
			}
			
		#news #nav li a:hover,
		#news #nav li a:focus {
			background-color:transparent;
			background-position:0 -100px
			}
			
/* ////// DROP DOWNS /////// */

/* Special part */			
#news #nav li ul {
	background:#477786;
	/* background: #1e4856 url(/resource/images/news/dd_bg.gif) 0 0 no-repeat; Darkest */
	padding:16px 16px 20px 16px; 
	position:absolute;
	left:0; /* Set 1px less than menu width */
	top:34px;
	display:none;
	width:210px;
	}

	/* Styles for Menu Items */
	#news #nav ul li {
		background-color:transparent;
		background-image:none;
		}
		
	#news #nav ul li a {
		display:block;
		text-decoration:underline;
		color:#a5c8e1;
		background-color:transparent;
		background-image:none; /* IE6 Bug */
		padding:5px;
		border:none;
		width:200px;
		}
	
		#news #nav ul li span {
			display: block;
			color:#a5c8e1;
			font:13px/15px Arial, Helvetica, sans-serif;
			background-image:none; /* IE6 Bug */
			padding:0 5px 10px 5px;
			border-bottom:dashed 1px #a6c5e7;
			width:200px;
			}
			
		#news #nav ul li strong {
			display:block;
			color:#fff;
			font:16px georgia,garamond,serif;
			font-weight:800;
			background:none; /* IE6 Bug */
			padding:5px;
			width:200px;
			}

/* Fix IE. Hide from IE Mac \*/
* html #news #nav ul li { float: left; height: 1%; }
* html #news #nav ul li a { height: 1%; }
/* End */

#news #nav ul li a:hover { color: #fff; background-color: #2d5a6a;}
#news #nav ul li a { padding: 2px 5px; } /* Sub Menu Styles */	
#news #nav li:hover ul,
#news #nav li.over ul { display: block; } /* The magic */

/* ///////////////////////// */
			
#main {
	background: url(/resource/images/news/main_bg.gif) 0 0 no-repeat;
	padding:8px 8px 0 8px;
	}
		
	#news #main a {
		color:#3f6e7e;
		}

	#news #main a:hover,
	#news #main a:focus {
		background-color:#deebf4;
		color:#3d4a5b;
		}

				#news #nav_forms {
					background:#deebf4;
					border-color:#a5c8e1;
					}

						#news #nav_forms label {
							color:#3f6e7e;
							}
							
	#news #content li {
		background: url(/resource/images/news/bullet_one.gif) 0 7px no-repeat;
		}
	
		#news #content li li {
			background: url(/resource/images/news/bullet_two.gif) 0 7px no-repeat;
			}
			
	#news #content ol li,
	#news #content ol li ol li {
		background:none;
		color:#3d4d5b;
		}
				
#news #sec_nav li {
	background:#3d4a5b url(/resource/images/news/nav_full_bg.gif) top right no-repeat;
	}
	
	#news #sec_nav li a,
	#news #sec_nav li a:hover {
		background-color:transparent;
		color:#fff}
	
		#news #sec_nav li li{
			background:#fff;}
			
			#news #sec_nav li li a {
				background-color:#fff;
				color:#3f6e7e;
				border-color:#a5c8e1;
				}

			#news #sec_nav li li a:hover {
				background-color:#deebf4;
				color:#3d4a5b;
				}

			#news #sec_nav li li a.active {	
				background: url(/resource/images/news/bullet_one.gif) 0 50% no-repeat;
				}
				
				#news #sec_nav li li li a,
				#news #sec_nav li li li a.active {
						background-color:#f6f6f6;
						}
						
/* ////////// QUICK LINKS ////////// */
#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 {
	background:transparent url(/resource/images/news/bullet_two.gif) 6px 7px no-repeat;
	margin:0 18px 0 0;
	border-bottom:1px dashed #a5c8e1;
	}
/* ////////////////////////////////// */	
	
#full_boxout,
#left_boxout,
#right_boxout,
.full_boxout,
.left_boxout,
.right_boxout,
.serverResponse .boxout {
	background-color:#deebf4;
	border:1px solid #a5c8e1;
	}

.serverResponse .boxout {
	font: 13px/19px Arial, Helvetica, sans-serif;
	font-weight:800;
	}

#full_boxout p,
#left_boxout p,
#right_boxout p,
#left_boxout blockquote,
#right_boxout blockquote,
.full_boxout p,
.left_boxout p,
.right_boxout p,
.left_boxout blockquote,
.right_boxout blockquote {
	color:#3d4a5b;
	}

.hangLeft,
.hangRight {
	background-color:#deebf4;
	border:1px solid #a5c8e1;
	padding:3px;
	}
	
hr {	
	background-color:#deebf4;
	color:#deebf4;
	}

#news #footer {
	background:#004053 url(/resource/images/news/footer_bg.gif) 0 0 repeat-x;
	}

	#news #footer a:hover {
		background-color:#2d5a6a;
		}

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

/* Extra section styles */			
.full_width {
	width:100%
	}
	
body.sec select.field_select {
	width:160px;
	}
	
dl.hangLeft,
dl.hangRight {
	padding:10px 16px 0 16px;
	margin:0 0 10px 0;
	}
