@charset "utf-8";
/* CSS Document */

body  {
	padding: 0px;
	text-align: center;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 14px;
}
a:visited {
	color: #6f6f6f;
	text-decoration: none;
}
a:link {
	color: #6f6f6f;
	text-decoration: none;
}
a:active {
	color: #6f6f6f;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}

/* -------------- */
/* KEY CONTAINERS */
/* -------------- */

/* for everything*/
.twoColFixLt #container {
	width: 837px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 2px;
	_padding-bottom: 0px;
	#padding-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #efefef;
	border-right-color: #efefef;
	border-bottom-color: #efefef;
	border-left-color: #efefef;
}

/* for logo and navigation*/
.twoColFixLt #header {
	background: #FFFFFF;
	padding: 0px;
	height: 327px;
	margin-bottom: 1px;
}

/* for blurb*/
.twoColFixLt #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 380px; /* the actual width of this div, in standards-compliant browsers, 
					or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #efefef;
	margin-left: -3px;
	padding-left: 2px;
	margin-bottom: -3px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
}

/*for IE 6 only */
*html .twoColFixLt #sidebar1 {
	margin-left: -1px;
	margin-right: 0px;
	padding-left: 2px;
}

/* for contents on the right*/
.twoColFixLt #mainContent {
	background-color: #efebe3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 380px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 1px;
	#padding-bottom: 8px;
	padding-left: 8px;
	text-align:center;
	#margin-bottom: -5px;
} 

*html .twoColFixLt #mainContent {
	padding-bottom: 12px;
	margin-bottom:1px;
}

/* for contents on the right*/
.twoColFixLt #belowblurb {
	padding-left:10px;
} 

.twoColFixLt #belowblurb .belowblurb-inner {
	padding-left:10px;
	padding-top:20px;
	padding-bottom:30px;
} 
/* ---------- */
/* NAVIGATION */
/* ---------- */

.nav{
	width: 32px;
	text-align:right;
}

.nav-placead{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background-image: url(../images/nav-00-placead.gif);
	background-repeat: no-repeat;
	width:220px;
	height: 16px;
	text-transform: uppercase;
}

.nav-placead a{
	display: block;
	text-decoration:none;
	width:220px;
	height: 16px;
	color:#FFFFFF;
}

.nav-placead a:hover{
	color:#FFFF00;
}

.nav-01 {
	width:31px;
	height: 327px;
	background-image: url(../images/nav-01.gif);
	background-repeat: no-repeat;
	z-index:-1;
}

.nav-02 {
	width:31px;
	height: 327px;
	background-image: url(../images/nav-02.gif);
	background-repeat: no-repeat;
	z-index:-1;
}

.nav-03 {
	width:31px;
	height: 327px;
	background-image: url(../images/nav-03.gif);
	background-repeat: no-repeat;
}

.nav-04 {
	width:31px;
	height: 327px;
	background-image: url(../images/nav-04.gif);
	background-repeat: no-repeat;
}

.nav-05 {
	width:31px;
	height: 327px;
	background-image: url(../images/nav-05.gif);
	background-repeat: no-repeat;
}

.nav a{
	display: block;
	height: 327px;
	width: 31px;
	text-decoration: none;
}

.nav a:hover{
	display: block;
	height: 327px;
	width: 31px;
	text-decoration: none;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.nav-current{
	display: block;
	height: 327px;
	width: 32px;
	text-decoration: none;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	z-index:2;
}
/* ------ */
/* BLURB  */
/* ------ */

/* Green Line (cosmetic css) */
.twoColFixLt #container #sidebar1 .greenbar {
	background-color: #84b14c;
	height: 3px;
	width: 100%;
	font-size: 3px;
}

/* Blurb heading */

.twoColFixLt #container #sidebar1 .blurb-title {
	text-align: right;
	font-weight: 600;
	background-repeat:repeat-x;
	margin-top: 1px;
	margin-bottom: 0px;
	_margin-bottom: -10px;
	padding-bottom: 0px;
	height: 28px;
	width: 100%;
	vertical-align: middle;
	color:#FFFFFF;
	font-size:14px;
	*font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	*font-family: "Arial Narrow", Arial, Tahoma;

}


