/* <!-- */
	html { 
		margin: 0px; 
		padding: 0px; 
		height: 101%; 
		}
	body {
		text-align:center;
		margin:0;
        padding:0;
        border:0;
		background: #FFFFFF;
		font-size:100%;
		font-family: Verdana, Arial, Tahoma, Verdana, Sans-Serif;
		color: #333333;
		}
	input, select, textarea {
		font-family:inherit;
		font-size:inherit;
		color: #333333;
		}
	fieldset { 
		border: 0px;
		}
	legend {
		color: #000000;
		}
	p { 
		margin: 10px 0px 10px 0px;
		}
	h1, h2, h3, h4 { 
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		}
	form {
		margin: 0px;
		padding: 0px;
		}
	.clear {
		clear: both;
		}
	a:link, a:visited {
		color: #006699;
		text-decoration: underline;
		}
	a:hover, a:active {
		color: #CC0033;
		text-decoration: none;
		}
	a.plain_link:link, a.plain_link:visited {
		text-decoration: none;
		}
	a.plain_link:hover, a.plain_link:active {
		text-decoration: none;
		}

/* SITE SPECIFIC =============================== */
	.click_main {
		margin: 5px;
		padding: 2px;
		border: 1px solid #e7e7e7;
		}
	.click_change {
		cursor:pointer;
		margin: 5px;
		padding: 2px;
		border: 1px solid #e7e7e7;
		}
	.click_change_label { 
		border: 0px;
		background: #FFFFFF;
		}


/* CONTENT =============================== */
	.col_content p, td {
		line-height: 1.5;
		}
	.col_content ul {
		line-height: 1.8;
		}

	h1 {
		font-size: 1.9em;
		font-weight:normal;
		}
	h2 {
		font-size: 1.6em;
		font-weight: normal;
		border-left: 2px solid #808080;
		color: #808080;
		background: #e7e7e7;
		padding: 0px 0px 0px 5px;
		}

	h3 {
		font-size: 1.4em;
		font-weight: normal;
		}
	h4 {
		font-size: 1.2em;
		font-weight: bold;
		}
	hr {
		color: #C0C0C0;
		height: 1px;
		}
	.indent {
		padding-left: 20px;
		}
	.pic {
		padding: 3px;
		border: 3px solid #e7e7e7;
		}
	.go_right {
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
		}
	.go_left {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		}
	.go_center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	.go_line {
		float: left;
		margin: 20px;
		}
	.go_youtube {
		border: 1px solid #dddddd;
		background: #f0f0f0;
		text-align: center;
		color: #111;
		padding: 10px;

	}
	.flashunit h2 {
		font: 18px normal Arial, Helvetica, sans-serif;
		border: 1px solid #ddd;
		background: #f0f0f0;
		margin: 0;
		padding: 10px;
		color: #111;
		text-align: center;
	}


/* NAVIGATION =============================== */
	#nav_area { /* FUNCTIONAL */
		clear:both;
		}

	#navcontainer { /* FUNCTIONAL */
		width: 100%;
		clear:both;

		}
	#navcontainer ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin: 0;
		padding:0;
		background: #336699;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px; 
		border-radius: 6px;
	}
	#navcontainer ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#navcontainer ul li a {
		display:block;
		float:left;
		margin:0 0 0 0px;
		padding:5px 15px 5px 15px;
		text-align:center;
		background:#336699;
		color:#000;
		text-decoration:none;
		position:relative;
		left:45px;
		line-height:1.3em;
		font-weight: bold;
		font-size: 1.2em;
		color: #FFFFFF;
		border-right: 2px solid #f1f1f1;
		}
	#navcontainer ul li a:hover {
		background: #77A6D5;
		color: #FFFFFF;
		}
	#navcontainer .start {
		border-left: 2px solid #f1f1f1;
		}

	#nav_crumbs { /* FUNCTIONAL */
		clear:both;
		background:#FFFFFF;
		border-bottom: 5px solid #FFFFFF;
		border-top: 0px solid #FFFFFF;
		margin:0;
		padding:6px 5px !important;
		text-align:left;
		color: #808080;
	}
	#nav_crumbs a:link, #nav_crumbs a:visited {
		color: #000000;
		text-decoration: none;
		}
	#nav_crumbs a:hover, #nav_crumbs a:active {
		color: #808080;
		text-decoration: underline;
		}


