* {outline: transparent;}
body { background-attachment: fixed; background-image: url(../images/public/photo_bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; height: 100%; width: 100%; margin: 0px; padding: 0px; }
#wrapper { width: 1000px; margin-right: auto; margin-left: auto; background-image: url(../images/public/white-strip-bg.png); background-repeat: repeat-y; background-position: 50% 0px; overflow: hidden; margin-bottom: 0px; }
#header { width: 988px; margin-right: auto; margin-left: auto; background-image: url(../images/public/header-strip-bg.jpg); background-repeat: repeat-x; background-color: #D4D10E; height: 143px; position: relative; margin-top: 0px; margin-bottom: 0px; padding: 0px; z-index: 10; }
#footer { margin-bottom: 15px; }
#bottom_shadow { height: 6px; width: 1003px; margin-right: auto; margin-left: auto; line-height: 0px; background-image: url(../images/public/bottom-shadow.png); background-position: center top; padding: 0px; margin-top: 0px; margin-bottom: 30px; }
#logo  { margin: 0px; padding: 0px; position: absolute; left: 25px; top: 8px; z-index: 1; width: 816px; height: 114px; display: block; }
#logo a { background-image: url(../images/public/scra-logo.png); display: block; margin: 0px; padding: 0px; height: 114px; width: 816px; text-indent: -9999em; }

/* @group Navigation */

#nav 					{ list-style-type: none; position: absolute; left: 145px; top: 100px; font-family: Arial, Helvetica, sans-serif; 
						margin: 0px; padding: 0px; width: 850px; font-size: 109%; z-index: 50; }
#nav li 				{ float: left;  padding-top: 2px;background-image: none; padding-right: 0px; padding-left: 0px; position: relative;
						height: 24px; z-index: 51;}
#nav li.active 			{ background-image: url(../images/public/nav-strip-hover-bg.png); background-repeat: repeat-x; 
						background-position: 0px 0px; }
#nav li:last-child a	{ border: none; }
#nav li a 				{ text-decoration: none; padding-right: 10px; padding-left: 10px; border-right-width: 2px; border-right-style: solid; 
						border-right-color: #00aeef; color: #004483; }
#nav li a:hover 		{ color: #00aeef; }

#nav li ul 				{ display: none; background-color: transparent; margin: 0; padding: 0; position: absolute; top:21px; left: 0; z-index: 52;}
#nav ul li				{border: none; width: 260px; margin: 0 0 0 0 ; padding: 0; 
						background-image: url(../images/public/nav-strip-mustard.jpg);
						background-repeat: repeat-y; background-position: left top;
						border-bottom: 1px solid #004483; height: auto ; position: relative; z-index: 53;}
#nav ul li a			{border: none; width: 100%; line-height: 25px; height: 100%; display: block; margin: 0 0 0 5px; padding: 0; position: relative; z-index: 50;}
#nav ul li a:hover		{color: #004483;}
#nav ul li.dropDownHover	{background-image: url(../images/public/nav-strip-blue.jpg);}


/* @end */
#accessibility_link { position: absolute; top: 20px; right: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 110%; }
#rss_link { position: absolute; right: 10px; top: 50px; background-image: url(../images/public/rss.png); background-repeat: no-repeat; background-position: 0px 0px; text-indent: -9999em; margin: 0px; padding: 0px; height: 25px; width: 24px; }
#facebook_link { position: absolute; right: 40px; top: 50px; background-image: url(../images/public/facebook.png); background-repeat: no-repeat; background-position: 0px 0px; text-indent: -9999em; margin: 0px; padding: 0px; height: 25px; width: 24px; }
#linkedin_link { position: absolute; right: 70px; top: 50px; background-image: url(../images/public/linkedin.png); background-repeat: no-repeat; background-position: 0px 0px; text-indent: -9999em; margin: 0px; padding: 0px; height: 25px; width: 24px; }
#blue_block { background-color: #05acef; height: 8px; width: 950px; position: absolute; left: 18px; bottom: 0px; }
#breadcrumb { overflow: hidden; padding: 0px; margin-top: 5px; margin-bottom: 5px; width: 931px; margin-right: auto; margin-left: auto; }
#breadcrumb h5 { font-family: "Times New Roman", Times, serif; font-weight: bold; color: #9e9d9d; float: left; margin: 0px; }
#breadcrumb ul { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; list-style-type: none; float: left; }
#breadcrumb ul li { margin: 0px; float: left; background-image: url(../images/public/breadcrumb-arrow.gif); background-repeat: no-repeat; background-position: 0px 50%; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 12px; }
#breadcrumb ul li a { font-family: Tahoma, Arial, sans-serif; text-decoration: none; color: #666666; text-transform: capitalize; }
#breadcrumb ul li a:hover { text-decoration: underline; }
#banner { border-top-width: 1px; border-top-style: solid; border-top-color: #00aeef; height: 234px; position: relative; z-index: 1; background-image: url(../images/public/banners/image1.jpg); background-repeat: no-repeat; background-position: right 50%; margin-right: auto; margin-left: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #00aeef; margin-bottom: 10px; }
#banner h5 { font-family: Tahoma, Arial, sans-serif; font-weight: bold; color: #005097; font-size: 110%; background-image: url(../images/public/banner-description-bg.png); margin: 0px; position: absolute; right: 0px; bottom: 0px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
#left_column h3 { text-align: center; margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; font-family: "Myriad Pro", Tahoma, Arial, sans-serif; font-weight: normal; font-size: 140%; }
#left_column h3.open { }
#left_column h3 a { background-color: #e7e7c1; display: block; text-decoration: none; color: #004492; padding: 8px; }
#left_column h3 a:hover { background-color: #d0d093; }
#left_column ul { background-color: #f7f7e6; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; list-style-type: none; }
#left_column li { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url(../images/public/left-column-list-img.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 6px; }
#left_column li p { margin: 0px; padding: 0px; color: #000; }
#left_column li.top p a {color: #004492;}
#left_column p span { color: #666666; }
#left_column ul.top {list-style: none; margin: 0; padding: 0;}
#left_column ul.top li.top {margin: 0; padding: 0; background-image: none;}
#left_column ul.top ul	{display: none;}
#left_column ul.top li.open ul {display: block;}

