/*

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

LEARNING SECTION: #learning = SKY BLUE
-----------------------------------------------------------
#e5f4f1 - Lightest (text link hover state background)
#d0ede5 - (Box & body backgrounds)
#a5e0e1 - (Light borders)
#a6e7e3 - (Form borders)
#3f7e71 - (Headings & links)
#2d6a61 - (Button & field border hover & active states)
#2a6868 - Nav dropdown background
#3d5b55 - (Feature box 2 text & external links)
#1e564b - 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/learning/")
-----------------------------------------------------------
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

*/

#learning {
	background:#d0ede5;
	}
	
#learning h1,
#learning h2,
#learning h3,
#learning h3,
#learning h5,
#learning h6 {
	 color: #3f7e71;
	 }

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

/* ////// DROP DOWNS /////// */

/* Special part */			
#learning #nav li ul {
	background:#2a6868;
	/* background: #1e564b url(/resource/images/learning/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 */
	#learning #nav ul li {
		background-color:transparent;
		background-image:none;
		}
		
	#learning #nav ul li a {
		display:block;
		text-decoration:underline;
		color:#a5e0e1; /* Light borders */
		background-color:transparent;
		background-image:none; /* IE6 Bug */
		padding:5px;
		border:none;
		width:200px;
		}
	
		#learning #nav ul li span {
			display: block;
			color:#a5e0e1; /* Light borders */
			font:13px/15px Arial, Helvetica, sans-serif;
			background-image:none; /* IE6 Bug */
			padding:0 5px 10px 5px;
			border-bottom:dashed 1px #a6e7e3; /* Form borders */
			width:200px;
			}
			
		#learning #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 #learning #nav ul li { float: left; height: 1%; }
* html #learning #nav ul li a { height: 1%; }
/* End */

#learning #nav ul li a:hover { color: #fff; background-color: #558d8d; } /* Button & field border hover & active states */
#learning #nav ul li a { padding: 2px 5px; } /* Sub Menu Styles */	
#learning #nav li:hover ul,
#learning #nav li.over ul { display: block; } /* The magic */

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

	#learning #main a:hover,
	#learning #main a:focus {
		background-color:#e5f4f1;
		color:#3d5b55;
		}

				#learning #nav_forms {
					background:#e5f4f1;
					border-color:#a5e0e1;
					margin:8px 0 0 0;
					}

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

			#learning #sec_nav li li a:hover {
				background-color:#e5f4f1;
				color:#3d5b55;
				}
				
			#learning #sec_nav li li a.active {	
				background: url(/resource/images/learning/bullet_one.gif) 0 50% no-repeat;
				}

				#learning #sec_nav li li li a,
				#learning #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/learning/bullet_two.gif) 6px 7px no-repeat;
	margin:0 18px 0 0;
	border-bottom:1px dashed #a5e0e1;
	}
/* ////////////////////////////////// */
					
#full_boxout,
#left_boxout,
#right_boxout,
.full_boxout,
.left_boxout,
.right_boxout {
	background-color:#e5f4f1;
	border:1px solid #a5e0e1;
	}

#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:#3d5b55;
	}
	
.hangLeft,
.hangRight {
	background-color:#e5f4f1;
	border:1px solid #a5e0e1;
	padding:3px;
	}
	
hr {	
	background-color:#e5f4f1;
	color:#e5f4f1;
	}

#learning #footer {
	background:#528d8d url(/resource/images/learning/footer_bg.gif) 0 0 repeat-x;
	}
	
	#learning #footer a:hover {
		background-color:#2d6a61;
		}

		#learning #footer_inner p.logo a {
			background:transparent url(/resource/images/learning/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;
			}
			
/* Images */
div#content div.content img {
	float:right;
	margin:4px 3px 4px 8px;
	background-color:#e5f4f1;
	border:1px solid #a5e0e1;
	padding:3px;}