.twoColFixLt #container #sidebar1 .blurb-title2 {
	text-align: right;
	font-weight: 600;
	background-repeat:repeat-x;
	margin-top: 1px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	height: 19px;
	width: 100%;
	vertical-align: middle;
	color:#FFFFFF;
	font-size:14px;
	*font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	*font-family: "Arial Narrow", Arial, Tahoma;

}
.twoColFixLt #container #sidebar1 #blurb-title-00 {
	padding-top: 4px;
	padding-right: 16px;
	padding-bottom: 6px;
	background-image: url(../images/blurb-title-00.gif);
	height: 28px;
}

.twoColFixLt #container #sidebar1 #blurb-title-main {
	padding-top: 4px;
	padding-right: 16px;
	padding-bottom: 6px;
	background-image: url(../images/blurb-title-00.gif);
	height: 19px;
}

.twoColFixLt #container #sidebar1 #blurb-title-01 {
	padding-top: 4px;
	padding-bottom: 6px;
	padding-right: 16px;
	background-image: url(../images/blurb-title-01.gif);
	height: 28px;
	margin-top: -38px;
	visibility:hidden;
}

.twoColFixLt #container #sidebar1 #blurb-title-02 {
	padding-top: 4px;
	padding-bottom: 6px;
	padding-right: 16px;
	background-image: url(../images/blurb-title-02.gif);
	height: 28px;
	margin-top: -38px;
	visibility:hidden;
}

.twoColFixLt #container #sidebar1 #blurb-title-03 {
	padding-top: 4px;
	padding-bottom: 6px;
	padding-right: 16px;
	background-image: url(../images/blurb-title-03.gif);
	height: 28px;
	margin-top: -38px;
	visibility:hidden;
}

.twoColFixLt #container #sidebar1 #blurb-title-04 {
	padding-top: 4px;
	padding-bottom: 6px;
	padding-right: 16px;
	background-image: url(../images/blurb-title-04.gif);
	height: 28px;
	margin-top: -38px;
	visibility:hidden;
}

.twoColFixLt #container #sidebar1 #blurb-title-05 {
	padding-top: 4px;
	padding-bottom: 6px;
	padding-right: 16px;
	background-image: url(../images/blurb-title-05.gif);
	height: 28px;
	margin-top: -38px;
	visibility:hidden;
}

/* blurb content */
.twoColFixLt #container #sidebar1 #blurb {
	height: 248px;
	margin: 0px;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

#intro {
	visibility:visible;
}

#apDiv1 {
	position:inherit;
	margin-top:-203px;
	_margin-top:-211px;
	#margin-top:-211px;
	margin-left:-1px;
	height:248px;
	z-index:1;
	overflow: hidden;
	visibility:hidden;
}

#apDiv2 {
	position:inherit;
	margin-top:-248px;
	margin-left:-1px;
	height:248px;
	z-index:1;
	overflow: hidden;
	visibility:hidden;
}

#apDiv3 {
	position:inherit;
	margin-top:-248px;
	margin-left:-1px;
	height:248px;
	z-index:1;
	overflow: hidden;
	visibility:hidden;
}

#apDiv4 {
	position:inherit;
	margin-top:-248px;
	margin-left:-1px;
	height:248px;
	z-index:1;
	overflow: hidden;
	visibility:hidden;
}

#apDiv5 {
	position:inherit;
	margin-top:-248px;
	margin-left:-1px;
	height:248px;
	z-index:1;
	overflow: hidden;
	visibility:hidden;
}

/* ------------------------ */
/* BOTTOM CONTENT - SNIPPET  */
/* ------------------------ */

/* white base (Main Page) */
.twoColFixLt #bottomContent .snippet-wrapper{
	background-color: #FFFFFF;
	height: 100%;
	width: 260px;
	margin-bottom: 7px;
	text-align:left;
	padding-top: 1px;
	padding-bottom: 1px;
	#padding: 0px;
	_padding: 0px;
}

/* grey inner border (Main Page) */
.twoColFixLt #bottomContent .snippet-inner{
	margin-top:1px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:1px;
	_margin-top:2px;
	#margin-top:2px;
	_margin-bottom:2px;
	#margin-bottom:2px;
	border: 1px solid #ececec;
	height: 270px;
	vertical-align: top;
}

