@import url(gallery.css);
@import url(textStyles.css);
@import url(tableStyles.css);
@import url(styleAdjusters.css);
@import url(formStyles.css);

html {
	height: 100%;
	}

	body {
		background: url(/img/structure/headerBG.gif) repeat-x #FFFFFF;
		margin: auto;
		padding: 0px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 62.5%;
		color: #000000;
		height: 100%;
		}

	#container {
		position:relative; /* needed for footer positioning*/
		margin:0 auto; /* center, not in IE5 */

		height:auto !important; /* real browsers */
		height:100%; /* IE6: treaded as min-height*/
	
		min-height:100%; /* real browsers */
		float: left;
		width: 100%;		
	}		

	.mainContentWidth {
		width: 770px;
		margin: auto;
		}

	#adminMenu {
		float: right;
		position: absolute;
		top: 10px;
	}
	
		#adminMenu h2 {
			font-size: 1.6em;
			margin: 0px;
		}

		#adminMenu ul {
			margin: 0px;
			list-style: none;
		}

		#adminMenu a {
			color: #0C5ECE;
			font-size: 1.2em;
			font-weight: bold;
		}		

		#adminMenu a:hover {
			color: #1B76F2;
		}		


	#headlineDiv {
		height: 183px;
		background: url(/img/structure/headerLeftBG.jpg) no-repeat;
		margin: auto;
		}

		#headlineDiv img.logo {
			margin: 5px 0 0 60px;
			padding: 0px;
			float: left;
			width: 273px;
			height: 116px;			
		}
	
		#headlineDiv img.tagline {
			margin: 0 0 0 180px;
			padding: 0px;
		}

		#headlineDiv h1 {
			text-align: right;
			padding: 0px;
			margin: 12px 0 5px 0;
			font-size: 1.6em;
		}

		#headlineDiv p {
			text-align: right;
			margin: 0 0 10px 0;
		}
		
		
	#navigation {
		list-style: none;
		margin: 8px 0 0 0;
		padding: 0px;
	}

		#navigation li {
			float: left;
		}
		
		#navigation li a {
			margin: 0 20px 0 20px;
		}
	
		#navigation li a img {
			border: 0px;
		}

	#mainContentWrapper {	
		width: 770px;
		margin: auto;
		}
		
	#mainContentarea {
		width: 770px;
		font-size: 1.2em;
		line-height: 1.7em;
		text-align: justify;
		padding: 0 0 120px 0;
		float: left;
		margin: 20px 20px 0 20px;
		}

		#mainContentarea div#leftGrid {
			width: 345px;
			float: left;
			margin: 0 20px 0 0;
			}
	
		#mainContentarea div#rightGrid {
			width: 345px;
			float: left;
			margin: 0 0 0 20px;			
			}

		#mainContentarea div#leftGrid img.title {
			margin: 0px 0 10px 0;
			}	

		#mainContentarea div#rightGrid img.title {
			margin: 15px 0 10px 10px;
			}	

		#mainContentarea div#rightGrid p {
			margin-left: 20px;
			}
	
		#mainContentarea ul {
			margin: 0 20px 0 30px;
			padding: 0px;
			list-style: none;
			}

		#mainContentarea div#leftGrid a img {
			margin: auto;
			}			

		#mainContentarea div#rightGrid form {
			margin: 10px 0 0 40px;
			font-size: 1.1em;
			width: 300px;
		}
		
		#mainContentarea div#rightGrid form input {
			border: 1px solid #0f77f0;
			vertical-align: middle;
		}
		
		#mainContentarea h2 {
			margin: 0 0 0 20px;
			font-size: 1em;
		}
	
	#footer {
		clear: both;
		background: url(/img/structure/footerBG.gif) repeat-x bottom;
		height: 120px;
		position: absolute;
		width:100%;
		bottom:0; /* stick to bottom */		
	}
	
		#footer div.mainContentWidth {
			color: #bababa;
			border-top: 1px solid #bababa;
			padding-top: 8px;
		}
	
		#footer div.mainContentWidth p a {
			color: #bababa;
		}
	
		#footer div.mainContentWidth p a:hover {
			color: #8ba8b8;
		}


	a {
		color: #ff9900;
		text-decoration: none;
	}
	
	a:hover {
		color: #FFC266;
		text-decoration: none;	
	}
	
	.clear {
		display: block;
		clear: left;
	}

	.fade {
		filter:alpha(opacity=70); 
		-moz-opacity: 0.7; 
		opacity: 0.7;
		cursor: pointer;
	}
	
	.fade:hover {
		filter:alpha(opacity=100);   
		-moz-opacity: 1.0;   
		opacity: 1.0;
	}