/* 
	Colony CSS - KMP Interactive Marketing
	
*/

/*
	Author: Paul Michael Smith
	http://www.paulmichaelsmith.com

*/

html, body {
	margin: 0;
	padding: 0;
	background: #BFBAB6;
	background-image: url(../img/common/bg.jpg);
	background-position: top;
	background-repeat: repeat;
}

/* mass margin and padding reset
--------------------------------------------- */
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}
div, span, img, form, h1, h2, h3, h4, h5, h6, ul, li, p, hr {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

/* standard tags setup
--------------------------------------------- */

a { color: #00406a; text-decoration: underline }
a:visited { color: #136aa4; }
a: hover { color: red; }
a:active { color: blue; }

h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,fieldset,address { margin-bottom: 1em; }

h2 {
	color: white;
	margin-bottom: 5px;
	font-size: 1em;
	text-transform: uppercase;
}

h3 {
	color: white;
	font-size: 0.9em;
	text-transform: uppercase;
}

img { border: none; }
.hr { margin: 0 0 0px 0; padding: 0 0 10px 0; height: 10px; background-image: url(../img/common/hr.gif); background-repeat: no-repeat; background-position: center; background-color: white; border: none;  }

/* resource classes
--------------------------------------------- */
.floatright { float: right; }
.floatleft {float: left; }
.width50percent { width: 50%; }
.clearfloat { clear: both; }
.innerpad { padding: 15px; }
.alignright { text-align: right }
.bordertop { padding-top: 5px; border-top: 1px dotted gray; }
.borderbottom { padding-bottom: 5px; border-bottom: 1px dotted gray; }
img.floatright { margin: 5px 0px 5px 10px; }
img.floatleft {	margin: 5px 10px 5px 0px; }
.hide {	display: none; }
.bigmarginbottom { margin-bottom: 1.5em; }

/* layout selectors */
#wrapper {
	width: 850px;
	margin: 0px auto;
	background-image: url(../img/common/wrappershadow.jpg);
	background-position: center;
	background-repeat: repeat-y;
}

#innerwrapper {
	padding: 0px 25px 0px 22px;
}

#wrappercap {
	background-image: url(../img/common/wrappercapshadow2.jpg);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	height: 64px;
}

#header {
	background-image: url(../img/common/crocktopgrad.gif);
	background-position: 1px 1px;
	background-repeat: repeat-x;
	padding: 10px 0 15px 0;
	margin: 0px 6px 0px 2px;
}

#header h1 {
	margin: 0px;
	text-align: center;
}

#header img {
	border: none;
}

.padder {
	margin: 0px;
	padding: 0px 20px;
}

.txtcolright {
	margin: 0px;
	padding: 0px 20px;
}

#navholder {
	padding: 0px 0px 8px 0px;
	background-image: url(../img/common/navshadowrepeat.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	text-align: center;
}

#navholder ul {
	margin: 0px 0px;
	padding: 2px 0px 5px 10px;
	background-color: #701010;
	border: 1px solid #540b0b;
	list-style-position: inside;
}

#navholder ul li {
	list-style: none;
	display: inline;
	text-transform: uppercase;
	font-family: Georgia, Times, serif;
	font-weight: bold;
	font-size: 0.75em;
	padding: 0px 13px;
	margin: 0px 0px;
	border-left: 1px solid #ffffff;
}

#navholder ul li.first { border-left: none; }
#navholder ul li.last {	border-right: none; }

#navholder ul li a {
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#navholder ul li a:visited { color: #fff; }
#navholder ul li a:hover { color: #d54444; }
#navholder ul li a:active { color: #FF4500; }

#imgcol {
	float: left;
}

ul.imglist{
	margin-bottom: 0px;
	padding: 0;
	padding-top: 4px;
}

ul.imglist li {
	list-style: none;
	display: inline;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

ul.imglist li.first {
	margin-left: 0px;
}

#textcol {
	margin: 0px 0px 0px 4px;
	padding: 0px;
	float: left;
	background-image: url(../img/common/bgdark.jpg);
	background-repeat: repeat;
	width: 233px;
	min-height: 386px;
	color: #fff;
	font-size: 0.7em;
}

#textcol a {
	color: #fff;
}

#textcolinner {
	/* border: 1px solid #ffffff; */
	padding: 20px;
	margin: 10px;
	background-color: transparent;
	min-height: 20.4em;
}

