/* NAME: Charles Wyke-Smith */
/* EMAIL: charles@stylinwithcss.com */

/* THREE COLUMN LAYOUT */

body {
	text-align:center;
	}
#main_wrapper {
	width:790px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max\'d layout in browser */
	margin-right:auto; /* centers max\'d layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	background-image: url(IMAGES/wrap_bg.gif);
	background-repeat: repeat-y;
	}
#flash_content {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	width: 790px;
	height: 218px;
	background-image: url(IMAGES/Bridge_alt.jpg);
}
#left_col_menu ul {
	list-style-type: none;
	padding-left: 20px;
	line-height: 2em;
}
#left_col_menu {
	background-image: url(IMAGES/LEFT_TOP_1.jpg);
	width: 216px;
}
#left_col_menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#left_col_menu a:hover {
	color: #bcd4ec;
	text-decoration: none;
}
#left_col_info {
	margin: 0px;
	padding: 5px;
	width: 206px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background: #9AB6D9;
	height: 250px;
}
#leftr_col_info  li {
	color: #666666;
	list-style-type: square;
}
#left_col_info ul {
	list-style-type: square;
	padding-left: 15px;
	color: #333333;
	list-style-position: outside;
	padding-top: 12px;
}

.left_col_info_h h3 {
	color: #333333;
	font-size: 1.75em;
	line-height: 0.9em;
}
#left_col_bot_img {
	margin: 0px;
	padding: 0px;
	width: 216px;
	float: left;
}
#header {
}
#navbar {
	height: 30px;
	width: 790px;
	background-image: url(IMAGES/menuBAR.gif);
	background-repeat: no-repeat;
	color: #CCCCCC;
	font-size: 13px;
}
#navbar li {
	display: inline;
	list-style-type: none;
	padding: 7px 7px 10px;
	text-align: center;
}
#navbar ul {
}
#navbar a {
	text-decoration: none;
	color: #CCCCCC;
}
#navbar a:hover {
	color: #66CCFF;
}
#navbar_align_right {
	margin: 0px;
	width: 350px;
	float: right;
	padding-top: 5px;
	height: 20px;
	padding-bottom: 5px;
}
#newsletter {
	font-size: 0.8em;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	height: 85px;
	margin-top: 10px;
	margin-left: 10px;
}
#newsletter input {
	margin-top: 3px;
	margin-bottom: 3px;
}
#newsletter form {
	color: #333333;
	line-height: 12px;
}
#left_col {
	width:226px;
	float:left;
	background-repeat: no-repeat;
	}
#content {
	width:322px;
	float:left;
	}
#content_inner h2 {
	font-size: 13px;
	font-style: italic;
	color: #0066CC;
	font-weight: normal;
	padding-top: 3%;
}
#content_inner p a:link {
	color: #000000;
	text-decoration: none;
}
#content_inner p a:hover {
	color: #FFFFFF;
	padding: 1.5px 2px;
	background-color: #3c6da1;
}
#content_inner h1 {
	color: #666666;
	font-size: 1.2em;
	line-height: 1em;
	padding-bottom: 3%;
}
#content_inner h3 {
	font-size: .9em;
	font-weight: bold;
	color: #3c6da1;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #3c6da1;
	padding: 5% 0px 0px;
}
#content_inner h4 {
	font-size: 1em;
	color: #666666;
	line-height: 80%;
	padding: 0px;
}
#content_inner em {
	font-style: italic;
	color: #666666;
}
.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #666666;
}
.contact td {
	padding-top: 10px;
}
.contact_img {
	float: left;
	padding-right: 1em;
}
#content_inner ul {
	list-style-type: none;
}
#content_inner li a {
	color: #000000;
	text-decoration: none;
}
#content_inner li a:hover {
	color: #FFFFFF;
	background-color: #3c6da1;
	padding: 1.5px 2px;
}
.contact a {
	color: #000000;
	text-decoration: none;
}
.contact a:hover {
	color: #FFFFFF;
	background-color: #3c6da1;
	padding: 1.5px 2px;
}
.link_img  {
	float: right;
}
.link_img a:hover {
	border: thin solid #00FFCC;
}
#content_inner li {
	color: #666666;
	font-size: 0.8em;
	list-style-type: none;
	padding-left: 3%;
}
#content_inner a img {
	border: none;
	padding: 0px;
}
#right_col {
	width:229px;
	float:left;
	background-color: #bcd4ec;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 100%;
	}
#footer {
	width:100%;
	clear:both;
	}
#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#header_inner {
	}
#left_col_inner {
	margin:0em 0em 1em 0.5em;
	}
#content_inner {
	margin:0em 1em 1em .7em;
	text-decoration: none;
}
#left_col_address {
	margin: 0px;
	padding: 5px;
	width: 206px;
	height: 30px;
	float: left; 
	font-size: 0.8em;  
	color: #333333; 
	background: #cccccc;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
#right_col_inner {
	margin:1em 1.2em;
	}
#footer_inner {
	text-align:center;
	}
#right_col_bot_img {
	margin: 0px;
	padding: 0px;
	width: 229px;
	height: 563px;
	background: url(../images/RGT_mid_3.jpg);
	background-repeat: no-repeat;
}


/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {
	font: 1em Arial, Helvetica, sans-serif; /* 1em = 16pts */
	background-color: #000000;
	background-image: url(IMAGES/egsound_bg1.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */

/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body {background-color:#000;}
#main_wrapper {background-color:#000;}
#header {background-color:#FFFFFF;}
#content {}
#promo {background-color:transparent;}
#footer {background-color:#D9D9C3;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: Arial, Helvetica, sans-serif;
	} 
p {
	font-size: 12px;
	color: #666666;
}
a:hover {
	text-decoration:none;
	}
/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: ".";
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
#content_inner img a:hover {
	color: #FFFFFF;
}