/*------------------------ 1. HTML tag styles ---------------------------------------------*/
body{
	background:#eee url(barn08-bg-fade.jpg) repeat-x;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:0.75em;
	color:#444;
	margin:0;
	padding:0;
}

H1{
	font-family: "Georgia","Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 170%;
	line-height:170%;
	padding: 0;
	margin: 0 0 10px 0;
	color:#5B8800;
}
H2{
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 140%;
	line-height:190%;
	padding: 0;
	margin: 1em 0 0 0;
	color:#73A518;
}
H3{
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 110%;
	line-height:190%;
	padding: 0;
	margin: 1em 0 0 0;
	color:#73A518;
}
P{
	font-weight: normal;
	font-size: 100%;
	line-height:190%;
	padding: 0;
	margin: 0.2em 0 0.8em 0;
}
ul{
	margin-left:8px;
	padding-left:8px;
}
li{
	line-height:170%;
	margin-bottom:0.25em;
}

a{
	color:#5F8727;
	text-decoration: none;
}
a:hover{
	color:#5F8727;
	text-decoration: underline;
}

/*------------- 2. Construction styles ---------------------------------------------------*/

#wrapper{
	width:100%;
}

#main{
	width:970px;
	margin:12px auto;
	background:#fff;
}

#title{
	height:224px;
	background:url(cairngorm_title_bg_2010.gif) 20px 30px no-repeat;
	margin-bottom:15px;
}
#container{
	margin-left:230px;
}
#content{
	background: url(cairngorm_text_bg.gif) 230px 350px repeat-y;
	width:100%;
	overflow:hidden;
	margin-top:10px;
	clear:both;
}

#nav{
	width:230px;
	margin:10px 0 0 0;
	float:left;
}
#lhColQuote{
	margin:30px 0 0 0;
	padding:0 20px 0 65px;
	font-family: "Georgia","Times New Roman", Times, serif;
	font-size: 115%;
	color:#666;
	background:url(cairngorm_quote_mark.gif) 35px 0px no-repeat;
}
#lhColQuote p{
	font-weight:bold;
	font-style:italic;
	line-height:150%;
}
#lhColQuote p span.smalltext{
	font-family:verdana;
	font-size:80%;
	font-style:normal;
	color:#444;
}
#text{
	float:left;
	width:635px;
	margin:0 0 10px 0;
	padding:20px 25px 0 25px;
	border-top:1px solid #A2D063;
}
#base{
	background: url(cairngorm_text_bg.gif) 230px 0px repeat-y;
	padding:10px 0 5px 50px;
}
#base div{
	float:right;
	padding:25px 90px 0 0;
}
#footer{
	background: #8CC63F;
	height:70px;
	padding:20px 40px 0 255px;
	clear:both;
}
#footer p{
	color:#fff;
	font-size:0.85em;
	line-height:160%;
}
#footer a{
	color:#fff;
}

.smalltext{
	font-size:0.9em;
	line-height:1.3em;
}
.alignleft{
	clear:both;
	margin:5px 5px 5px 0;
	float:left;
}
.alignright{
	clear:both;
	margin:5px 0 5px 5px;
	float:right;
}

/*---------- 2.GLOBAL NAVIGATION -----------------------------------------*/

/* top level */

#nav ul{
	list-style-type: none;
	margin:0 0 25px 0;
	padding:0 10px 0 38px;
	font-family: "Georgia","Times New Roman", Times, serif;
	font-size: 115%;
}
#nav li{
	display: inline; 
	list-style-type: none;
}
#nav span.hidden{
	display : none;
}
#nav li a{	
	display : block;
	text-decoration: none;
	color: #666;
	padding:0px 0px 0px 25px;
	margin:0 0 7px 0;
	font-weight: bold;
	line-height:130%;
}
#nav LI SPAN {
	display : block;
	padding:0px 0px 0px 25px;
	margin:0 0 7px 0;
	font-weight: bold;
	color:#000;
	background: url(barn08-arrow-dk.gif) 15px 6px no-repeat;
	line-height:130%;
}
#nav LI span.highlighted, #nav LI a.highlighted{	
	color: #73A518;
	background: url(barn08-arrow-grn.gif) 13px 6px no-repeat;
}
#nav li a:hover{
	color: #111;
	text-decoration: none;
	background: url(barn08-arrow.gif) 15px 6px no-repeat;
}

/* Second Level plus */

#nav ul ul {
	margin:0 0 7px 0; 
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height: 1.2em;
}
#nav ul ul ul{
	font-size:1em;
}
#nav LI LI SPAN {
	display : block;
	padding:4px 0px 4px 35px;
	margin:1px 0px 1px 0px;
	font-weight: bold;
	color:#000;
	background: url(barn08-arrow-dk.gif) 25px 7px no-repeat;
}
#nav LI LI span.highlighted, #nav LI LI a.highlighted{	
	color: #73A518;
	background: url(barn08-arrow-grn.gif) 23px 7px no-repeat;
	font-weight: bold;
}
#nav LI LI A {
	padding:4px 0px 4px 35px;
	margin:1px 0 1px 0;
	font-weight: normal;
	color:#444;
}
#nav LI LI A.navChild{
	background: url(barn08-bullet-dashed.gif) 25px 5px no-repeat;
}
#nav LI LI A.sibling{
	background: url(barn08-arrow-lt.gif) 25px 7px no-repeat;
}
#nav LI LI A:hover{
	text-decoration: none;
	background: url(barn08-arrow.gif) 25px 7px no-repeat;
	color: #111;
}
#nav LI LI LI SPAN {
	display : block;
	padding:4px 0px 4px 45px;
	margin:1px 0px 1px 0px;
	font-weight: bold;
	color:#000;
	background: url(barn08-arrow-dk.gif) 35px 7px no-repeat;
}
#nav LI LI LI span.highlighted, #nav LI LI LI a.highlighted{	
	color: #73A518;
	background: url(barn08-arrow-grn.gif) 33px 7px no-repeat;
}
#nav LI LI LI A {
	padding:4px 0px 4px 45px;
	margin:1px 0 1px 0;
	color: #444;
}
#nav LI LI LI A.navChild{
	background: url(barn08-bullet-dashed.gif) 35px 5px no-repeat;
}
#nav LI LI LI A.sibling{
	background: url(barn08-arrow-lt.gif) 35px 7px no-repeat;
}
#nav LI LI LI A:hover{
	text-decoration: none;
	background: url(barn08-arrow.gif) 35px 7px no-repeat;
	color: #000;
}
#nav LI LI LI LI SPAN {
	display: block;
	padding:4px 0px 4px 55px;
	margin:1px 0px 1px 0px;
	font-weight: bold;
	color:#000;
	background: url(barn08-arrow-dk.gif) 45px 7px no-repeat;
}
#nav LI LI LI LI A {
	padding:4px 0px 4px 55px;
	margin:1px 0 1px 0;
	color: #444;
}
#nav LI LI LI LI A.navChild{
	background: url(barn08-bullet-dashed.gif) 45px 5px no-repeat;
}
#nav LI LI LI LI A.sibling{
	background: url(barn08-arrow-lt.gif) 45px 7px no-repeat;
}
#nav LI LI LI LI A:hover{
	text-decoration: none;
	background: url(barn08-arrow.gif) 45px 7px no-repeat;
	color: #111;
}
/*----------- 4. standard page elements ------------------------------------*/
.smalltext{
	font-size:90%;
}
.quote{
	margin:0px 37px 20px 5px;
	background:url(barn08-quote-left.gif) no-repeat;
	color:#777;
}
.quote div{
	padding:10px 25px;
	background:url(barn08-quote-right.gif) bottom right no-repeat;
}
.quote div p{
	font-size:90%;
	line-height:160%;
}
#content p a, #content li a, .highlightgrey a, .highlight a{
	font-weight:bold;
}
.alignright, .alignleft{
	float:right;
	clear:right;
	margin:5px 0 15px 15px;
}
.highlightgrey, .highlight{
	margin:15px 0 15px 0;
	padding:10px;
   	font-size: 0.90em;
   	line-height: 1.7em;
	border:1px solid #D0E5AC;
	clear:both;
}
.highlight br, .highlightgrey br{
	line-height:0.5em;
}
.quoteright, .quoteleft {
	margin: 10px 0 15px 15px;
	padding:10px;
	width:180px;
   	font-size: 0.9em;
	line-height: 1.5em;
	float:right;
	clear:right;
	border:1px solid #ABD067;
}
.fullQuote{
	margin:15px 0px 15px 0px;
	background:url(barn-dbl-quote-left.gif) no-repeat;
}
.fullQuote p{
	padding:5px 27px 12px 34px;
	/*background:url(barn08-quote-right.gif) bottom right no-repeat;*/
}