﻿@import url("layout.css");
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #E5E5F7;
}

#container {
	width: 900px;
	margin: 10px auto;
}

* html container {
	width: 920px;
	w\idth: 900px;
}

#mastheadoutside {
	width: 100%;
	height: 80px;
}

#mastheadinside {
	text-align: left;
	width: 698px;
	float: left;
	height: 100%;
}

#mastheadlogo{
	padding: 8px 10px 9px 20px;
	text-align: center;
	float: left;
}

* html mastheadlogo {
	width: 150px;
	w\idth: 130px;
}

#mastheadtext{
	padding: 9px 8px 0px 0px;
	width: 520px;
	float: right;
	text-align: center;
}

* html mastheadtext {
	width: 528px;
	w\idth: 520px;
}

#contsqcontainer {
	margin: 1px;
	width: 178px;
}

* html contsqcontainer {
	width: 198px;
	w\idth: 178px;
}

#contactsquare{
	font-size: 0.8em;
	background-image: url('../images/grey_fade_58px.gif');
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: top;
	padding-top: 10px;
}

* html contsqcontainer {
	width: 198px;
	w\idth: 100%;
}

#mainareaoutside {
	width: 100%;
	height: 440px;
}

#mainareainside {
	text-align: left;
	width: 698px;
	float: left;
	height: 100%;
}

#navigation {
	position: relative;
	float: left;
	width: 160px;
	height: 310px;
/*	height: 440px;*/
	background-color: #FAFFFA;
}

#navtop {
	height: 16px;
	width: 150px;
	margin-top: 8px;
	margin-left: 8px;
	background: url(../images/navtop.gif) no-repeat;
}

#navbottom {
	width: 150px;
	background: url(../images/navbottom.gif) no-repeat;
}

#maincontent {
	font-size: 0.8em;
	float: right;
	width: 530px;
	height: 432px;
	/*background-color: black;*/
	/*background: url('../images/smiley_watermark.gif');*/
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 8px;
}

#imagebox {
	padding: 3px;
/*	border: 2px solid #969696;*/
	border-width: 0;
	margin: 3px;
}

#leftimg {
	float: left;
	border: 2px solid #969696;
	margin-right: 10px;
	margin-bottom: 10px;
}

#rightimg {
	float: right;
	border: 2px solid #969696;
	margin-left: 10px;
	margin-bottom: 10px;
}

#leftfade {
	background: url('../images/fade_left_to_right_temp.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	padding-top: 3px;
}

#rightfade {
	background: url('../images/fade_right_to_left.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 10px;
	padding-top: 3px;
	text-align: right;
}



#rightcolcontainer {
	margin: 1px;
	width: 178px;
	padding-top: 8px;
}

#rightcolumn {
	font-size: 0.8em;
	padding: 10px;
	background-image: url('../images/grey_fade_58px.gif');
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 8px;
}

#leftcolumn {
	font-size: 0.8em;
	margin-left: 8px;
	background-image: url('../images/grey_fade_left_58px.gif');
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 8px;
}

#rightcolumnlower {
	font-size: 0.8em;
	padding: 10px;
	background-image: url('../images/grey_fade_58px.gif');
	background-repeat: no-repeat;
}

