/* STANDARD HTML CONTROLS
----------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	border:0;
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
img {
	border:0;
}

#container {
	width: 980px; /* conditional css needed (980px for chrome/safari, 981px for ie/firefox) */
	margin-right:auto;
	margin-left:auto;
}

a {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
a:hover {
	color: #B5BDD3;	
}

/* MENU
----------------------------------------------------------*/
#menu{
	text-align: center;
	width:166px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
#menu a{
	display:block;
	white-space:nowrap;
	margin:0;
	border-width:1px;
	border-style:none none solid none;
	border-color:#5B5856;
	line-height:27px;
	height:27px;
	font-weight:normal;
}
#menu .last {
	border-color:#A7A6A5;
	line-height: 26px;
	height: 26px;
}
#menu .first {
	line-height: 26px;
	height: 26px;
	margin-top:1px;
}
#menu a{
	color:#ffffff;
	text-decoration:none;
	width:100%;
}
#menu a:hover{
	color: #ffffff;
	background-color: #434241;
}
#menu a:active{
}
#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}


/* HEADER
----------------------------------------------------------*/
#header {
	clear:both;
	float:left;
	width:100%;
	height:113px;
}
.kinglylogo {
	float:left;
	width:166px;
}
.heading {
	float:left;
	padding-left: 22px;
	margin-top: 69px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;	
}

/* 3COL LAYOUT
----------------------------------------------------------*/
/* 'widths' sub menu */
	#layoutdims {
	clear:both;
	/*background:#eee;*/
		/*border-top:4px solid #000;*/
		margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
	.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
	.holygrail {
/*background:#ff9;*/    	/* Right column background colour */
	}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-166px; 	/* Width of right column */
	position:relative;
	right:100%;/*background:#fff;*/    	/* Centre column background colour */
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:332px;         	/* Left column width + right column width *//*background:#FFD8B7;*/    	/* Left column background colour */
}
.holygrail .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:166px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
	margin:0 166px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	/*overflow:hidden;*/
/*	margin-top: 245px;*/
}
.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:166px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:0px;         	/* Width of the left-had side padding on the left column */
	/*margin-top: 5px;*/
}
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:141px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:15px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}

.col3topheading {
	height:20px;
	padding-top: 14px;
	padding-bottom: 8px;
}
.col3toptext {
	height:209px;
	font-size: 11px;
	
}
.col3toptext label {
	display:block;
	float:left;
	width:50px;
}
.col3lowerheading {
	height:20px;
	padding-top: 12px;
	padding-bottom: 8px;
}
.col3lowertext {
	height:209px;
	font-size: 11px;
	
}
.col3lowertext label {
	display:block;
	float:left;
	width:55px;
}

/* FOOTER
----------------------------------------------------------*/
#footer {
	clear:both;
	float:left;
	width:100%;
}
#footer p {
	padding:10px;
	margin:0;
}

/* TEXT STYLES
----------------------------------------------------------*/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin:0;
	padding:0;
	margin-top: 9px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin:0;
	padding:0;
	padding-top: 11px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin:0;
	padding:0;
	padding-bottom:10px;
	color: #cccccc;
}
.bodytext {
	/*color: #cccccc;*/
}
.title {
	padding-left: 15px;
	padding-top: 12px;
}

.maintext {
	width: 50%;
	float:left;
}
.mainimages {
	width: 50%;
	float:left;
/*	padding-left: 5px;*/
	text-align: left;
	/*padding-top: 15px;
	margin-right: 5px;*/
}
.maintextpadding {
	padding-left: 30px;
}
#main {
	margin-top: 25px;
	margin-left: 15px;
	margin-right: 30px;
}


/* FOOTER
----------------------------------------------------------*/
#footer {
	padding-top: 10px; font-size: 11px; float: left;
	width: 930px; /*background-color: #222222;*/ margin-left:25px;
	text-align: center;
}
#footer a {
	font-weight: normal;
}
#footer p {
	margin: 0; height: 20px; padding-left: 26px; padding-top: 5px;
	font-size: 10px;
}
.footertext {
	color: #666666;	
}
#dynamicslogo {
	color: #333;
	background: url('../images/dynamics.gif') no-repeat 220px top;
	float: none;
}
#dynamicslogo a {
	color: #555555;
	text-decoration:none;
}
#dynamicslogo a:hover {
	color: #999999;
}

/* FOOTER
----------------------------------------------------------*/
.form {
    margin: 0;
}
.form p {
    width: 100%;
    clear: left;
    margin: 0;
    padding: 0;
    margin-bottom: 4px;
    _height: 18px;
    min-height: 18px;
}
.form p label {
    width: 6.0em;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block;
    font-size: 100%;
    color: #cccccc;
}
.form textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.inputtext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	font-size:10px;
	width:175px;
	color:#333333;
}
.inputbutton{
	background-color:#000000;
	border-color:#A7A29F;
	border-style:Solid;
	border-width:1px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:74px;
}
.ajax__validatorcallout_error_message_cell{
	color:#000000;
}
/* EVENTS
----------------------------------------------------------*/
.events {
    font-size: 11px;
}