/********************************************
HTML ELEMENTS
********************************************/

* { padding: 0; border: none; text-decoration: none}

body {  
background: #c1c1be;
font: 13px "trebuchet ms", tahoma, sans-serif; margin-top: 10px; margin-bottom: 10px;
}



/********************************************
WEBSITE ELEMENTS
********************************************/


#container {
background: url(middle.jpg) repeat-y;
width: 1000px;
margin: 0 auto;
}


#header01 {
height: 225px;
background: url(top01.jpg) no-repeat;
}

#header02 {
height: 162px;
background: url(top02.jpg) no-repeat;
}



#footer {
background: url(bottom.jpg) repeat-y;
height: 164px;
clear: both;
}




/********************************************
MAIN COLUMN
********************************************/


#content {
width: 890px;
float: right;
text-align: left;
padding-right: 54px;
margin-top: -5px;
color: #000000;
}


/********************************************
WEBSITE NAVIGATION
********************************************/

#navigation {
width: 570px;
margin-top: -320px;
text-align: right;
float: left;
padding-left: 360px;
font-weight: bold;
text-transform: uppercase;
color: #000000;
letter-spacing: 1.5px;
}

#top {
width: 370px;
margin-top: -200px;
text-align: left;
float: right;
padding-right: 56px;
color: #ffffff;
}



/********************************************
FOOTER
********************************************/


#disc {width: 890px;
float: left;
padding-left: 54px;
clear:both;
font: 11px "trebuchet ms", tahoma, sans-serif;
margin-top: 40px;
color:#000000;}


/********************************************
WEBSITE LINKS
********************************************/

a:link, a:visited { color: #689200; }
a:hover { color: #000000; }


/********************************************
WEBSITE OTHERS
********************************************/

h1 {
font-family: georgia;
line-height: 12px;
font-size: 17px;
letter-spacing: 2px;
text-align: left;
color: #ae2a15;
margin-bottom: 20px;
text-transform: uppercase;}

h2 {
font-family: georgia;
line-height: 12px;
font-size: 17px;
letter-spacing: 2px;
text-align: left;
color: #689200;
margin-bottom: 20px;
text-transform: uppercase;}

h3 {
font-family: georgia;
line-height: 12px;
font-size: 14px;
letter-spacing: 2px;
text-align: left;
color: #ffffff;
margin-bottom: 10px;
text-transform: uppercase;}


ul {
margin-left: 50px;}

.orange { background: url(orange.jpg) no-repeat;
width: 270px;
height: 130px;
color: #ffffff;
padding-left: 5px;
padding-top: 5px; }
.green { background: url(green.jpg) no-repeat;
width: 270px;
height: 130px;
color: #ffffff;
padding-left: 5px;
padding-top: 5px;}
.blue { background: url(blue.jpg) no-repeat;
width: 270px;
height: 130px;
color: #ffffff;
padding-left: 5px;
padding-top: 5px;}



p {margin: 0 0 10px 0;}
.icon { margin: 8px 8px 0pt 0pt; float: left; }
strong {color: #982800;}
em {color: #14719c;}


/********************************************
FORMS
********************************************/


form {
	width: 500px;
	background: #eff0eb;
	color: #000000;
	border: 10px solid #eff0eb;
	text-align: left;
}
label {
	clear: left;
	float: left;
	width: 100px;
	margin: 6px 0 10px 0;
}
fieldset {
	border: 0;
}
legend {
	display: none;
}
input, select, textarea {
	float: left;
	margin-bottom: 10px;
	width: 340px;
	background: #ffffff;
	color: #413E4A;
	border: 1px solid #000000;
	font: 100% "Arial", "Verdana", "Tahoma", sans-serif;
}
input.button {
	clear: both;
	float: none;
	display: block;
	margin-left:100px;
	width: auto;
	cursor: pointer;
}