body {
		margin:0px 0px 0px 0px;
		padding:0px;
		height: 100%;

		background-color:#888;
		min-width: 1000px;
		}
		
body, html {

		color: #444;
		font-family: Verdana, Arial, Tahoma, sans-serif;
		font-size: 10px;
		line-height: 150%;
		}		
		
#maincontent {
		margin: 0 auto;
		/*background:#fff url('images/grad.jpg') top left  repeat-x;*/
		background:#fff url(../images/nav_bg.gif) top left  repeat-y; 
		width: 100%;
		min-height: 350px;
		height: auto;
		}	
		
* html #maincontent {
	height: 350px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}		

#grad { 
		margin: 0 auto;
		min-height: 380px;
		min-width: 700px;
		background:#fff url(../images/grad.jpg) top left  repeat-x;
		margin-left: 255px;
		}
		
#column1 {
		position:relative;/*ie needs this to show float */
		width:250px;
		float:left;
		margin: 0px;
		padding: 20px 0px 10px 5px;
		/*background-color:#333333; */
		min-height: 350px;
		height: auto;
		text-align: left;
		}
		
#column2 {
		position:relative;/*ie needs this to show float */
		width:350px;
		float:left;
		margin-top: 20px;
		padding: 0px 10px 10px 15px;
		min-height: 350px;
		}
	
#column3 {
		position:relative;/*ie needs this to show float */
		width:330px;
		float:left;
		margin-top: 20px;
		padding: 0px 10px 10px 15px;
		min-height: 350px;
		}
#form {
		position:relative;/*ie needs this to show float */
		width:750px;
		float:left;
		padding: 0px 10px 10px 15px;
		margin-top: 20px;
		height: auto;
		}
		
		/* form elements */
		
		#form-wrap {
			width:700px;
			float:left;
			padding-left: 50px;
			margin-top: 2px;
			height: auto;
		}
		
		#form-heading {
			width:150px;
			height:25px;
			float:left;
			display:inline;
			vertical-align:middle;
			font-weight:bold;
		}
				
		#form-wysiwyg {
			width:650px;
			float:left;
			clear:both;
		}
				
		#form-detail {
			width:300px;
			height:28px;
			float:left;
			display:inline;
		}
				
		#form-option {
			width:40px;
			float:left;
			display:inline;
		}
		/* end form element */

#icon {
		position:relative;/*ie needs this to show float */
		width:50px;
		float:left;
		}
#text {
		position:relative;/*ie needs this to show float */
		width:280px;
		float:left;
		}
#error {
		position:relative;/*ie needs this to show float */
		width:70%;
		float:left;
		color:#DD0000;
		font-weight:bold;
		}
	
		
p.white {
	color: #fff;
}

a {
	color: #000;
	text-decoration: none;
}
a:hover{
	color: #000;
	text-decoration: underline;
}
a.con {
	color: #fff;
	text-decoration: none;
}
a.con:hover{
	color: #FF6600;
	text-decoration: none;
}

a.con2 {
	color: #ddd;
	text-decoration: none;
}
a.con2:hover{
	color: #FF6600;
	text-decoration: none;
}

h1 {
	font-size: 10px; 
	font-weight: bold;
	padding-bottom: 1px;
	color: #333333;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	color: #333333;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: #333333;
	padding-bottom: 3px;
	padding-top: 3px;
	line-height:110%;
}

ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 15px;
	}
	
li {
	background: url(../images/bullet.gif) left top no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
	}
	
li.main {
	background: url(../images/bullet2.gif) left top no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
	}
	
li.sub {
	background: url(../images/bullet3.gif) left top no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
	}
	
hr { color:#ccc;
	border-style: dotted;
	}

.white {
	color: #fff;
}

.clear { clear: both; }

select, input, menu, list, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
form {
	padding: 2px;
	margin: 0px;
}
/**************************
HEADER
**************************/
#head {
	padding: 0px;
	margin: 0 auto;
	height: 140px;
	background: url(../images/head_bg.gif) top left  repeat-x; 
}
#logo{
	margin: 0px;
	padding: 40px 0px 10px 40px;
}

#nav {
	padding: 0px 0px 0px 250px;
	height: 45px;
	background-color:#FF6600; 
}


/**************************
FOOTER
**************************/
#footer {
	padding: 20px 0px 10px 50px;
	margin: 0 auto;
}