html, body {
  	background-color:#023233;
	font: 12px verdana, arial, helvetica, sans-serif;
	line-height:18px;
	text-align: center; /* for IE */
	padding:0;
	margin:0;
	}
h3 {
	color:#ffffff;
	font: 16px verdana, arial, helvetica, sans-serif;
	line-height:18px;
	font-weight:bold;
	}
h4 {
	color:#ffffff;
	font: 12px verdana, arial, helvetica, sans-serif;
	line-height:18px;
	font-weight:bold;
	}
a {
	text-decoration: none;
	color:#EF8959;
	outline: none;
	}
a:visited {
	color:#EF8959;
	}
a:active {
	color:#EF8959;;
	}
a:hover {
	color: #EF8959;
	text-decoration: underline;
	}
#container {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 751px;
	}
#right_column
	{
	float: left;
	width: 551px;
	margin: 0 0 0 200px;
	}
* html #right_column
	{
	display: inline;
	}
#left_column
	{
  	background-image:url("/img/bg_left.gif");
  	background-repeat:repeat-y;
	float: left;
	width: 214px;
	margin-left: -753px;
	}

/* Start Mac IE5 filter \*/
#right_column, #left_column
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
@media all and (min-width: 0px) {
#right_column, #left_column
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
#right_column:before, #left_column:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
/* End Mac IE5 filter */

/* IE Win can be a bit out - you might need to adjust  
bottom value by -1px or as required */
.verticalalign
	{
	position: absolute;
	bottom: -5px !important;
	bottom: -3px;
	}
#right_column .verticalalign
	{
	width: 551px;
	}
#left_column .verticalalign
	{
	width: 214px;
	}
/* hack for Opera 7+ */
@media all and (min-width: 0px){
.verticalalign
	{
	width: 100% !important;
	}

/* But Opera 9 does it right, so CSS3 hax to the max */
div[id^="wrapper"] #right_column .verticalalign
	{
	width: 551px !important;
	}
div[id^="wrapper"] #left_column .verticalalign
	{
	width: 214px !important;
	}
}

/* hack for IEs of all persuasions before IE7 */
* html .verticalalign
	{
	width: 100% !important;
	}
.verticalalign p
	{
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	}
#wrapper_extra
	{
	position: relative;
	}
* html #wrapper
	{
	position: relative;
	}
#wrapper
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the columns vanish */
* html #wrapper_extra
	{
	float: left;
	width: 100%;
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
	float: left;
	float/**/: none;
	height: 805px;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 84px; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */

#footer, #footer a
	{
	clear: both;
	text-align:left;
	padding-left:10px;
	color:#006A72;
	letter-spacing:1px;
	text-decoration:none;
	}
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}

	#logo {
  		background-image:url("/img/logo.gif");
  		background-repeat:no-repeat;
		width: 214px;
		height: 137px;
		background-color:transparent;
	}

	#header {
  		background-color:transparent;
  		background-image:url("/img/double_sharpe.gif");
  		background-repeat:no-repeat;
  		background-position:0px 0px;
  		float:left;
  		width:551px;
  		height:42px;
  		margin:22px 0 0 -1px;
  	}
	#nav {
		color:#fff;
  		background-color:transparent;
  		float:left;
  		width:100%;
  		border:solid #fff;
  		border-width:0;
  	}
	#nav ul {
  		margin:0;
  		padding:0 6px;
  		list-style:none;
  		font-size:13px;
		letter-spacing:1px;
  		text-transform:lowercase;
  	}
	#nav li {
  		float:left;
  		margin:0;
  		padding:0;
  		background-image:none;
  		line-height:30px;
  		text-indent:0;
  	}
	#nav a, #nav strong {
  		display:block;
  		padding:5px 10px 6px;
  		/*border:solid #ddd;
  		border-width:0 1px 0 0;*/
  		text-decoration:none;
  		white-space:nowrap;
		color:#fff;
  	}
	/* Following rule allows entire region of link to to be 
   	clickable in IE/Win. Holly Hack explained here:
   	http://www.positioniseverything.net/explorer/escape-floats.html */
	* html #nav a {
  		width:1%;
  	}
	#nav #current strong, #nav #current a {
  		background-repeat:no-repeat;
  		/*text-transform:capitalize;*/
		background-color:transparent;
		color:#EF8959;
  	}
	#nav a:hover, #nav #current a:hover strong, #nav #current strong {
  		color:#EF8959;
  	}
	/*#nav a:hover {
  		background-repeat:no-repeat;
		background-color:#333;
  	}*/
	#nav a strong, #nav #current a strong {
  		background:none;
  		padding:0;
  		border:none;
  	}
	#content {
		color:#BED8DB;
		margin:0 5px 84px 17px;
		padding:0;
	}
	#left_content {
		float:left;
		width:250px;
		margin: 10px 0 0 0;
		padding:5px 10px 5px 0;
		border-right:solid #BFC7C9 1px;
	}
	#left_content .verticalalign {
	  	margin-left:-15px;
	  	padding:0;
	  	width:250px;
  	}
	#right_content {
		float:left;
		width:250px;
		padding:0 0 5px 10px;
	}
	#left_content p {
		margin:0 0 5px 0;
		padding:0px 5px 10px 5px;
	}
	#left_content p.border {
		border-bottom:solid #BFC7C9 1px;
	}
	#left_content h4 {
		margin:0;
		padding:5px 0 0 5px;
	}
	#left_content h4.right {
		text-align:right;
		margin:0;
		padding:5px 10px 0 5px;
	}
	#right_content p,  #right_content h3 {
		margin:0;
		padding:10px 0 5px 10px;
	}
	.bodycommonLarge {
		color:#ffffff;
	}
	p .imgleft {
		float:left;
		margin:2px 6px 4px 0;
	}
	.imgright {
		float:right;
		margin:2px 0 4px 6px;
	}
img.transON {padding:0 0 0 30px; width:169px; background-color: #023233;border:0; }
img.transOFF  {padding:0 0 0 30px; width:169px; background-color: #023233;opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;border:0; }