/* content page over-ride to change size */
.txtcolright #textcol {
	margin: 0px 0px 0px 4px;
	padding: 0px;
	float: left;
	background-image: url(../img/common/bgdark.jpg);
	background-repeat: repeat;
	width: 340px;
}

.txtcolright #textcolinner {
	/* border: 1px solid #ffffff; */
	padding: 10px 20px 0px 20px;
	margin: 10px;
	background-color: transparent;
	min-height: 20.4em;
}

#textcol h1 {
	margin: 0 0 10px 0;
	text-align: center;
	color: white;
	font-size: 1.2em;
	text-transform: uppercase;
}

#textcol h2 {
	margin: 0 0 10px 0;
	text-align: center;
	color: white;
}

.txtcolright #textcol h2 {
	text-align: left;
}

.txtcolright #textcol h1 {
	text-align: left;
}

#textcol p {
	color: #fff;
	font-size: 1.0em;
}

#textcol p span {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 120%;
}

/* footer selectors */

ul#footlinks {
	margin: 0;
	padding: 0;
	color: #666666;
}

ul#footlinks li {
	display: inline;
	list-style: none;
	font-size: 0.8em;
	padding: 0 0 0 10px;
	border-left: 1px solid #666666;
}

ul#footlinks li.first {
	border: none;
	padding-right: 10px;
}

/* footer link selectors */
ul#footlinks li a {
	color: #666666;
	text-decoration: none;
}

ul#footlinks li a:visit { color: #6974B6; }
ul#footlinks li a:hover { color: #d54444; }
ul#footlinks li a:active { color: #FF8C00; }

.box {
	background-color: #99958A;
	padding: 10px;
	margin-bottom: 10px;
}

.box p, .box ul {
	color: white;
	font-size: 0.7em;
}

.box ul {
	margin-left: 20px;
}

.box h1 {
	color: white;
	margin-bottom: 5px;
	font-size: 1em;
	text-transform: uppercase;
}

.left {
	float: left;
	width: 50%;
}

.right {
	float: left;
	width: 49%;
}

fieldset {
	padding: 20px 20px 20px 20px;
	border: 1px solid #ffffff;
	border-style: solid;
	margin-bottom: 0px;
}

.box fieldset h2 {
	margin-bottom: 15px;
}

.box fieldset span {
	float: left;
	width: 200px;
	margin-left: 100px;
}

.box label {
	float: left;
	width: 100px;
	line-height: 20px;
}

.box input {
	float: left;
	margin-bottom: 5px;
}

.box input.nofloat {
	float: none;
}

.box .left p, .box .right p {
	clear: both;
	height: 23px;
	padding-left: 20px;
}

.box a {
	color: white;
	font-size: 1.0em;
}

.box p a {
	color: white;
}

.profile {
	float: left;
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
}

.profile .profileimg {
	float: left;
	margin: 0px 5px 0px 0px;
}

.profile .profiledesc {
	float: left;
	background-color: #99958A;
	padding: 10px;
	width: 520px;
	min-height: 93px;
}

.profile h1 {
	color: white;
	margin-bottom: 5px;
	font-size: 1em;
	text-transform: uppercase;
}

.profile h2 {
	color: white;
	margin-bottom: 5px;
	font-size: 0.8em;
	text-transform: none;
}

.profile p {
	font-size: 0.7em;
	margin: 0px;
}

p.colourtext {
	color: #701010;
}

.error {
	color: #F50000;
	font-weight: bold;
}


#imgcol {
	float: left;
}

#imgcol p {
	margin: 0px 0px 4px 0px;
}

#imgcol ul.imglist{
	margin: 0;
	padding: 0;
}

#imgcol ul.imglist li {
	list-style: none;
	display: inline;
	margin: 0px 0px 0px 4px;
	padding: 0px;
}

#imgcol ul.imglist li.first {
	margin-left: 0px;
}
/*------------------------------------------------------------------------------------------*/

#footer {
	TEXT-ALIGN: left; border:1px solid #d7d7d7; 
	WIDTH: 746px;
	background-color:#FFFFFF;
	padding:5px;

	background-image:url(../img/common/footer_grad.gif);
	background-repeat:repeat-y;
}
#footer P, #footer a:link, #footer a:hover, #footer a:active, #footer a:visited  {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: xx-small; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ffffff; LINE-HEIGHT: 140%; PADDING-TOP: 0px;  text-align:right;
}
#footer IMG {
	FLOAT: left
}

#footer #leftCol {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 6px;
}

#footer #rightCol {
	 PADDING-LEFT: 0px;  FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	 text-align:right;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */