/* 	Style Sheet for Fife Society for the Blind
	Designed by Mike Sutherland of Internet Creation Ltd.
	www.internetcreation.net August 2007 
*/
	
h2 {
	font: 1.5em Arial, sans-serif;
            voice-family: "\"}\""; 
            voice-family: inherit;
        font: large Arial, sans-serif;
		padding: 10px 0 0 0;
	}
h3 {
	font: 1.5em Arial, sans-serif bold;
            voice-family: "\"}\""; 
            voice-family: inherit;
        font: large Arial, sans-serif bold;
		text-transform: uppercase;
		padding: 10px 0 0 30px;
	}
h4 {
	font: 1.5em Arial, sans-serif bold;
            voice-family: "\"}\""; 
            voice-family: inherit;
        font: large Arial, sans-serif bold;
		padding: 0;
	}
		
a{
	color:#333333;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
#container{
	text-align:left;
	position:relative;
	margin:0 auto;
	width:800px;
}

#header{ width:800px; height:266px; background: url(/images/header.jpg) 0 0 no-repeat; overflow:hidden;}


#header h1 {
	display:none;
}

#headerRight { float:right; padding: 10px 10px 0 0; text-align:right; margin-top:15px; }
#headerRight form {padding: 0 10px 0 0; }

#content_container {
	width:800px;
	margin: 0 auto;
	padding:0;
	overflow:hidden;
	background: #ffffff url(/images/bg.jpg) 0 0 repeat-y;
}


#right_content{
	width: 523px;
	margin: 0 auto;
	padding: 10px 10px 0 0;
	overflow:hidden;
}



#footerBottom {margin: 0; padding: 0; width: 800px; height: 50px; background: #ffffff url(/images/footer.jpg) 0 0 no-repeat;
}

#footerBottom a {color:#333333; text-decoration:underline;}

#footerBottom p {color:#333333; padding: 15px 0 0 30px;}


.rightFooter {float:right; padding:0 30px 0 0;}
.right img {float:right; padding:5px 0 5px 15px; border-left:#dddddd 1px solid; margin: 0 0 0 10px;}

.skip-nav {display:none;}

.strong {font-weight: bold;}

.clear { clear:both;}

/* ---------------- NAV ---------------------------*/

#nav a {
	font: 1.5em Arial, sans-serif ;
            voice-family: "\"}\""; 
            voice-family: inherit;
}

#nav ul{
	margin: 0;
	padding: 0;
	text-indent: 40px;
	display: list-item;
	list-style-type: none;
	
}
#nav ul ul{
	margin: 0;
	padding: 0;
	text-indent: 45px;
	display: list-item;
	list-style-type: none;
}
#nav ul ul ul {
	margin: 0;
	padding: 0;
	text-indent: 50px;
	display: list-item;
	list-style-type: none;
}


.level0, .level1, .level2, .level0_line1, .level0_line2, .level0_line3, level1_downarrow, level1_uparrow {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
/* -----------  UL STATEMENTS ---------------*/

.level0_line1 a {
	display:block;
	width:100%;
	height:24px;
	color:#333333;
	text-decoration:none;	
	margin: 0;
	padding: 0;
	background: url("/images/level0.gif") 20px 0 no-repeat;
}
.level0_line2 a {
	display:block;
	width:100%;
	height:24px;
	color:#333333;
	text-decoration:none;	
	margin: 0;
	padding: 0;
	background: url("/images/level0_down.gif") 20px 0 no-repeat;
}
.level0_line3 a {
	display:block;
	width:100%;
	height:24px;
	color:#333333;
	text-decoration:none;	
	margin: 0;
	padding: 0;
	background: url("/images/level0_up.gif") 20px 0 no-repeat;
}
.level0_line4 a {
	display:block;
	width:100%;
	height:8px;
	color:#333333;
	text-decoration:none;	
	margin: 0;
	padding: 0;
	background: url("/images/level0.gif") 20px 0 no-repeat;
}

.level0 a:hover, .level0 a.active, .level0_line1 a:hover, .level0_line1 a:active, .level0_line2 a:hover, .level0_line2 a:active, .level0_line3 a:hover, .level0_line3 a:active, .level0_line4 a:hover, .level0_line4 a:active{	

	text-decoration:underline;

}

.level1 a {
	display:block;
	width:100%;
	height:24px;
	color:#1e5aa4;
	text-decoration:none;	
	margin: 0;
	padding: 0;
	background: url("/images/level1.gif") 0 0 repeat-y;
}
.level1_downarrow a {
	display:block;
	width:100%;
	height:24px;
	color:#1e5aa4;
	text-decoration:none;	
	margin: 0;
	padding: 0;
	background: url("/images/level1_downarrow.gif") 20px 0 repeat-y;
}
.level1_uparrow a {
	display:block;
	width:100%;
	height:24px;
	color:#1e5aa4;
	text-decoration:none;	
	margin: 0;
	padding: 0;
	background: url("/images/level1_uparrow.gif") 20px 0 repeat-y;
}

.level1 a:hover, .level1 a.active, .level1_downarrow a:hover, .level1_downarrow a:active, .level1_uparrow a:hover, .level1_uparrow a:hover{	

	text-decoration:underline;

}

.level2 a {
	display:block;
	width:100%;
	height:24px;
	color: #2ac6ff;
	text-decoration:none;	
	margin: 0;
	padding: 0;
	background: url("/images/level1.gif") 0 0 repeat-y;
}

.level2 a:hover, .level2 a.active{	
	background: url("/images/level1_on.gif") 0 0 repeat-y;
	text-decoration:none;
	color: #1e5aa4;
}

#nav, #nav ul { /* all lists */
	padding: 15px 0 0 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 190px;
	text-align:left;
}
	
#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 190px;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 180px;
	margin-top : -44px;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#nav li a {
	width: 170px;
	display : block;
	color : #1E5AA3;
	font-weight : bold;
	text-decoration : none;
	border : none;
	padding : 2px 5px;
	font-size:100%;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:5px;
}

#nav li a:hover {
	text-decoration:underline;
	background-color:#FFFFFF;
}

#nav li ul a{
	color : #1E5AA3;
	background-color : #FFFFFF;
	border:1px solid #CCCCCC;
}
#nav li ul a:hover{
	text-decoration:underline;
	background-color:#FFFFFF;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}