/* Style */

/*                                         STUFF ON THE TOP */
html { 

	}
body {
	text-align: center;
	padding: 0 0 20px 0;
	margin: 0;

	background: #369 url('/background.png') repeat-y 50%;	
	color: white;
	font-family: "Trebuchet MS",sans-serif;
	font-size: 16px;
	line-height: 18px;
	min-width: 1000px;
	}

icondemo {
	background: url('/images/icon.demo.png') no-repeat left top;
	}

iconabout {
	background: url('/images/icon.about.png') no-repeat left top;
	}

iconhome {
	background-image: url('/images/icon.home.png') no-repeat left top;
	}

#main {
	text-align: left;
	margin: auto;
	padding-bottom: 40px;
	width: 1000px;

	}

#rightchunk a:link { color: #700; text-decoration: underline; }
#rightchunk a:visited { color: #070; text-decoration: underline; }
#rightchunk a:hover { color: #444; text-decoration: none; }
#rightchunk a:active { color: #007; text-decoration: none; }

#topchunk {
	background: url('topchunk.png') no-repeat;
	height: 327px;
	margin-bottom: -80px;
	}

#navchunk {
	padding-top: 95px;
	padding-left: 210px;
	}

#navchunk ul { 
	padding-top: 95px;
	padding-left: 210px;
}

#navchunk ul li
{
	
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	vertical-align: text-top;
}


/*                                               LINK COLOURS */

a:link { color: #ffff00; text-decoration: none; }
a:visited { color: #fb7; text-decoration: none; }
a:hover { color: #ffbbbb; text-decoration: none; }
a:active { color: #00ffff; text-decoration: none; }
a img { border: none; }
/*                                      MAIN BOX LINK COLOURS */

/*                                     FLOAT BOX LINK COLOURS */

#floatchunk a:link { color: #f00; }
#floatchunk a:visited { color: #053; }
#floatchunk a:hover {	color: #033;
						font-weight: 700; }
#floatchunk a:active { color: #333; }

/*                                         STUFF ON THE RIGHT */

#rightchunk {
	color: #333;
	width: 700px;
	float: right;
	margin-right: 30px;
}



/*                                         STUFF ON THE LEFT */

#leftchunk {
	float: left;
	width: 225px;
	padding: 0 3px 10px 3px;
	margin: 40px 10px 0 5px;
}

#leftchunk h3 {
	text-align: center;
	color: white;
	font-size: 16px;
	font-weight: bold;
	font-family: "MS Trebuchet",sans-serif;
	margin-bottom: 5px;
}

#leftchunk p {
	font-size: 14px;
	color: #ddd;
	margin: 0 0 30px 0;
}

#leftchunk ul li {
	line-height: 18px;
	list-style-type: none;
	list-style-image: url('/images/bullet.png');
}
#leftchunk ul { 
	margin: 0 0 0 20px;
	padding: 0;
	}

#leftchunk hr { 
	width: 80%;
}
/*                                         STUFF ON THE BOTTOM */

#clearchunk {
	clear: both;
}

/*                                         STUFF WHAT FLOATS */

#floatchunk {
	float: right;
	background: url('readmore.png') no-repeat bottom right;
	margin: -95px 5px 5px 5px;
	padding: 6px;
	width: 226px;
	color: black;
	line-height: 18px;
	border-top: 1px solid white;
}

.floattitle {
	text-align: center;
	color: #227;
	font-weight: 700;
	font-family: "MS Trebuchet",sans-serif;
	margin-bottom: 8px;
}

.floatinfo {
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 10px 0;
}

/*                                           CONTACTS PAGE */

.contacts {
	padding-left: 25px;
	}

input, textarea {
	color: #007;
	background: white url('/images/formbg.png');
	border: 1px solid #666;
	}

select {
	background-color: #f6fbfe;
	}

fieldset {
	border: 1px solid #a4d3f0;
	background: #f1f8fd;
	}

legend {
	border: 1px solid #a4d3f0;
	background: #cce6f6 url('/images/formbg2.png');
	color: #00b;
	padding: 3px;
	}

.input2 {
	border: 1px solid #bbb;
	background: white url('/images/formbg2.png');
	color: black;
	margin: 0;
	padding: 4px;
	}

/*                                         STUFF ELSEWHERE */

.callout {
	margin: 10px 0 10px 0;
}

.images {
	display: block;
	text-align: center;
	margin: 20px 0 0 0;
	font-size: 11px;
	color: black;
}
.images i { 
	font-weight: bold;
}

td {
	text-align: right;
	color: black;
	border: 0;
	}

.td2 {
	text-align: left;
	}
div#header { 
text-align: center;
}
