body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #838588;
	margin: 14px;
}
#content { 
	width: 919px;
	margin: 0 auto; /*Center container on page*/
}

/* Global tag formatting */
a {
	color: #838588;
	font-size: 12px;
	text-decoration: underline;
}
a:hover {
	color:#666666;
}
h1 {
	font-weight: bold;
	font-size: 12px;
	color: #666666;
	margin: 0px;
}
p {
	margin: 4px 0;
}

/* Navigation */
div#nav {
	text-align:right;
	margin: 0;
	padding:0;
	background: url(images/backbanner_top.png) no-repeat;
	height: 20px;
}
div#nav div{display:inline;}
div#nav div.mainlinks{float:left;}
div#nav div.mainlinks ul {
	font-weight: bold;
	margin: 0;
	padding: 0;
	list-style:none;	
}
div#nav div.mainlinks li {
	display: inline;
	text-align: center;
	padding: 0;
	margin-right: 2px;	
	float: left;
}
div#nav div.mainlinks a {
	color: #838588;
	float: left;
	margin:	0;
	text-decoration: none;
}
div#nav div.mainlinks a:hover {
	color: #838588;
	text-decoration: underline;
}
div#nav div.mainlinks a span {
	display: block;
	padding: 3px 6px 2px 6px;
}
div#nav div.mainlinks li#current {
	background: url(images/nav_tab_bg.png) repeat-x center top;
}
div#nav div.mainlinks li#current b {
	color: #FFFFFF;
	background: url(images/nav_tab_left.png) no-repeat left top;
	float: left;
	margin:	0;
}
div#nav div.mainlinks li#current b span {
	background: url(images/nav_tab_right.png) no-repeat right top;
	display: block;
	padding: 3px 6px 2px 6px;
}
div#nav div.mainlinks li.sep {
	float: left;
	margin:	0;
	padding: 2px 1px 2px 0px;
}
div#nav div.mainlinks a span {
	float: none;
}
div#nav div.contactinfo {
	text-align:right;
}
div#nav div.contactinfo a {
	color: #838588;
	font-size: 12px;
	text-decoration: none;
}
div#nav div.contactinfo a:hover {
	color: #838588;
	text-decoration: underline;
}

/* Contact links */
div.headerlink {
	margin: 12px 0 4px 0;
}
div.headerlink a {
	color: #fdb516;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
div.headerlink a:hover {
	color: #fdb516;
	text-decoration: underline;
}

/* Home banner */
div#homebanner {
	position: relative;
	height: 244px;
}
div#homebanner img {
	position: absolute;
}
div#homebanner .left {left: 0; top: 0; width: 676px;}
div#homebanner .right1 {left: 676px; top: 0; width: 243px;}
div#homebanner .logo {left: 676px; top: 21px; width: 243px;}
div#homebanner .right2 {left: 676px; top: 93px; width: 243px;}
div#homebanner .right3 {left: 676px; top: 157px; width: 53px;}
div#homebanner .action {left: 729px; top: 157px; width: 190px;}
div#homebanner .right4 {left: 676px; top: 210px; width: 243px;}
#homebannerbtm {
	background: url(images/banner_btm.png) no-repeat;
	text-align: right;
	vertical-align: middle;
	height: 25px;
	padding-top: 4px;
	padding-right: 10px;
}
div#homebannerbtm a {
	color: #838588;
	font-size: 12px;
	text-decoration: none;
}
div#homebannerbtm a:hover {
	color: #838588;
	text-decoration: underline;
}

/* Back banner */
div#backbanner {
	position: relative;
	height: 155px;
}
div#backbanner img {
	position: absolute;
}
div#backbanner .left {left: 0; top: 0; width: 676px;}
div#backbanner .right1 {left: 676px; top: 0; width: 243px;}
div#backbanner .logo {left: 676px; top: 21px; width: 243px;}
div#backbanner .right2 {left: 676px; top: 93px; width: 243px;}
#backbannerbtm {
	background: url(images/backbanner_btm.png) no-repeat;
	text-align: right;
	vertical-align: middle;
	height: 25px;
	padding-top: 4px;
	padding-right: 10px;
}
div#backbannerbtm a {
	color: #838588;
	font-size: 12px;
	text-decoration: none;
}
div#backbannerbtm a:hover {
	color: #838588;
	text-decoration: underline;
}