/* MENU =============================== */
	#menu_area { /* FUNCTIONAL */
		padding: 15px 0px 0px 0px;
		background: #FFFFFF;
		border-right: 1px solid #E7E7E7;
		}
	#menucontainer ul {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		list-style-type: none;
		}
	#menucontainer a {
		color: #000000;
		display: block;
		padding: 3px 2px 3px 5px;
		margin: 0px 0px 4px 0px;
		text-decoration: none; 
		font-weight: bold;
		}
	#menucontainer a:link, #menucontainer a:visited {
		text-decoration: none;
		background: #FFFFFF;
		border-left: 3px solid #FFFFFF;
		}
	#menucontainer a:hover, #menucontainer a:active {
		color: #009966;
		text-decoration: none;
		border-left: 3px solid #009966;
		background: #FFFFFF;
		}
	#menucontainer .start {
		border-top: 0px solid #E7E7E7;
		}

/* GUTTER =============================== */
	#gutter_area { /* FUNCTIONAL */
		padding: 15px 0px 0px 0px;
		background: #FFFFFF;
		border-left: 1px solid #E7E7E7;
		}
	#guttercontainer ul {
		margin: 0px 5px 0px 5px;
		padding: 0px;
		list-style-type: none;
		}
	#guttercontainer a {
		color: #808080;
		display: block;
		padding: 4px 2px 4px 5px;
		margin: 0px 0px 0px 0px;
		text-decoration: none; 
		font-weight: bold;
		}
	#guttercontainer a:link, #guttercontainer a:visited {
		text-decoration: none;
		border-bottom: 1px dashed #E7E7E7;
		}
	#guttercontainer a:hover, #guttercontainer a:active {
		color: #000000;
		text-decoration: none;
		border-bottom: 1px dashed #E7E7E7;
		background: #e7e7e7;
		}
	#guttercontainer .start {
		border-top: 1px dashed #E7E7E7;
		}


/* BAR =============================== */
	#bar_wide { /* FUNCTIONAL */
		width: 100%;  
		overflow:hidden; 
		clear:both; 
		border-bottom: 0px solid #000000;
		padding-top: 10px;
		}
	#bar_fixed { /* FUNCTIONAL */
		margin:0 auto;
		width: 980px;
		text-align:left;
		font-size: 0.6875em;
		}
	#bar_area { /* FUNCTIONAL */
		clear:both;
        width: 100%;
		padding: 10px 0px 10px 0px;
		overflow:hidden;
		}
	#bar_content {
		color: #c0c0c0;
		padding: 0px 10px 5px 10px;
		text-align: left;
		}
	#bar_content h3 {
		color: #c0c0c0;
		padding: 0px 0px 5px 5px;
		margin: 0px 0px 0px 0px;
		}


/* BASE =============================== */
	#base_wide { /* FUNCTIONAL */
		width: 100%;  
		overflow:hidden; 
		clear:both; 
		border-bottom: 0px solid #000000;
		padding-top: 10px;
		background: #f1f1f1;
		}
	#base_fixed { /* FUNCTIONAL */
		margin:0 auto;
		width: 980px;
		text-align:left;
		font-size: 0.6875em;
		}
	#base_area { /* FUNCTIONAL */
		clear:both;
        width: 100%;
		background: #f1f1f1;
		padding: 10px 0px 10px 0px;
		overflow:hidden;
		}
	#base_content {
		color: #336699;
		padding: 0px 10px 5px 10px;
		text-align: left;
		}
			}
	#base_content h3 {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
	#base_content ul {
		margin-left: 15px;
		margin-top: 0px;
		padding-left: 15px;
		padding-top: 0px;
		}
	#base_content .base_pod {
		width: 260px;
		float: left;
		padding: 0px 10px 0px 10px;
		margin: 0px 20px 0px 10px;
		line-height:1.6;
		}

	#base_area a:link, #base_area a:visited {
		color: #000000;
		text-decoration: none;
		}
	#base_area a:hover, #base_area a:active {
		color: #808080;
		text-decoration: underline;
		}

