/* Header Content */
#header_left {
		float					:left;
		width					:350px;
		height					:180px;
		background 				:url(../images/logo.png) no-repeat top left;
		margin-top				:0px;
		margin-left				:10px;
		margin-right			:0px;
		margin-bottom			:0px;
		border-top				:0px solid #98CB00;
		border-bottom			:0px solid #98CB00;
		border-left				:0px solid #98CB00;
		border-right			:0px solid #98CB00;
}
#header_right {
		float					:right;
		width					:380px;
		height					:50px;
		background 				:url(../images/tagline.png) no-repeat top left;
		margin-top				:14px;
		margin-left				:0px;
		margin-right			:40px;
		margin-bottom			:0px;
		border-top				:0px solid #98CB00;
		border-bottom			:0px solid #98CB00;
		border-left				:0px solid #98CB00;
		border-right			:0px solid #98CB00;
}
/* Body Content Boxes*/
#content_top {
		float					:left;
		width					:960px;
		height					:1280px; /* this ensures the container always holds the internal elements! */
		background 				:#3399FF url(../images/badge-day-bg.jpg) no-repeat top left;
		color					:#333;
		margin-top				:15px;
		margin-left				:15px;
		margin-right			:15px;
		margin-bottom			:0px;
		border					:0px solid #694A28;
		padding					:0px 0px 0px 0px;
		overflow				:hidden; /* this eliminates the need for clear float DIV's */
}
#content_map {
		float					:right;
		width					:500px;
		height					:300px; /* this ensures the container always holds the internal elements! */
		background 				:transparent;
		color					:#333;
		margin-top				:20px;
		margin-left				:0px;
		margin-right			:20px;
		margin-bottom			:0px;
		border					:0px solid #694A28;
		padding					:0px 0px 0px 0px;
		overflow				:hidden; /* this eliminates the need for clear float DIV's */
}
.map {
		float					:right;
		width					:498px;
		height					:298px;
		background				:transparent;
		color					:#333;
		text-align				:left;
		margin-top				:0px;
		margin-left				:0px;
		margin-right			:0px;
		margin-bottom			:0px;
		border-top				:1px solid #1284C5;
		border-bottom			:1px solid #1284C5;
		border-left				:1px solid #1284C5;
		border-right			:1px solid #1284C5;
		padding					:0px 0px 0px 0px;
}
#content_pdf {
		float					:left;
		width					:600px;
		height					:20px;
		background 				:url(../images/content_pdf_bg.png) ;
		margin-top				:780px;
		margin-left				:190px;
		margin-right			:50px;
		margin-bottom			:0px;
		padding					:4px 2px 4px 2px;
}

#content_button {
		float					:left;
		width					:860px;
		height					:120px;
		margin-top				:20px;
		margin-left				:50px;
		margin-right			:50px;
		margin-bottom			:0px;
}
a.register_btn  {

		background-image		:url(../images/register-interest-button.png);
		background-position		:top left;
		display					:block;
		width					:860px;
		height					:120px;
		margin-top				:0px;
		margin-bottom			:0px;
		margin-left				:0px;
		text-indent				:-9999px;
}
a.register_btn:hover  {

		background-position		:bottom left;

}
#content_middle {
		float					:left;
		width					:960px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background 				:#CCCCCC;
		color					:#333;
		margin-top				:15px;
		margin-left				:15px;
		margin-right			:15px;
		margin-bottom			:0px;
		border					:1px solid #694A28;
		padding					:0px 0px 0px 0px;
		overflow				:hidden; /* this eliminates the need for clear float DIV's */
}
#content_rotator {
		float					:left;
		width					:960px;
		height					:200px; 
		background 				:#CCCCCC;
		color					:#333;
		margin-top				:15px;
		margin-left				:15px;
		margin-right			:15px;
		margin-bottom			:0px;
		border					:1px solid #694A28;
		padding					:0px 0px 0px 0px;
}
#content_bottom {
		float					:left;
		width					:960px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background 				:#CCCCCC;
		color					:#333;
		margin-top				:15px;
		margin-left				:15px;
		margin-right			:15px;
		margin-bottom			:0px;
		border					:1px solid #694A28;
		padding					:0px 0px 0px 0px;
		overflow				:hidden; /* this eliminates the need for clear float DIV's */
}


/* Top Columns */
.column_right_top {
		float					:right;
		width					:615px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:10px;
		margin-left				:0px;
		margin-right			:15px;
		margin-bottom			:10px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}
.column_left_top {
		float					:left;
		width					:300px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:10px;
		margin-left				:15px;
		margin-right			:0px;
		margin-bottom			:10px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}
.right_picture {
		float					:right;
		width					:280px;
		height					:220px; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:0px;
		margin-bottom			:0px;
		margin-left				:0px;
		margin-right			:0px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 20px 20px 0px;
		overflow				:hidden; /* this eliminates the need for clear float DIV's */
}

.column_wide_top {
		float					:left;
		width					:930px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:5px;
		margin-left				:15px;
		margin-right			:0px;
		margin-bottom			:10px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}

/* Mirrored Top Columns */
.column_right_top-mirror {
		float					:left;
		width					:615px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:10px;
		margin-left				:15px;
		margin-right			:0px;
		margin-bottom			:10px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}
.column_left_top-mirror {
		float					:right;
		width					:300px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:10px;
		margin-left				:0px;
		margin-right			:15px;
		margin-bottom			:10px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}

/* Bottom Columns */
.column_right_bottom {
		float					:right;
		width					:715px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:10px;
		margin-left				:0px;
		margin-right			:15px;
		margin-bottom			:10px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}
.column_left_bottom {
		float					:left;
		width					:200px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:10px;
		margin-left				:15px;
		margin-right			:0px;
		margin-bottom			:10px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}