/* Home columns */
#homecontentwrapper {
	float: left;
	width: 100%;
	background: url(images/bg_3col.gif) repeat-y;
}
#homecontentwrapper #contentcolumn {
	margin-right: 567px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}
#homeleftcolumn {
	float: left;
	width: 383px; /*Width of left column in pixel*/
	margin-left: -567px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
}
#homerightcolumn {
	float: left;
	width: 184px; /*Width of right column in pixels*/
	margin-left: -184px; /*Set margin to -RightColumnWidth*/
}
.homeinnertube {
	padding: 8px 18px 8px 32px;
}

/* What columns */
#whatcontentwrapper {
	float: left;
	width: 100%;
	background: url(images/bg_3col_what.gif) repeat-y;
}
#whatcontentwrapper #contentcolumn {
	margin-right: 614px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}
#whatleftcolumn {
	float: left;
	width: 309px; /*Width of left column in pixel*/
	margin-left: -614px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
}
#whatrightcolumn {
	float: left;
	width: 305px; /*Width of right column in pixels*/
	margin-left: -305px; /*Set margin to -RightColumnWidth*/
}
.whatinnertube {
	padding: 8px 18px 8px 32px;
}

/* How columns */
#howcontentwrapper{
	float: left;
	width: 100%;
}
#howcontentcolumn{
	margin-left: 370px; /*Set left margin to LeftColumnWidth*/
}
#howleftcolumn{
	float: left;
	width: 370px; /*Width of left column*/
	margin-left: -919px; /*Set left margin to -(MainContainerWidth)*/
	border-right: solid 1px #FDB516;
}

/* Content elements - General */
img.arrow {
	margin-left: 8px;
}
div.morelink {
	margin-top: 10px;
}
div.hsep {
	background: url(images/hsep.gif) repeat-x;
	padding-top: 5px;
}

/* Home - How we help */
img.homeportthumbleft {
	float: left;
	margin: 0px 18px 9px 0px;
	padding: 0;
}
img.homeportthumbright {
	float: right;
	margin: 0px 0px 9px 18px;
	padding: 0;
}

/* What */
div.portexample {
	float: right;
	margin: 0px 0px 9px 9px;
	padding: 0;
	text-align: right;
}
div.portexample img.thumb {
	margin-bottom: 2px;
}

/* How */
#how #howleftcolumn .innertube {
	padding: 8px 35px 8px 0px;
}
#how #howcontentwrapper .innertube {
	padding: 0px 0px 8px 28px;
}
#how #howleftcolumn h1 {
	color: #FDB516;
	border-bottom: solid 1px #CCCCCC;
	margin: 0px 0px 10px;
	padding: 0;
}
#how #howleftcolumn table {
	margin-left: 12px;
	margin-bottom: 42px;
}
#how #howleftcolumn table td {
	width: 33%;
	text-align: center;
	padding-top: 10px;
	vertical-align: top;
}
#how #howleftcolumn img.thumb {
	border: solid 3px #CCCCCC;
	margin-bottom: 2px;
}
#how #howleftcolumn img.arrow {
	margin: 0px 4px 0px 0px;
}
#how #projectimg {
	border: solid 5px #F3F4F5;
	padding: 2px;
	float: left;
	clear: left;
	margin-bottom: 38px;
}
#how #projectimg img {
	border: solid 1px #D8D8D8;
}
#how .projectinfo {
	font-size: 13px;
}
#how .projectinfo p {
	clear: left;
	margin: 0;
	padding: 2px 0 2px 0;
	padding-left: 160px; /*width of left column containing the label elements*/
}
#how .projectinfo label{
	font-weight: bold;
	float: left;
	margin-left: -160px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (80px) to create some right margin*/
	text-align: right;
}
#how .projectdesc {
	margin-top: 10px;
	padding-top: 14px;
	border-top: solid 1px #CCCCCC;
}

/* Footer */
#footer {
	clear: left;
	width: 919px;
	margin: 0 auto; /*Center container on page*/
	text-align: center;
	padding-top: 36px;
	padding-bottom: 6px;
}
#footer div {
	font-size: 10px;
	border-top: 2px solid #cccccc;
	padding-top: 8px;
}
#footer a {
	font-size: 10px;
	text-decoration: none;
	color: #838588;
}
#footer a:hover {
	text-decoration: underline;
}