/* Reset All Padding and Margins */
* { margin:0; padding:0; }

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

body {
     /* Set the Background color. In the PSD, use the Eyedropper tool to select the color */
 	 /*background-image: url(../images/ferns2.jpg);
	background-repeat: repeat;*/
	 background:#D7D4E8;
     /* Set the default font attributes; using CSS Shorthand. http://gurnk.com/css-tutorials/5-need-to-know-css-tips-and-tricks/ */
     font:14px Tahoma, Verdana; color:#333333;
}

#container {
     /* Define the Width of the Container; Find it in Image > Image Size in Photoshop. */
     width:806px; height:auto;
     /* Set the side margins to automatic to center it; using CSS Shorthand.*/
     margin:0 auto;
	
}

#header {
     /* Define a background image. */
     background:url(../images/header.gif) no-repeat;
     /* Set width and height. */
     width:806px; height:93px;
}

#content_background {
	/* Define a background image. */
	background:url(../images/content_background.gif) repeat-y;
	/* Set width and height. */
	width:806px; height:auto;

}

	#navi {
		/* Set width and height. */
		width:760px; height:33px;
		/* Center It */
		margin:0 auto;
		padding-right: 20px;
		/*margin-right: 20px;*/
		/* Set width and height */
		background:url(../images/navi_back.gif) repeat-x;
		line-height:33px; text-align:right;
	}
	
	#navi a:link, #navi a:active, #navi a:visited {
		font:bold 10px Verdana, Tahoma; color:#ffffff;
		text-decoration:none;
	}
	
	#navi a:hover {
		color:#111111;
		text-decoration:none;
	}
	
#content_container {
    /* Set width and height. */
	width:756px; height:auto;
	/* Center it. */
	margin:0 auto;
	background:#ffffff;
}

h1 {
	/* 11px from the Left - 10px from the top */
	padding:11px 0 0 10px;
	/* Font */
	font:bold 12px Verdana, Tahoma; color:#ffffff;
	
	/* Headings (h1) have margins on default. */
	margin:0;
}

h2 {
	/* 11px from the Left - 10px from the top */
	padding:11px 0 10px 0px;
	/* Font */
	font:bold 12px Verdana, Tahoma; color:#6C619E;

	/* Headings (h1) have margins on default. */
	margin:0;
}

.content {
	padding:5px;
	/*background:#ffffff;*/
}

#left_column {
	/* Set width and height. */
	width:176px; height:auto;
	/* Float it to the Left. */
	float:left;
}

	.left_header {
		/* Width and Height - Found from PSD */
		width:176px; height:34px;
		/* Set Background Image */
		background:url(../images/left_header.gif) no-repeat;
	}
	
	.left_back {
		 /* Define a background colour */
		 background:#ffffff;
		 /* Add the Side Borders */
		 border-left:1px solid #575757;
		 border-right:1px solid #575757;
	 }
	 
	 .left_footer {
     	/* Define Width and Height */
     	width:176px; height:18px;
     	/* Define Background Image */
    	background:url(../images/left_footer.gif) no-repeat;
		padding-bottom:10px;
	}

#right_column {
	/* Set width and height. */
	width:569px; height:auto;
	/* Float it to the right. */
	float:right;
}

	.right_header {
		width:569px; height:34px;
		background:url(../images/right_header.gif) no-repeat;
	}
	
	.right_back {
		 /* Define a background colour */
		 background:#ffffff;
		 /* Add the Side Borders */
		 border-left:1px solid #575757;
		 border-right:1px solid #575757;
	 }
	 
	 .right_footer {
	 	width:569px; height:18px;
		background:url(../images/right_footer.gif) no-repeat;
		padding-bottom:10px;
	}

.clear {
	/* Clear the Floats. */
	clear:both;
}

#footer {
	/* Define width and height. */
	width:806px; height:40px;
	/* Set Background */
	background:url(../images/footer.gif) no-repeat;
}

	#footer p {
		text-align:right;
		color: #dddddd;
		font-weight:bold;
		padding-top:20px;
		padding-right: 30px;
	}
	
a:link, a:active, a:visited {
		font: 10px Verdana, Tahoma; 
		color:#666699;
		text-decoration:none;
	}
	
a:hover {
		color:#111111;
		text-decoration:none;
	}
	
/**************************************************************
					FORM
**************************************************************/
.formbutton{
cursor:pointer;
border: 3px double #999999;
border-top-color: #cccccc;
border-left-color: #cccccc;
padding: 0.25em;
background-color: #666699;
color: #ffffff;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

 fieldset
{
border: 1px solid #666699;

padding: 1em;
}

legend
{

font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #fff;
background: #666699;
border: 1px solid #666699;
padding: 2px 6px;

}


label{
float: left;
width: 120px;
font-weight: bold;
padding: 6px;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 130px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}