﻿body {
	behavior: url('./csshover.htc'); /* call hover behaviour file */
	font-size: 100%; /* enable IE to resize em fonts */
} 
#sidebar ul li {
	width: 140px;
}
#sidebar ul li a {
	height: 1%; /* make links honour display: block; properly */
} 

html>body {
	font-size:small;
}

html>body #sidebar ul li{
	width:auto;
}

html>body #sidebar ul li a{
	height:auto;
}


#sidebar ul li {
	margin-top:10px;
	margin-left:8px;
	padding:0;
	line-height:1.1em;
	padding-bottom: 0.9em;
	position:relative;
}

#sidebar ul ul {
	position:absolute;
	top:0;
	left:100%;
	width:100%;
	background:#375028;
	border:2px solid #629047;
	z-index:1;
	margin:0;
	padding:0;
	}
	
#sidebar ul ul li {
	margin-top:5px; /*<-- submenu spacing */
	margin-left:18px;
	padding:0;
	line-height:1.0em;
	padding-bottom:0.5em; /*<-- submenu spacing */
	}
	
#sidebar ul li:hover ul ul {
	display:none;
}

#sidebar ul ul {
	display:none;
}

#sidebar ul ul li:hover ul{
	display:block;
}

#sidebar ul li:hover ul{
	display:block;
}

/*CSS for Custom Image Rotator*/
/*Styling for rotating image in content area*/
.pagephoto {
	margin:0 auto;
	width:849px;
	height:160px;
	overflow:hidden;
	background:url('../images/headerimg.jpg') no-repeat;
}

html>body .pagephoto {
	width:100%;
	}
	
/*To add or remove images from the rotator add the respective CSS below and update the number of rotating images in the Template*/
/*First image to rotate*/
#pagephoto1{
	background:url('../images/template_images/randomImages/1.jpg') no-repeat;
	}
	
/*Second image to rotate*/
#pagephoto2{
	background:url('../images/template_images/randomImages/2.jpg') no-repeat;
	}
	
/*Third image to rotate*/
#pagephoto3{
	background:url('../images/template_images/randomImages/3.jpg') no-repeat;
	}
	
/*Fourth image to rotate*/
#pagephoto4{
	background:url('../images/template_images/randomImages/4.jpg') no-repeat;
	}
	
/*Fifth image to rotate*/
#pagephoto5{
	background:url('../images/template_images/randomImages/5.jpg') no-repeat;
	}
	
/*Sixth image to rotate*/
#pagephoto6{
	background:url('../images/template_images/randomImages/6.jpg') no-repeat;
	}
	
/*Seventh image to rotate*/
#pagephoto7{
	background:url('../images/template_images/randomImages/7.jpg') no-repeat;
	}
	
/*Eight image to rotate*/
#pagephoto8{
	background:url('../images/template_images/randomImages/8.jpg') no-repeat;
	}
	
/*Ninth Image to rotate*/
#pagephoto9{
	background:url('../images/template_images/randomImages/9.jpg') no-repeat;
	}

/*Tenth Image to rotate*/
#pagephoto10{
	background:url('../images/template_images/randomImages/10.jpg') no-repeat;
	}
	
/*Eleventh image to rotate*/
#pagephoto11{
	background:url('../images/template_images/randomImages/11.jpg') no-repeat;
	}
	
/*Twelth image to rotate*/
#pagephoto12{
	background:url('../images/template_images/randomImages/12.jpg') no-repeat;
	}
	
/*Thirteenth image to rotate*/
#pagephoto13{
	background:url('../images/template_images/randomImages/13.jpg') no-repeat;
	}
	
/*Fourteenth image to rotate*/
#pagephoto14{
	background:url('../images/template_images/randomImages/14.jpg') no-repeat;
	}
	
/*Fifteenth image to rotate*/
#pagephoto15{
	background:url('../images/template_images/randomImages/15.jpg') no-repeat;
	}
	
/*Sixteenth image to rotate*/
#pagephoto16{
	background:url('../images/template_images/randomImages/16.jpg') no-repeat;
	}
	
/*Seventeenth image to rotate*/
#pagephoto17{
	background:url('../images/template_images/randomImages/17.jpg') no-repeat;
	}
	
/*Eighteenth Image to rotate*/
#pagephoto18{
	background:url('../images/template_images/randomImages/18.jpg') no-repeat;
}

/*Nineteenth image to rotate*/
#pagephoto19{
	background:url('../images/template_images/randomImages/19.jpg') no-repeat;
	}
	
/*20th Image to rotate*/
#pagephoto20{
	background:url('../images/template_images/randomImages/20.jpg') no-repeat;
}


/*End of Image rotator CSS*/