/* FOOTER =============================== */
	#footer_fixed { /* FUNCTIONAL */
		margin:0 auto;
		width: 980px;
		text-align:left;
		font-size: 0.6875em;
		}
	#footer_wide {  /* FUNCTIONAL */
		width: 100%; 
		overflow:hidden; 
		clear:both; 
		background: #336699;
		border-top: 0px solid #262424;
		}
	#footer_area { /* FUNCTIONAL */
        clear:both;
        float:left;
        width:100%;
		color: #A2A2A2;
		padding: 10px 0px 10px 0px;
		background: #336699;
		}
	#footer_area h1 {
		color: #f1f1f1;
		font-size: 1em;
		margin: 0px;
		padding: 5px 5px 5px 5px;
		font-weight: bold;
		}
	#footer_area .footer_text {
		color: #f1f1f1;
		clear:both;
		padding: 5px 0px 0px 0px;
		margin: 20px;
		border-top: 1px solid #CCEBE0;
		}
		
	#footer_area .footer_pod {
		width: 170px;
		float: left;
		padding: 0px 10px 0px 10px;
		margin: 0px 20px 0px 10px;
		line-height:1.6;
		}
	#footer_area .footer_pod ul {
		margin: 0px 5px 15px 5px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		}

	#footer_content {
		color: #f1f1f1;
		line-height:1.8;
		margin: 10px;
		padding: 5px 10px 25px 10px;
		text-align:center; 
		}

	#footer_area { 
		}

	#footer_area a:link, #footer_area a:visited {
		color: #77A6D5;
		text-decoration: none;
		}
	#footer_area a:hover, #footer_area a:active {
		color: #FFFFFF;
		text-decoration: underline;
		}

	#mobile {
		text-align: center; 
		padding: 3px; 
		color: #FFFFFF; 
		background: #131212;
		}
	#mobile a:link, #mobile a:visited {
		color: #FFFFFF; 
		font-size: 13px;
		}
	#branding {
		display: none;
		}
	#contact {
		display: none;
		}
	#skipnav { 
		position: absolute; 
		top: 0; 
		left: -1000px; 
		overflow: hidden; 
		}
	#accesskeys { 
		position: absolute; 
		top: 0;
		left: -1000px;
		overflow: hidden; 
		}
/* ====================================== */
/* CSS LAYOUT ============================ */
/* ====================================== */

	#fixed { /* FUNCTIONAL */
		margin:0 auto;
		width: 980px;
		text-align:left;
		font-size: 0.6875em;
		}

	/* Header styles */
    #header_area { /* FUNCTIONAL */
        clear:both;
        float:left;
        width:100%;
    }

	/* 'widths' sub menu */
	#layoutdims { /* FUNCTIONAL */
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask { /* FUNCTIONAL */
		position:relative;
	    clear:both;
	    float:left;
        width:100%;
		overflow:hidden;
	}
	.layout_area { /* FUNCTIONAL */
		border: 5px solid #FFFFFF;
		margin-top: 20px;
		overflow:hidden;
		background: #FF0000;
		}


	.logo {
		width: 300px;
		height: 76px;
		margin: 10px 0 10px 0px;
		float: left;
	}
	.top_text {
		position:relative;
		float: right; 
		width: 300px;
		height: 55px;
		padding: 5px;
		text-align: right;
		line-height: 1.5;
		font-size: 1.1em;
		
	}
	.top_center {
		position:relative;
		margin: 5px 320px 5px 320px;
		padding: 0px;
		text-align: center;
	}

	.title_text {
		margin: 0px 0px 0px 0px;
		padding: 5px;
		font-size: 1.2em;
		font-weight: bold;
		}
	
	.tag_line { 		
		margin: 5px 0px 0px 0px;
		padding: 5px;
		font-size: 1.1em;
		color: #808080;
		}


