/* Loki 7 - Version Windmile (V. 77) Style Script */
	/* Author: Dragon Cloud (http://www.dragoncloud.co.uk ; webmaster@loki7.co.uk) */

/* Default HTML styles */

	body {
		margin: 0px;
		color: #ffffff;
		background-color: #000000;
		background-image: url(/images/windmile_bg2.png);
		background-repeat: repeat-y;
	}

		h1 {
			width: 97%;
			background-color: #404040;
			padding: 4px;
			margin-bottom: 5px;
			margin-top: 10px;
			font-weight: bold;
			border: 1px solid #ED1B23;
			border-left: 10px solid #ED1B23;
			font-size: medium;
		}
		
		h2 {
			width: 97%;
			background-color: #404040;
			padding: 4px;
			margin-bottom: 5px;
			margin-top: 10px;
			font-weight: bold;
			border: 1px solid #cccccc;
			border-left: 10px solid #cccccc;
			font-size: medium;
		}
		
		p {
			margin-left: 15px;
			margin-bottom: 10px;
		}

/* Link Styles */
	a { color: #ED1B23; text-decoration: none; }
	a:link { color: #ED1B23; text-decoration: none; }
	a:active { color: #ED1B23; text-decoration: none; }
	a:visited { color: #ED1B23; text-decoration: none; }
	a:hover { color: #CCCCCC; text-decoration: none; }
	
		/* Styles for the Breadcrumbs menu */
	#breadcrumbs a { color: #ffffff; text-decoration: none; }
	#breadcrumbs a:link { color: #ffffff; text-decoration: none; }
	#breadcrumbs a:active { color: #ffffff; text-decoration: none; }
	#breadcrumbs a:visited { color: #ffffff; text-decoration: none; }
	#breadcrumbs a:hover { color: #cccccc; text-decoration: none; }

/* Layout Styles */

	#breadcrumbs {  /* Sets the style for the Breadcrumbs Menu in the top right of the page */
		width: 99%;
		padding-right: 1%;
		position: absolute;
		top: 7px;
		left: 0px;
		color: #cccccc;
		background-color: #000000;
		font-size: smaller;
		text-align: right;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	
	#pageid_title {  /* Sets the style for the site identifier text */
		position: absolute;
		top: 110px;
		left: 210px;
		font-size: 54px;
	}
	
		#pageid_subtitle {  /* Sets the style for the site slogan */
			position: absolute;
			top: 165px;
			left: 230px;
			font-size: 20px;
		}
		
		#pageid_img {  /* Sets the size for the logo image so if the image doesn't load the page doesn't mess up */
			width: 750px;
			height: 400px;
		}
	
	#navcontainer {  /* Sets the font attributes and width of the left-hand menu */
		width: 149px;
		float: left;
		padding: 2em 1em 1em 0;
		margin-bottom: 1em;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: smaller;
		color: #ffffff;
	}
	
	#navcontainer ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}
	
	#navcontainer li {
		margin: 0;
	}
	
	#navcontainer li a {  /* Style for the first-level menu */
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #000000;
		border-right: 10px solid #949494;
		background-color: #000000;
		color: #fff;
		text-decoration: none;
		width: 100%;
	}
	
	#navcontainer li li a {  /* Style for the second-level menu */
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 25px solid #000000;
		border-right: 10px solid #949494;
		background-color: #000000;
		color: #fff;
		text-decoration: none;
		width: 100%;
	}
	
	#navcontainer li li li a {  /* Style for the third-level menu */
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 35px solid #000000;
		border-right: 10px solid #949494;
		background-color: #000000;
		color: #fff;
		text-decoration: none;
		width: 100%;
	}
	
	
	html>body #navcontainer li a { width: auto; }
	
	#navcontainer li a:hover {
		border-left: 10px solid #ED1B23;
		border-right: 10px solid #000000;
		background-color: #ED1B23;
		color: #fff;
	}
	
	#navcontainer li li a:hover {
		border-left: 25px solid #ED1B23;
		border-right: 10px solid #000000;
		background-color: #ED1B23;
		color: #fff;
	}
	
	#navcontainer li li li a:hover {
		border-left: 35px solid #ED1B23;
		border-right: 10px solid #000000;
		background-color: #ED1B23;
		color: #fff;
	}
	
	#navcontainer li.active {
		font-weight: bold;
	}
	
	#navcontainer li.active a:hover {
		font-weight: bold;
	}
	
	#container {  /* Style for the container of the sites content - Designed to work in 1024x768+ */
		width: 83%;
		float: left;
	}
	
	#footer {  /* Style for the main footer bar */
		background-color: #000000;
		border-top: 1px solid #949494;
		padding: 5px;
		padding-right: 10px;
		padding-bottom: 8px;
		font-size: smaller;
		text-align: right;
	}
	
		#footer_cmsms {  /* Style that positions the 'Powered by CMSMS' text in the footer */
			float: left;
			padding: 5px;
			padding-left: 160px;
			padding-bottom: 8px;
			font-size: smaller;
		}