.twoColFixLt #bottomContent .blurb-title {
	text-align: right;
	font-weight: 600;
	background-repeat:repeat-x;
	margin-top: 1px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	height: 19px;
	width: 100%;
	vertical-align: middle;
	color:#FFFFFF;
	font-size:14px;
	*font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	*font-family: "Arial Narrow", Arial, Tahoma;

}

.twoColFixLt #bottomContent #blurb-title-main {
	margin-top:-4px;
	padding-top: 4px;
	padding-right: 16px;
	padding-bottom: 6px;
	background-image: url(../images/blurb-title-00.gif);
	height: 19px;
}

/* ------------------------ */
/* RIGHT CONTENT - SNIPPET  */
/* ------------------------ */


/* white base (Main Page) */
.twoColFixLt #mainContent .snippet-wrapper{
	background-color: #FFFFFF;
	height: 100%;
	width: 437px;
	margin-bottom: 7px;
	text-align:left;
	padding-top: 1px;
	padding-bottom: 1px;
	#padding: 0px;
	_padding: 0px;
}

/* grey inner border (Main Page) */
.twoColFixLt #mainContent .snippet-inner{
	margin-top:1px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:1px;
	_margin-top:2px;
	#margin-top:2px;
	_margin-bottom:2px;
	#margin-bottom:2px;
	border: 1px solid #ececec;
	height: 96px;
	vertical-align: top;
}

/* grey inner border (Main Page) */
.twoColFixLt #mainContent .snippet-inner2{
	margin-top:1px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:1px;
	_margin-top:2px;
	#margin-top:2px;
	_margin-bottom:2px;
	#margin-bottom:2px;
	border: 1px solid #ececec;
	height: 310px;
	vertical-align: top;
}

/* grey inner border (Main Page) */
.twoColFixLt #mainContent .snippet-inner3{
	margin-top:1px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:1px;
	_margin-top:2px;
	#margin-top:2px;
	_margin-bottom:2px;
	#margin-bottom:2px;
	border: 1px solid #ececec;
	height: 180px;
	vertical-align: top;
}
/* white base */
.twoColFixLt #mainContent .txt-wrapper{
	background-color: #FFFFFF;
	width: 437px;
	margin-bottom: 7px;
	text-align:left;
	padding-top: 1px;
	padding-bottom: 1px;
	#padding: 0px;
	_padding: 0px;
}

/* grey inner border */
.twoColFixLt #mainContent .txt-inner{
	margin-top:1px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:1px;
	_margin-top:2px;
	#margin-top:2px;
	_margin-bottom:2px;
	#margin-bottom:2px;
	border: 1px solid #ececec;
	vertical-align: top;
	padding:15px;
}

/* coloured bkgrd */
.twoColFixLt #mainContent .snippet-reverse{
	margin-top:1px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:1px;
	_margin-top:2px;
	#margin-top:2px;
	_margin-bottom:2px;
	#margin-bottom:2px;
	background-color:#f5f3ef;
	height: 270px;
	vertical-align: top;
}

/* Bread Crumbs */
.breadcrumb{
	font-size: 10px;
	text-align: left;
	padding:0px;
	padding-bottom:15px;	
}

.breadcrumb a{
	color: #999999;
}

.breadcrumb a:hover{
	color: #333333;
}

.breadcrumb a:hover{
	color: #333333;
}

/* Snippet Title */
.snippet-title {
	color: #666666;
	font-size: 14px;
	font-weight: bold;
}

.snippet-title a{
	color: #999999;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
}

.snippet-title a:hover{
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
}

/* Read More Link */
.readmore{
	text-align:right;
	width:58px;
	height: 13px;
	background-image: url(../images/readmore.gif);
	background-repeat: no-repeat;
	float: right;
}

.readmore a{
	display: block;
	height: 13px;
	width: 58px;
	text-decoration: none;
}

.readmore a:hover{
	display: block;
	height: 13px;
	width: 58px;
	text-decoration: none;
	background-image: url(../images/readmore-h.gif);
}

/* -------- */
/* WIDGETS  */
/* -------- */

/* this class can be used to float an element right in your page. 
The floated element must precede the element it should be next to on the page. */
.fltrt { 
	float: right;
	margin-left: 8px;
}

/* this class can be used to float an element left in your page */
.fltlft { 
	float: left;
	margin-right: 8px;
}

/* this class should be placed on a div or break element and 
should be the final element before the close of a container that should fully contain a float */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}