@charset "UTF-8";
/* BE CAREFUL WITH THE FONT SIZES, FONT SIZES CHANGE THE EM VALUE. THE DEFAULT IS 1em=16px */


* {
	margin: 0;
}

html { font-size: 125%;}

body {
	font-size: 50%; /* 1em = 10px */
}

INPUT, SELECT, TABLE, TH, TD {
	font-size: 1em;
}


/* Class for hiding shortcuts */
.hide { 
	position: absolute;
	left: -100em; 
	width: 2em;
}


/* wraps all the page */
#container {
	width: 78em;
	float: left;

}

	/* wraps header */
	#header {
		height: 8em; /* 80px */

		width: 100%;
		float: left;
	}


	/* wraps navigation and content */
	#nav_content {
/*		position: relative;*/
		float: left;
		display: block;

		width: 100%;
		height: auto;
		
		background: #fff;

	}

		#contentwrapper {
			display: inline;
			float: left;
			
			width: 77.9999em; /* .9999 is implemented for the template to render better on different DPI's */
			
			height: auto;
			
			border-bottom: 0px solid #f00;
			
			min-height: 30em;
			
			background-color: #fff;

		}
		* html #contentwrapper {
			w\idth: 77.96em; /* hack for IE6. Applied to prevent wrapping on IE6, WinXP, 150DPI, medium font-size. Causes 1px vertical red line on IE6 with largest font size on normal(96) DPI value.*/
		}
		
					
			#quicklinkswrapper {
				/* Quicklinkswrapper and its inline styles assume that 1em = 11px. If 1em's size is decreased before quicklinkswrapper, it should be increased again to make the quicklinks renders correctly. */
				/* 1em = 11px */
				
				width: 13.63em;
				height: auto;
				
				margin-top: 15px;
				margin-bottom: 10px;
			}
			
				#quicklinks_header {
					padding-left: 1.4em;
					padding-bottom: 0.3em;

					text-decoration: underline;
					
					height: 17px; /*Defined in pixels to prevent extending when text is resized*/

				}
				
				#quicklinks_links {
					padding-bottom: 2em;
					padding-top: 1.3em;
				
					border-left: 1px solid #999999;
					
					min-height: 14em;
					height: auto !important; /* This line and the one after this implement min-height in IE5.5 and IE6 */
					height: 14em;
				}
				
				.quicklinks {
					font-size: 0.909em; /* 10px */
				}
				
				ul.quicklinks{
					margin-left: 2.7em;
					padding: 0;
				}
				
				ul.quicklinks li {
					list-style-type: disc;
					font-size: 1.2em; 
					line-height: 0.9em;
					font-weight: bold;
					color: #585858;
					font-family: Verdana, sans-serif, Helvetica;
					
					margin-bottom: 0.4em;
				}
				
				ul.quicklinks li a, ul.quicklinks li a:link, ul.quicklinks li a:visited {
					font-size: 0.9em; /* 1em =  12px, 0.9em = 10.8px */
					color: #585858;
					text-decoration: none;
				}
				
				ul.quicklinks li a:hover {
					color: #000000;
				}
	

	/* wraps footer */
	#footer {
		font-size: 1em;
		clear: left;
		height: 2.2em;
		width: 100%;
		background-color: black;

	}
		#footercontent{
			float: left;
			font: bold 1em Verdana, Arial, Helvetica, sans-serif;
			text-align: center;
			color: #FFF;
			width: 83%;
			border-right: 0.1em solid #B3B6B8;
			margin-top: 0.5em;
		}
		
		#contact a, #contact a:visited{
			float: right;
			width: 16%; /* 80px 5em */
			font: bold 1em Verdana, Arial, Helvetica, sans-serif;
			
			color: #eac803;
			
			text-decoration: none;
			text-align: center;

			line-height: 2.2em;
		}
		
		#contact a:hover{
			color: #FFF;
		}