.column_wide_bottom {
		float					:left;
		width					:930px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:5px;
		margin-left				:15px;
		margin-right			:0px;
		margin-bottom			:10px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}

.column_bottom_one {
		float					:left;
		width					:300px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:10px;
		margin-left				:15px;
		margin-right			:0px;
		margin-bottom			:10px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}
.column_bottom_two {
		float					:left;
		width					:300px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:10px;
		margin-left				:15px;
		margin-right			:0px;
		margin-bottom			:10px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}
.column_bottom_three {
		float					:left;
		width					:300px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:10px;
		margin-left				:15px;
		margin-right			:0px;
		margin-bottom			:10px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}
.column_wide_right {
		float					:right;
		width					:455px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:10px;
		margin-left				:0px;
		margin-right			:15px;
		margin-bottom			:10px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}
.column_wide_left {
		float					:left;
		width					:455px;
		height					:100%; /* this ensures the container always holds the internal elements! */
		background				:transparent;
		color					:#333;
		margin-top				:10px;
		margin-left				:15px;
		margin-right			:0px;
		margin-bottom			:10px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}
/* Contact Box - Can be used to align unequal length lines as tabular data i.e. Telephone numbers */
#contact-box {
				float					:left;
				width					:420px;
				height					:100%;
				background				:transparent;
				color					:#FF6600;
				margin-top				:10px;
				margin-left				:10px;
				margin-right			:10px;
				margin-bottom			:20px;
}
#contact {
				float					:left;
				width					:420px;
				height					:100%;
				background				:transparent;
				color					:#000000;
				margin-top				:0px;
				margin-left				:10px;
				margin-right			:10px;
				margin-bottom			:2px;
}
.contact_title { 
				float					:left;
				width					:200px;
				padding					:1px 1px 1px 1px;
				font-family				:Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size				:.8em;
				font-weight				:bold;
				color					:#000000;
}
.contact_detail { 
				float					:left;
				width					:200px;
				padding					:1px 1px 1px 1px;
				font-family				:Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size				:.8em;
				color					:#000000;
}
.icons { 		/* This style aligns the PDF and WORD Icons within the page */
		position				:relative;
		top						:5px;
		right					:0px;
		left					:2px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 10px 0px 0px;
}

.wrap {
    padding: 0 20px;
	
}

.tableWrap {
    overflow-x						: hidden;
	max-width						:990px;
	margin							: 0 auto;
}

.tableBlock {
    display: table;
    border-collapse: separate;
    border-spacing: 20px;
    margin: 0 -20px;
}

.tableRow {
    display: table-row;
}

.tableCell {
    display: table-cell;
    padding: 0px;
    width: 20%;
    border: 1px solid;
	background				:#B5B4B4 url(../images/box-bg.png) no-repeat top right;
}

@media only screen and (max-width: 600px) {
    .tableBlock, .tableRow, .tableCell {
        display: block;
        width: 100%;
    }

    .tableBlock {
        margin: 0;
    }
    
    .tableCell {
        margin: 30px 0;
		background				:#B5B4B4 url(../images/box-bg.png) no-repeat top right;
    }
}
/* Footer Content */
#footer_left {
		float					:left;
		margin-left				:10px;
		margin-top				:15px;
		width					:450px;
		height					:30px;
		color					:#333;
		border					:0px solid #98CB00;
		padding					:0px 0px 0px 0px;
		text-align				:left;
}
#footer_right {
		float					:right;
		margin-right			:10px;
		margin-top				:15px;
		width					:500px;
		height					:30px;
		color					:#333;
		border					:0px solid #98CB00;
		padding					:0px 0px 0px 0px;
		text-align				:right;
}

/* Bottom Content */

/* Validator Content */
#validator  {
		float					:left;
		width					:400px;
		height					:25px;
		background 				:transparent;
		color					:#9E9E9E;
		margin-top				:10px;
		margin-left				:10px;
		margin-right			:0px;
		margin-bottom			:0px;
		border-top				:0px solid #98CB00;
		border-bottom			:0px solid #98CB00;
		border-left				:0px solid #98CB00;
		border-right			:0px solid #98CB00;
		padding					:0px 0px 0px 0px;
}
#validator  {							

		font-family     		:Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size       		:10px;
		color					:#9E9E9E;
		font-style				:normal;
		text-decoration 		:none;
		text-align				:left;
}
.validator_logo { 				/* webZplus Logo */
		position				:relative;
		top						:6px;
		right					:0px;
		left					:2px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}
/* Web Desiger Content */
#designer  {
		float					:right;
		width					:400px;
		height					:25px;
		background 				:transparent;
		color					:#9E9E9E;
		margin-top				:10px;
		margin-left				:0px;
		margin-right			:10px;
		margin-bottom			:0px;
		border-top				:0px solid #98CB00;
		border-bottom			:0px solid #98CB00;
		border-left				:0px solid #98CB00;
		border-right			:0px solid #98CB00;
		padding					:0px 0px 0px 0px;
}
#designer  {					/* webZplus Text */		

		font-family     		:Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size       		:10px;
		color					:#9E9E9E;
		font-style				:normal;
		text-decoration 		:none;
		text-align				:right;
}
#designer a:link, #designer a:visited { 

		color					:#9E9E9E;
		font-style				:normal;
  		text-decoration  		:none;
}
#designer a:hover { 

  		font-style      		:normal;
  		text-decoration  		:underline;	
}
.designer_logo { 				/* webZplus Logo */
		position				:relative;
		top						:6px;
		right					:0px;
		left					:2px;
		border-top				:0px solid #FF0000;
		border-bottom			:0px solid #FF0000;
		border-left				:0px solid #FF0000;
		border-right			:0px solid #FF0000;
		padding					:0px 0px 0px 0px;
}