/*
Written by Adam Gatt - adamgatt Web Design
adamgatt@adamgatt.com
www.adamgatt.com
*/



html 	
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

body
{
	width: 100%;
	background:url(imagesfree/background.jpg); 
	background-position: top; 
	background-repeat: no-repeat;
}

div.page
{
	width: 1000px;
	height: 660px;
	position: absolute;
    	left: 50%;
    	margin-left: -500px;
}

div.header
{
	width:999px;
	height: 150px;

	margin-bottom: 10px;


}

div.menu
{
	width: 989px;
	height: 35px;
	text-align: center;
	color: white;
	font-weight: bold;
	font-family: Calibri, Times New Roman;
	font-size: 130%;
	line-height: 35px;
	margin-top:20px;
}

div.menu2
{
	width: 989px;
	height: 35px;
	text-align: center;
	color: white;
	font-weight: bold;
	font-family: Calibri, Times New Roman;
	font-size: 130%;
	line-height: 35px;
	margin-top:5px;
}

div.contentHeader
{
	width: 999px;
	height: auto;
	margin-top:5px;
}

div.content
{
	width: 948px;
	font-family: calibri;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

div.contentBorder
{
	width: 990px;
	font-family: calibri;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

div.contentBorder2
{
	width: 950px;
	font-family: calibri;
	background-color: white;
	border-width: 20px;
	border-style: solid;
	border-color: gainsboro;
}

div.footer
{
	width: 989px;
	height: 30px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: gainsboro;
	font-family: calibri;
	color: black;
	line-height: 30px;
	font-size: 100%;
} 

div.footerTwo {
	background-image: url(imagesfree/bottom_background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 400px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: -10;
	margin-left: -8px;
}

div.button
{	
	width: 156px;
	height: 35px;
	background:url(imagesfree/button_facade.png);
	display:inline-block;
	cursor:pointer;
	background-color: gainsboro;
}

div.button
   {
     /* FOR IE: _MUST_ BE IN A SEPARATE RULE */
     display: inline !ie;
   }

img.rightImage
{
	float: right;
	padding-top: 40px;
	padding-right:20px;
	padding-left: 30px;
	padding-bottom: 40px;
	border=0;
}
 
img.leftImage
{
	float: left;
	padding-top: 40px;
	padding-right:30px;
	padding-left: 20px;
	padding-bottom: 40px;
	border=0;
} 
 
 
a:link {font-weight: bold; text-decoration: none; color: black}
a:visited {font-weight: bold; text-decoration: none; color: black}
a:hover {font-weight: bold; text-decoration: none; color: white}
a:active {font-weight: bold; text-decoration: none; color: black}

a.content:link {font-weight: bold; text-decoration: underline; color: blue}
a.content:visited {font-weight: bold; text-decoration: underline; color: blue}
a.content:hover {font-weight: bold; text-decoration: none; color: red}
a.content:active {font-weight: bold; text-decoration: none; color: black}

p { padding-left: 40px; padding-right: 40px;}

p.bigHEADING { 	font-size: 246%;	
		text-transform: uppercase;
		padding-top: 0px;
		text-align: center;
		font-weight: bold;}

p.small { padding-left: 20px;padding-right: 20px; font-size: 80%;}
p.heading {  display: inline;}
p.spacer { display: inline; padding-left: 8px; padding-right: 8px;}
p.form { padding-left: 40px; display: inline;}
p.quote {font-style: italic; font-weight:bold;}
li, ul, ol{margin-left: 40px; margin-right: 40px;}




h1, h2, h4 
{ 
	padding-left: 40px;
	color: #0000CC;
	text-transform: uppercase;
	padding-top: 0px;

}

h3
{ 
	color: #0000CC;
	text-transform: uppercase;
	padding-top: 0px;

}

td {
vertical-align: top;
}