/* General styles */

	body {

	margin:0 auto;     /* the auto margins (in conjunction with a width) center the page */

	padding:0;

	border:0;			/* This removes the border around the viewport in old versions of IE */

	width:100%;

	/*-- background:#fff; white background color --*/

		background-image:url(btn/sky-butter-violet.gif);

	min-width:600px;		/* Minimum width of layout - remove line if not required */

	/* The min-width property does not work in old versions of Internet Explorer */

		max-width:800px;	/* Max width of layout - as specified for the class */

	max-height:600px;   /* Max height of layout - as specified for the class */

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	font-weight: 800;

	text-align:left;

		}

		

	h1 {

		font-size: 1.5em;

		font-weight: 900;

		text-transform: uppercase;

		color: #f6003e;

	}

	

	h2 {

		font-size: 1.10em;

		color: #f6007b;

		font-weight: 900;

		}

	

	h3 {

		font-weight: 400;

		color: #a100ba;

	}

	p {	color: #660075;

 }

	

	a:link {color: #f6003e; }

	a:hover { font-weight: 900; color: #a100ba;}

	a:focus		{color: #DD00FF; font-weight:700; }

	a:visited 	{color: #EE82FF; font-weight:100; }

	a:active 	{color: #EE82FF; font-weight:700; }

	

	img { margin:10px 0 5px;

	}



	.imgcenter	{

		padding: 2px;

		border: 2px #FF00CC dashed;	} 

	.imgright { float:right}

	.imgleft { float:left}

	.entry {

	text-align:left;}

	.footerstyle { font-size: .70em; 

	text-align:center;} 

	

	/* Header styles */

	#header {

		clear:both;

		float:left;

		width:100%;

	}

	#header {

	border-bottom:3px dashed #000;

	border-right:3px solid #000000;

	border-left:3px solid #000000;

	background-color: #FFFFFF;

	}

	#header p,

	#header h1,

	#header h2 {

		padding:.4em 15px 0 15px;

		margin:0;

	}

	#header ul {

		clear:left;

		float:left;

		width:100%;

		list-style:none;

		margin:10px 0 0 0;

		padding:0;

	}

	#header ul li {

		display:inline;

		list-style:none;

		margin:0;

		padding:0;

	}

	#header ul li a {

		display:block;

		float:left;

		margin:0 0 0 1px;

		padding:3px 10px;

		text-align:center;

		background:#eee;

		color:#000;

		text-decoration:none;

		position:relative;

		left:15px;

		line-height:1.3em;

	}

	#header ul li a:hover {

		background:#369;

		color:#fff;

	}

	#header ul li a.active,

	#header ul li a.active:hover {

		color:#fff;

		background:#000;

		font-weight:bold;

	}

	#header ul li a span {

		display:block;

	}

	/* '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 */

		clear:both;

		float:left;

		width:100%;			/* width of whole page */

		overflow:hidden;		/* This chops off any overhanging divs */

	}

	/* common column settings */

	.colright,

	.colmid,

	.colleft {

		float:left;

		width:100%;			/* width of page */

		position:relative;

	}

	.col1,

	.col2,

	.col3 {

		float:left;

		position:relative;

		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 

						only padding top and bottom is included here, make it whatever value you need */

		overflow:hidden;

	}

	/* 3 Column settings */

	.threecol {

	background:#FFCCFF;  /*right column background colour */

	border-right:3px solid #000000;  /*document main outside right border */

	border-left:3px solid #000000;   /*document main outside left border */

	}

	.threecol .colmid {

		right:25%;			/* width of the right column */

		background:#fff;		/* center column background colour */

	}

	.threecol .colleft {

	right:50%;			/* width of the middle column */

	background:#FFCCFF;  /*left column background colour */

	border-left: solid #000000 3px;

	}

	.threecol .col1 {

		width:46%;			/* width of center column content (column width minus padding on either side) */

		left:102%;			/* 100% plus left padding of center column */

	}

	.threecol .col2 {

		width:21%;			/* Width of left column content (column width minus padding on either side) */

		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */

	}

	.threecol .col3 {

		width:21%;			/* Width of right column content (column width minus padding on either side) */

		left:85%;			/* Please make note of the brackets here:

						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */

	}

	/* Footer styles */

	#footer {

		clear:both;

		float:left;

		width:100%;

		background-color:#FFFFFF;

		border-top:3px dashed #000;

		border-right:3px solid #000000;

	    border-left:3px solid #000000;

	}

	#footer p {

		padding:10px;

		margin:0;

	}

/* Form Style */

legend {

	font-weight: bold;

	font-size: 1.5em;

	padding: 0 5px;

	color: #FF0000;

}

.contactformLabel {

	font-weight: bold;

	text-align: left;

	color: #FF0000;

}

.contactformLabelTop {

	font-weight: bold;

	text-align: left;

	vertical-align: top;

	color: #FF0000;

}

.contactformrightcol {

	text-align: left;

}