/* ====================================== */
/* LAYOUTS =============================== */
/* ====================================== */

/* 3 column layout ----------------- */
	.threecol {
	    background:#f1f1f1; /* Right column background colour */
		z-index:1;
	}
    .threecol .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 
        position:relative;
        right:100%;
        background:#FFFFFF;
    }
    .threecol .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px; 
        background:#E6F5F0;   /* Left column background colour */
    }
    .threecol .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px; 
	    padding-bottom:1em; 
	}
	.threecol .col_content {
        margin:0 215px;
        position:relative;
	    left:200%;
	    overflow:hidden;
		line-height:1.6;
	}
    .threecol .col2 {
        float:left;
        float:right;
        width:170px;
        position:relative;
        right:15px;
		line-height:1.6;
    }
    .threecol .col3 {
        float:left;
        float:right;
        width:170px;
        margin-right:45px;
        position:relative;
        left:50%;
		padding-bottom: 10px;
		line-height:1.6;
    }


/*  blog style layout ----------------- */	
	.blogstyle {
	    background:#f1f1f1;   /* Right column background colour */
	}
    .blogstyle .colmid {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#E6F5F0;   /* Centre column background colour */
    }
    .blogstyle .colleft {
        float:left;
        width:100%;
        margin-left:-200px;
        background:#FFFFFF;   	/* Left column background colour */
    }
    .blogstyle .col1wrap {
        float:left;
	    width:50%;
	    padding-bottom:1em;
	}
	.blogstyle .col_content {
        margin:0 15px 0 415px;
        position:relative;
	    left:100%;
	    overflow:hidden;
		line-height:1.6;
	}
    .blogstyle .col2 {
        float:right;
        width:170px;       
        position:relative;
        left:185px; 
		line-height:1.6;
		padding-bottom: 20px;
    }
    .blogstyle .col3 {
        float:right;
        width:170px;
        position:relative;
        left:555px;
		line-height:1.6;
		padding-bottom: 20px;
    }

/*  2 column layout ----------------- */	
	.leftmenu {
	    background:#FFFFFF;
	}
	.leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:220px;
        }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:220px;
	    padding-bottom:1em;
	}
	.leftmenu .col_content {
        margin:0 5px 0 230px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
		line-height:1.6;
	}
    .leftmenu .col2 {
        float:left;
        width:210px;
        position:relative;
        right:205px;
		line-height:1.6;
		padding-bottom: 20px;
		margin-left: -15px;
    }

/*  2 column right layout ----------------- */
	.rightmenu {
	    background:#f1f1f1;
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#FFFFFF;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu .col_content {
        margin:0 15px 0 215px;
        overflow:hidden;
		line-height:1.6;
	}
    .rightmenu .col2 {
        float:right;
        width:170px;
        position:relative;
        left:185px;
		line-height:1.6;
		padding-bottom: 20px;
    }

/*  half page layout ----------------- */
	.doublepage {
		background:#EEEEEE;
	}
	.doublepage .colleft {
		right:50%;
		background:#FFFFFF;
		float:left;
		width:100%;
		position:relative;
	}
	.doublepage .col_content {
		width:46%;
		left:52%;
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		line-height:1.6;
	}
	.doublepage .col2 {
		width:46%;
		left:56%;
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		line-height:1.6;
	}
/*  full page layout ----------------- */
	.fullpage {
	    background:#FFFFFF;
	}
	.fullpage .col_content {
        margin: 0px 15px 15px 15px;
		line-height:1.6;
	}
/* ====================================== */
/* END LAYOUTS =========================== */
/* ====================================== */


/* --> */