#boxoutline { width: 527px; margin-bottom: 10px; background: /*#EEF8FD*/ url(../images/alerts-left.gif) repeat-y; }
#botopoutside { height: 40px; width: 527px; }
#botopinside { height: 40px; width: 511px; float: left; }
#botopleft { height: 40px; width: 24px; float: left; background: url(../images/alerts-tl.gif) no-repeat; }
#botop { padding-top: 1px; height: 39px; width: 487px; float: right; background: url(../images/alerts-top.gif) repeat-x; }
#boh2 { background-position: 10px; height: 30px; padding: 6px 0 0 40px; margin: 0; color: #252525; font-size: 1.3em; font-weight: bold; background: url(../images/smiley_button.gif) no-repeat 0 0; }
#botopright { height: 40px; width: 16px; float: right; background: url(../images/alerts-tr.gif) no-repeat; }
#boxoutline .content { margin-left: 20px; padding-right: 20px; font-size: 1.0em; background: /*#EEF8FD*/ url(../images/alerts-right.gif) repeat-y right; }
#boxoutline .content p { margin: 0; padding: 5px 0; }
#boxoutline .content p em { font-weight: bold; color: #C00; font-style: normal; }
#boxoutline .content p.subheading { font-weight: bold; color: #FF6C3B; border-bottom: none; }
#boxoutline .content div.blurb { overflow: auto; height: 340px; padding-bottom: 3px; /*background: url('../images/smiley_watermark.gif'); background-repeat: no-repeat; background-position: right top;*/ }
#boxoutline .content div.meettheteam { overflow: auto; height: 340px; padding-bottom: 3px; }
#boxoutline .bottom { height: 18px; background: url(../images/alerts-bottom.gif) repeat-x bottom; }
#boxoutline .bottom .left { height: 18px; width: 18px; float: left; background: url(../images/alerts-bl.gif) no-repeat; }
#boxoutline .bottom .right { height: 18px; width: 18px; float: right; background: url(../images/alerts-br.gif) no-repeat; }

#sboxoutline { width: 198px; background: #EEF8FD url(../images/alerts-left.gif) repeat-y; }
#sbotopoutside { height: 18px; width: 198px; }
#sbotopinside { height: 18px; width: 180px; float: left; }
#sbotopleft { height: 18px; width: 18px; float: left; background: url(../images/salerts-tl.gif) no-repeat; }
#sbotop { height: 18px; width: 162px; float: right; background: url(../images/salerts-top.gif) repeat-x; }
#sbotopright { height: 18px; width: 18px; float: right; background: url(../images/salerts-tr.gif) no-repeat; }
#sboxoutline .content { margin-left: 20px; padding-right: 20px; font-size: 1.0em; background: #EEF8FD url(../images/alerts-right.gif) repeat-y right; }
#sboxoutline .content div.blurb { padding-bottom: 3px; font-size: 0.8em; text-align: center; width:162px; }
#sboxoutline .bottom { height: 18px; background: url(../images/alerts-bottom.gif) repeat-x bottom; }
#sboxoutline .bottom .left { height: 18px; width: 18px; float: left; background: url(../images/alerts-bl.gif) no-repeat; }
#sboxoutline .bottom .right { height: 18px; width: 18px; float: right; background: url(../images/alerts-br.gif) no-repeat; }

.btcblue {
	font-weight: bold;
	color: #0000FF;
}

.bblue {
	color: #0000FF;
}


.ms-contemp-main {
	border: 2px solid gray;
	width: 95%;
}
.ms-contemp-header {
	font-weight: normal;
	color: black;
	border-left: 1pt solid gray;
	border-right: 1pt solid gray;
	border-top: 2pt solid gray;
	border-bottom: 1pt solid gray;
	background-color: #CCCCCC;
	vertical-align: middle;
}
.ms-contemp-even {
	font-weight: normal;
	color: black;
	border-left: 1pt solid gray;
	border-right: 1pt solid gray;
	border-top: 1pt solid gray;
	border-bottom: 1pt solid gray;
	background-color: #CCCCCC;
	vertical-align: middle;
}
.ms-contemp-odd {
	font-weight: normal;
	color: black;
	border-left: 1pt solid gray;
	border-right: 1pt solid gray;
	border-top: 1pt solid gray;
	border-bottom: 1pt solid gray;
	background-color: #F2F2F2;
	vertical-align: middle;
}
.table-hsurround {
	font-weight: normal;
	color: black;
	border-left: 2pt solid gray;
	border-right: 2pt solid gray;
	border-top: 2pt solid gray;
	border-bottom: 2pt solid gray;
/*	width: 480px;*/
	/*height: 40px; */
    padding: 0px;
    margin: 0px;
}
.table-header {
	font-weight: normal;
	color: black;
	border-left: 1pt solid gray;
	/*border-right: 1pt solid gray;*/
	/*border-top: 1pt solid gray;*/
	/*border-bottom: 1pt solid gray;*/
	vertical-align: middle;
	text-align: center;
/*	width: 137px;*/
	/*height: 40px;*/
/*    padding: 0px;*/
	padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    padding-bottom: 2px;
    margin: 0px;

}
.table-surround {
	font-weight: normal;
	color: black;
	border-left: 2pt solid gray;
	border-right: 2pt solid gray;
	border-top: 1pt solid gray;
	border-bottom: 2pt solid gray;
	overflow: auto;
/*	width: 480px;*/
	height: 226px; 
    padding: 0px;
    margin: 0px;
}
.table-body {
	font-weight: normal;
	color: black;
	border-left: 1pt solid gray;
	/*border-right: 1pt solid gray;*/
	/*border-top: 1pt solid gray;*/
	border-bottom: 1pt solid gray;
/*	width: 146px;*/
	padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    padding-bottom: 2px;
    margin: 0px;
}



