﻿@import url(Menus.css);
@import url(TextStyles.css);

div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}

body
{
	background-color: white;
	background-image: url(Images/background-main.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

#box
{
	margin-left: -430px;
	margin-right: -430px;
	top: 5%;
	left: 50%;
	position: fixed;
	border: #000 solid 1px;
	display: none;
	width: 860px;
	height: 680px;
	background-color: #c0c0c0;
	z-index: 110;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 0;
}

#darkenScreenObject
{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	display: none;
	z-index: 105;
}

#container
{
	width: 80%;
	min-width: 850px;
/* 
    if the either of the above two values are changed, the OPTIONS javascript
    (that compensates for IE versions that don't handle min-width)
    will need changing too.
*/
	background-color: #EBEBEB;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;	
}

#header
{
	background-color: #ff0000;
	text-align: Left;
	margin: 0;
	padding: 10px;
}

#sidebar
{
	float: left;
	width: 12em;
}

#mainContent
{
	background-color: #FFFFFF;
	margin-left: 12em;
	padding: 10px 20px 0 1em;
}

#FooterMenuContainer
{
	margin: 0; 
	background-color: #DDDDDD;
}

#FooterMenu
{
	margin-left: 12em;
}

#footer
{
	margin: 0;
	padding: 10px 0;
	background-color: #DDDDDD;
	color: #808080;
	text-align: center;
	font-size: 0.8em;
}

.ShortPageSize
{
	height: 650px;
}

.clearfloat
{
	clear: both;
	height: 0;
	font-size: 1px;
}

#HomePageImages
{
	float: left;
	width: 12em;
	padding-bottom: 1em;
}

#HomePageText
{
	margin-left: 12em;
}

.ImagesColumn
{
	float: left;
	width: 205px;	
}

.ImagesTextColumn
{
	margin-left: 220px;	
}

.SubmitContainer
{
	background-color: #ffcc99;
	width: 780px;
}

.ContactDetailsContainer
{
	float:left;
	width: 340px;
	
}

.ContactLabels
{
	text-align: right;
	float: left;
	width: 100px;
}

.ContactDetails
{
	margin-left: 105px;
}

.SystemRequirementsContainer
{
	margin-left: 325px;	
}

.ValidatorStyle
{
	color: #b70000;
	background-color: yellow;
}	