div.box { border: 1px solid #ebebce; background-image: url(../images/public/box-strip-bg.jpg); background-repeat: repeat-x; background-position: 0px 0px; background-color: #fefefd; }
div.inverse_box { background-image: url(../images/public/box-inverse-strip-bg.jpg); background-repeat: repeat-x; background-position: 0px bottom; margin: 15px; padding: 10px; background-color: #fefefd; }
div.inverse_box ul { font-size: 110%; }
div.inverse_box ul li { margin-bottom: 5px; }
h1, h2, h3, h4, h5, h6 { color: #004893; font-weight: bold; }
h1 { font-family: "Myriad Pro", Tahoma, Arial, sans-serif; font-weight: bold; color: #00aeef; font-size: 220%; margin-bottom: 20px; }
h2 { font-family: "Myriad Pro", Tahoma, Arial, sans-serif; font-weight: normal; color: #00aeef; font-size: 220%; margin-bottom: 20px; }
h6 {color: #0f74d2;}
div.dots { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #e0e0c4; height: 0; font-size: 0; line-height: 0;}
#right_column { background-color: transparent; }
#right_column ul { margin: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 7px; background-color: #efeddf; }
#right_column ul li { background-image: none; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #d4d10f; }
#right_column ul li:last-child { border:none}
#right_column ul li a { text-indent: -9999em; display: block; margin: 0px; padding: 0px; }
#left_link_1 { background-image: url(../images/public/ranger-professional-development-journey.jpg); height: 189px; width: 214px; }
#left_link_2 { background-image: url(../images/public/what-is-a-ranger.jpg); height: 182px; width: 217px; }
#left_link_3 { background-image: url(../images/public/join-scra.jpg); height: 182px; width: 217px; }
a#left_link_3:hover, a#left_link_3:hover, a#left_link_3:hover { text-decoration: none;}
#snh { background-image: url(../images/public/scottish-national-heritage-strip-bg.png); background-repeat: repeat-x; background-position: 0px 0px; height: 69px; margin-top: 10px; }
#snh h4 { margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: normal; padding: 0px; font-size: 120%; }
#snh h4 a { color: #666; text-decoration: none; padding-top: 32px; padding-bottom: 18px; padding-left: 160px; display: block; margin-left: 40px; background-image: url(../images/public/snh-logo.png); background-repeat: no-repeat; background-position: 0px 50%; }
#snh h4 a span { display: none; }

img#advert	{ border: 1px solid #dcdc9e; margin: 0; padding: 0; display: block;}
a#advert_url {display: block; width: 230px; padding-bottom: 10px;}
/* @group Footer */

#footer_links { overflow: hidden; background-image: url(../images/public/footer-strip-bg.png); background-repeat: repeat-x; background-position: 0px 0px; font-size: 90%; height: 32px; }
#footer_links ul { width: 340px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; display: block; overflow: hidden; }
#footer_links li { background-image: none; float: left; margin: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #797979; }
#footer_links li:last-child { border:none }
#footer_links li a { color: #797979; text-decoration: none; }
#footer_links li a:hover { text-decoration: underline; }

/* @end */

/* @group Category Menu */
ul#category_menu			{background-color: #eef2c8; margin: 0; padding: 0; min-height: 500px;}
ul#category_menu li 		{ background-image: url(../images/public/category_menu_list_bg_mustard.jpg);background-repeat: repeat-x; 
							background-position: left top; min-height: 48px; margin: 0; padding: 0; border-left: 1px solid #d7debf;
							border-right: 1px solid #d7debf;}
ul#category_menu li a		{ background-image: url(../images/public/category_menu_list_bullet_mustard.jpg); background-repeat: no-repeat;
							background-position: 5px 10px; margin: 00px; padding-left: 17px; padding-top: 4px; padding-right: 3px; 
							padding-bottom: 0px; display: block; text-decoration: none; color: #6f906d;}
ul#category_menu li a:hover {color: #004492;}
ul#category_menu li.active 	{background-image: url(../images/public/category_menu_list_bg.jpg);}
ul#category_menu li.active a {background-image: url(../images/public/category_menu_list_bullet_blue.gif); color: #004492; font-weight: bold;}

/* @end */

/* @group Manual Pages */
#manual_explanation			{position: absolute; top: 70px; right: 0px; padding: 10px; font-size: 90%;
							background-image: url(/images/public/explanation-bg.png); background-repeat: repeat; background-position: top left;
							border: 1px solid #9bbfe2; z-index: 2;}
#manual_explanation p		{ color: #004483;}
a#show_explanation			{position: absolute; width: 200px; height: 25px; top: 44px; z-index: 2; right: 0; display: block;
							overflow: hidden; text-indent: -9999em; }
a#close_explanation			{position: absolute; top: 0; right: 0; display: block;}
/* @end */


/* @group Sitemap */
ul.sitemap					{ font-weight: bold;}
ul.sitemap ul				{font-weight: normal;}
/* @end */

div.archive_item			{ padding: 20px 0; border-bottom: 1px dashed #999}
	div.archive_item h3 a	{ color: #004893}
p.pagination				{ margin-top: 20px}
a#archive_button			{ margin: 0 0 10px 20px; display: block}