#newsletter {
	width: 77px;
	height: 136px;
}

#newsletter .thumbnail {
	height: 106px;
}

#newsletter .text {
	height: 30px;
}

/*.fubar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
}*/

#footer {
	text-align: center;
	font-size: 0.8em;
/*	clear: both;
	width: 900px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FAFFFA;*/
}

/* Masthead Styles */
#masthead h1 {
	color: #3d6c87;
}

#masthead h3 {
	color: #5f8ea9;
}

/*Maincontent Styles*/
#maincontent ul {
	list-style-type: circle;
	margin: 0;
	padding: 5px 5px 5px 20px;
}

/* width: 100%; display: block; }*/
#maincontent li {
	list-style-type: disc;
	margin: 0px;
	padding: 2px;
}

/* display: block;}*/
/*#navigation a {
	color: #3d6c87;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #fff;
	background-color: #fff;
}
#navigation a:hover {
	color: #800080;
	text-decoration: none;
	border: 1px solid #5f8ea9;
	background-color: #5f8ea9;
}*/
/* Content Styles */
h6 {
	color: #3d6c87;
}

h5 {
	color: #3d6c87;
}

h4 {
	color: #3d6c87;
}

h3 {
	color: #3d6c87;
}

h2 {
	color: #3d6c87;
}

#content h1 {
	color: #3d6c87;
}

#content img {
	padding: 5px;
	border: 1px solid #808080;
}

/* Footer Styles 
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #808080;
	margin-top: 5px;
}

#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #5f8ea9;
	text-decoration: underline;
}

#footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #33627d;
	text-decoration: none;
}*/


a {
	color: #5f8ea9;
	text-decoration: underline;
}

a:hover {
	color: #33627d;
	text-decoration: underline;
}

.style_bold {
	font-weight: bold;
}

.style_italic {
	font-style: italic;
}

.style_btc {
	font-family: "Century Gothic";
}

.style_click_on_it {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
}

a:active img {
	border-style:none
}

a:hover img {
	border-style:none
}

a:visited img {
	border-style:none
}

a:link img {
	border-style:none
}

.centremiddle {
	vertical-align: middle;
	text-align: center;
}
.bottom {
	vertical-align: bottom;
}
.places_even {
	border: 1pt solid gray;
	font-weight: normal;
	color: black;
	background-color: #F2F2F2;
	vertical-align: middle;
	text-align: center;
}
.places_odd {
	border: 1pt solid gray;
	font-weight: normal;
	color: black;
	background-color: #CCCCCC;
	vertical-align: middle;
	text-align: center;
}
.bottomcentre {
	vertical-align: bottom;
	text-align: center;
}
.centre {
	text-align: center;
}
.red_it {
	color: #FF0000;
}
.middle_centre_red {
	vertical-align: middle;
	text-align: center;
	color: #FF0000;
}
