﻿html 
{
	color: #000;
	background: #FFF;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td 
{
	margin: 0;
	padding: 0;
}
table 
{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,
img 
{
	border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup 
{
	font-style: inherit;
	font-weight: inherit;
}
del,
ins 
{
	text-decoration: none;
}
li 
{
	list-style: none;
}
caption,
th 
{
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 
{
	font-size: 100%;
	font-weight: normal;
}
q:before,
q:after 
{
	content: '';
}
abbr,
acronym 
{
	border:0;
	font-variant:normal;
}
sup 
{
	vertical-align:baseline;
}
sub 
{
	vertical-align:baseline;
}
legend 
{
	color:#000;
}
input,
button,
textarea,
select,
optgroup,
option 
{
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
input,
button,
textarea,
select 
{
	*font-size:100%;
}
body 
{
	font:13px/1.231 "Trebuchet MS",arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}
select,
input,
button,
textarea,
button 
{
	font:99% arial,helvetica,clean,sans-serif;
}
table 
{
	font-size:inherit;
	font:100%;
}
pre,
code,
kbd,
samp,
tt 
{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
body 
{
	text-align:center;
}
#doc2,.yui-t2
{
	margin:auto;
	text-align:left;
	width:950px;
}
#doc2 
{
	width:952px;
	min-width:952px;
}
#bd
{
	/* to bring content up and in front of background nav and banner */
	position:relative;
	z-index:2;
	margin-top:-214px; /* this should shift the entire bd section up */ 	
}
.yui-b 
{
	/* to preserve source-order independence for Gecko */
	position: relative;
}
.yui-b 
{
	/* to preserve source-order independence for IE */
	_position: static;
}
#yui-main .yui-b 
{
	/* to preserve source-order independence for Gecko */
	position: static;
}
#yui-main,
.yui-g .yui-u .yui-g 
{
	width: 100%;
}
.yui-t2 #yui-main
 {
	float: right;
	/* IE: preserve layout at narrow widths */
	margin-left: -25em;
}
/** 
 * For Specific Template Presets
 */
.yui-t2 .yui-b 
{
	float:left;
	width:228px;
	position:relative;
	margin-top:-186px;/* already shifted up 214px in bd, needs to be brought up an additional 
		186px totalling 400px (i.e. height of banner in hd) */
	/* was: 
	width: 13.8461em;
	*width: 13.50em; */
}
/*~~~~~~~~~~~~~~~~~~~~~~~ 
	Start IE hack to fix shifting that occurs
	when clicking latestTab, contactTab, linksTab, or joinUsTab 
~~~~~~~~~~~~~~~~~~~~~~~*/  
#UpdatePanel1,#UpdatePanel2
{
	*position:absolute;
	*top:0px;
}
 #UpdatePanel3,#UpdatePanel4
{
	*position:absolute;
	*top:248px; /*eyeballed to look similar to FF */
	*margin-top:15em;
}
#shiftDownContainer
{
	*position:relative;
	*top:175px;
	*height:26.25em;

}
/*~~~~~~~~~~~~~~~~~~~~~~~ 
	END IE hack 
~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~
	START IE hack to keep footer on the 
	bottom of the page, which is necessary due to
	the IE hack to prevent UpdatePanels from shifting
~~~~~~~~~~~~~~~~~~~~~~~*/
#ieSpacerLinks
{
	display:none;
	*display:block;
	*position:relative;
	*margin-top:12.05em; /* this sets the space between links active and the 
		footer for IE7 and 6 */
	*height:201px;
}
#ieSpacerJoinUs
{
	display:none;
	*display:block;
	*position:relative;
	*margin-top:18.05em;/*400px;*/
	_margin-top:18.2em;
	*height:203px;
	_height:193px;
	/* *margin-top:29.6em;/*400px;
	_margin-top:741px;
	*height:41px;*/
}
/*~~~~~~~~~~~~~~~~~~~~~~~
	END IE hack
~~~~~~~~~~~~~~~~~~~~~~~*/  
.yui-t2 #yui-main .yui-b 
{
	margin-left:250px;
	margin-top:0px;/* revert margin-top back to 0 for the main area */
	/* was:
	margin-left: 14.8461em;
	*margin-left: 14.55em; */
}
#yui-main .yui-b 
{
	float: none;
	width: auto;
}

/**
 * Section: Grids and Nesting Grids
 */

/* Children generally take half the available space */
.yui-gb .yui-u,
.yui-g .yui-gb .yui-u,
.yui-gb .yui-g,
.yui-gb .yui-gb,
.yui-gb .yui-gc,
.yui-gb .yui-gd,
.yui-gb .yui-ge,
.yui-gb .yui-gf,
.yui-gc .yui-u, 
.yui-gc .yui-g,
.yui-gd .yui-u 
{
	float: left;
}
/* Float units (and sub grids) to the right */
.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb, 
.yui-g .yui-gc, 
.yui-g .yui-gd, 
.yui-g .yui-ge, 
.yui-g .yui-gf, 
.yui-gc .yui-u, 
.yui-gd .yui-g,
.yui-g .yui-gc .yui-u,
.yui-ge .yui-u, 
.yui-ge .yui-g, 
.yui-gf .yui-g,
.yui-gf .yui-u 
{
	float: right;
}

/*Float units (and sub grids) to the left */
.yui-g div.first, 
.yui-gb div.first,
.yui-gc div.first,
.yui-gd div.first, 
.yui-ge div.first, 
.yui-gf div.first,
.yui-g .yui-gc div.first,
.yui-g .yui-ge div.first,
.yui-gc div.first div.first 
{
	float: left;
}

.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb,
.yui-g .yui-gc,
.yui-g .yui-gd,
.yui-g .yui-ge,
.yui-g .yui-gf 
{
	width: 48.7%;
}
.yui-gb .yui-u,
.yui-g .yui-gb .yui-u,
.yui-gb .yui-g,
.yui-gb .yui-gb,
.yui-gb .yui-gc,
.yui-gb .yui-gd,
.yui-gb .yui-ge,
.yui-gb .yui-gf,
.yui-gc .yui-u, 
.yui-gc .yui-g,
.yui-gd .yui-u 
{
	width: 32%;
	margin-left: 1.99%;
}
/* Give IE some extra breathing room for 1/3-based rounding issues */
.yui-gb .yui-u 
{
	*margin-left: 1.9%;
	*width: 31.9%;
}
.yui-gc div.first, 
	.yui-gd .yui-u 
{
	width: 66%;
}
.yui-gd div.first 
{
	width: 32%;
}
.yui-ge div.first, 
	.yui-gf .yui-u 
{
	width: 74.2%;
}
.yui-ge .yui-u,
	.yui-gf div.first 
{
	width: 24%;
}
.yui-g .yui-gb div.first,
.yui-gb div.first, 
.yui-gc div.first, 
.yui-gd div.first 
{
	margin-left: 0;
}
/**
 * Section: Deep Nesting 
 */
.yui-g .yui-g .yui-u,
.yui-gb .yui-g .yui-u,
.yui-gc .yui-g .yui-u,
.yui-gd .yui-g .yui-u,
.yui-ge .yui-g .yui-u,
.yui-gf .yui-g .yui-u 
{
	width: 49%;
	*width: 48.1%;
	*margin-left: 0;
}
.yui-g .yui-g .yui-u 
{
	width: 48.1%;
}
/*SF 1927599 from 1.14 to 2.6.0*/
.yui-g .yui-gb div.first,
	.yui-gb .yui-gb div.first 
{
	*margin-right: 0;
	*width: 32%;
	_width: 31.7%;
}
.yui-g .yui-gc div.first, 
	.yui-gd .yui-g 
{
	width: 66%;
}
.yui-gb .yui-g div.first 
{
	*margin-right: 4%;
	_margin-right: 1.3%;
}
.yui-gb .yui-gc div.first, 
	.yui-gb .yui-gd div.first 
{
	*margin-right: 0;
}
.yui-gb .yui-gb .yui-u,
	.yui-gb .yui-gc .yui-u 
{
	*margin-left: 1.8%;
	_margin-left: 4%;
}
.yui-g .yui-gb .yui-u 
{
	_margin-left: 1.0%;
}
.yui-gb .yui-gd .yui-u 
{
	*width: 66%;
	_width: 61.2%;
}
.yui-gb .yui-gd div.first 
{
	*width: 31%;
	_width: 29.5%;
}
.yui-g .yui-gc .yui-u, 
	.yui-gb .yui-gc .yui-u 
{
	width: 32%;
	_float: right;
	margin-right: 0;
	_margin-left: 0;
}
.yui-gb .yui-gc div.first 
{
	width: 66%;
	*float: left;
	*margin-left: 0;
}
.yui-gb .yui-ge .yui-u, 
	.yui-gb .yui-gf .yui-u 
{
	margin: 0;
}
.yui-gb .yui-gb .yui-u {
	_margin-left: .7%;
}

.yui-gb .yui-g div.first, 
	.yui-gb .yui-gb div.first 
{
	*margin-left: 0;
}
.yui-gc .yui-g .yui-u,
	.yui-gd .yui-g .yui-u
{
	*width: 48.1%;
	*margin-left: 0;
}
.yui-gb .yui-gd div.first
{
	width: 32%;
}
.yui-g .yui-gd div.first 
{
	_width: 29.9%;
}
.yui-ge .yui-g
{
	width: 24%;
}
.yui-gf .yui-g 
{
	width: 74.2%;
}
.yui-gb .yui-ge div.yui-u,
	.yui-gb .yui-gf div.yui-u 
{
	float: right;
}
.yui-gb .yui-ge div.first,
	.yui-gb .yui-gf div.first 
{
	float: left;
}
/* Width Accommodation for Nested Contexts */
.yui-gb .yui-ge .yui-u,
	.yui-gb .yui-gf div.first 
{
	*width: 24%;
	_width: 20%;
}
/* Width Accommodation for Nested Contexts */
.yui-gb .yui-ge div.first, 
	.yui-gb .yui-gf .yui-u 
{
	*width: 73.5%;
	_width: 65.5%;
}
/* Patch for GD within GE */
.yui-ge div.first .yui-gd .yui-u 
{
	width: 65%;
}
.yui-ge div.first .yui-gd div.first 
{
	width: 32%;
}
/* @group Clearing */
#hd:after,
#bd:after,
#ft:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#hd,
#bd,
#ft,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf 
{
	zoom: 1;
	top: 0px;
	left: 0px;
}
body 
{
	margin-top:-5px;  /* should remove if can fix in background image position */
}
/* Generic */
.red a,
.red
{
	color:#EF3E27;
}
.red a:hover 
{
	color:#0BB4F1;
}
.blue a,.blue 
{
	color:blue;
}
.green a, .green
{
	color:green;
}
.center 
{
	text-align:center;
}
.dark-blue
{
	color:rgb(29,61,114);
}
.grey
{
	color:#aaa;	
}
.bg-orange
{
	background-color:#fff2d1;
}	
.bold 
{
	font-weight:bold;
}
.italicize
{
	font-style:italic;
}
.capitalize
{
	text-transform:uppercase;
}
.right-align
{
    text-align:right;
}
.main-heading 
{

}
.secondary-heading 
{
	margin-top:1em;
}
.first-image,.temp-image
{
	margin-top:.3em;
	margin-bottom:12px;
}
.temp-image
{
	margin-bottom:0px;
}
table td
{
	vertical-align:top;	
}
ul 
{
	margin:0;
	padding:0;
	padding-left:1em;  
	text-indent:0;
	list-style-type:none;
	list-style-position:outside;
	line-height:1.4;
}
ul li 
{
	margin-bottom:.35em;
}
ul ul 
{
	margin-top:.4em;
}
h2,h3,h4,h5,#topicSubjectHeading 
{
	margin-top:.3em;
	*margin-top:.17em;
	font-weight:bold;
	font-size:153.9%;
	font-family:arial,helvetica,clean,sans-serif;
	line-height:1.2;
}
h3,#topicSubjectHeading 
{
	font-size:138.5%;
	font-weight:normal;
}
h4 
{
	font-size:123.1%;
}
h5 
{
	font-size:108%;
	margin-bottom:0;
	margin-top:.8em;
}
p 
{
	margin-bottom:.4em;
	line-height:1.4;
}
.no-margin-bottom
{
	margin-bottom:0;
}
td.space-above
{
	padding-top:.6em;
}
textarea 
{
	overflow:auto;
	/* there is a problem with overflow in Safari Mac */ 
	overflow-y:auto; 
	overflow-x:hidden;	
}
/* END Generic */
#banners 
{
	display:none;
}
#logInContainerWrapper,
#loggedInContainerWrapper,
#newTopicContainerWrapper
{
	 height:127%;
	 width:146px;
	 background:#FFF url('../images/form-background-top-right.png') repeat-x bottom left;
}
#logInContainer,
#loggedInContainer,
#newTopicContainer
{
	font-family:arial,helvetica,clean,sans-serif;
	width:140px;
	margin:auto;
	padding:7px 0px 4px 0px;
	*padding-top:4px;
}
#newTopicContainerWrapper
{
	margin-top:10px;
}
#clearLinkButton
{
	font-size:85%;
}
#replyContainer,
#topicContainer
{
	width:350px;
	margin-top:15px;
}
#btnSubmitMessageReply,
#btnSubmitForumNewTopic
{
	width:96px;
	float:right;
	clear:right;
	/* subtract the padding that was added to txtMessageReply
	so that the button lines up with the right edge of txtMessageReply */
	margin-right:-7px;
}
html body#contactus
{
	background-color:rgb(240,244,247);	
}
#contactus 
{
	padding:0;
	text-align:left;
	width:525px;
	height:225px;
	background:rgb(240,244,247) url('../images/form-background.png') repeat-x;
}
#contactus-container, #contactus-container table
{
    width:400px;
}

#contactus-container 
{
    height:auto;
    padding:0px;
    padding-top:27px;
    margin:auto;
    font-size:13px;line-height:1.2;
    /* overflow:auto; */
}
#contactus-container table td div.pad-top
{
    padding-top:5px;
}
#contactus-container table td div#txtNameContainer,
#contactus-container table td div#btnClearbtnSubmitContainer
{
	padding-top:3px;	
}
#contactus-container table td div#txtNameContainer,
#contactus-container table td div#txtEmailContainer,
#contactus-container table td div#txtMessageContainer
{
    margin-bottom:-1px;
}
#contactus-container table td div#txtEmailContainer,
#contactus-container table td div#txtMessageContainer
{
	padding-top:4px;
}
#contactus-container table td #txtName,
#contactus-container table td #txtEmail,
#contactus-container table td #txtMessage
{
    width:270px;
}
/* WebKit browsers (CHROME, SAFARI): */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
#contactus-container table td #txtMessage
{
	width:272px;
}
}
#contactus-container table td #btnSubmitContactUs
{
    margin-right:1px;
    *margin-right:-3px;
    width:96px;
}
#contactus-container table td #btnClearContactUs
{
    width:56px;
}
#contactus-container table td div.right-align
{
	*margin-right:-1px;	
}
#contactus.form 
{
    height:295px;

}
#lblThankyou
{
     font-size:large;
}
ul.arrow li
{
	padding-left:.5em;
	margin-left:-.5em;
	background:url('../images/arrow.png') no-repeat 0 .46em;
}
ul.bullets-arrow li
{
	background:url('../images/arrow.png') no-repeat 0 .45em;
}
td.right 
{
    text-align:right;
    float:none;
    margin:0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~ What's Happening, News ~~~~~~~~~~~~~~~~~~~~~~~*/
/******* Common Fonts *******/
.whats-happening-subsection-container .date,
.byline,
.site-map-path,
.read-more,
.back-to-top,
.end-of-article-more-info,
.leave-a-reply
{
	font-size:85%;
	letter-spacing:.02em;
	font-family:arial,helvetica,clean,sans-serif;
}
/******* Breadcrumb Trail *******/
.site-map-path
{
	padding-bottom:0;
	margin-bottom:.25em;
	margin-top:.3em;
}
.breadcrumb-arrow
{
	font-size:larger;
}
/******* News Article *******/
.news-article-container p
{
	margin-bottom:.5em;	
}
.news-article-container .news-article-letter
{
	margin-top:1em;
	margin-bottom:1em;
	*margin-bottom:.5em;
	width:90%;
	font-family:arial,helvetica,clean,sans-serif;
}
.news-article-container h2
{
	margin-top:0;
}
/******* Byline *******/
.news-article-container .byline
{
	margin-top:.25em;
	margin-bottom:.75em;
	padding-left:1px;
}
.news-subsection-container .byline
{
	margin-top:.25em;
	margin-bottom:.5em;
	padding-left:1px;
}
/******* Back to Top *******/
.back-to-top, .leave-a-reply
{
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:0px;
	font-weight:bold;
}
.back-to-top
{
	margin-top:.75em;
	*margin-top:0;
}
/******* End of article more info *******/
.end-of-article-more-info
{
	margin-top:.8em;
	margin-bottom:.4em;
	padding-left:1px;
}
/******* News Subsection Container *******/
.news-subsection-container
{
	width:335px;
}
.news-subsection-container h2
{
	margin-top:.35em;
}
.read-more
{
	padding-bottom:.75em;
	*padding-bottom:.74em;
	border-bottom:dashed 1px rgb(29,61,114);
	margin-bottom:.75em;
	*margin-bottom:.16em;
	font-weight:bold;
}
/******* Common Colours *******/
.news-subsection-container h2 a,
.news-article-container h2,
.news-article-container h5,
.byline,
.end-of-article-more-info,
.end-of-article-more-info a,
.news-article-container .news-article-letter
{
	color:rgb(29,61,114);/**dark-blue**/
}
.read-more a,
.site-map-path a,
.back-to-top a,
.site-map-path,
.news-article-container .date
{
	color:#aaa;/**grey**/
}
#forumMainPageForumsContainer,
#whats-happening-section
{
	margin-top:.5em;	
}
#whats-happening-section
{
	margin-top:.865em;
	*margin-top:.75em;	
}
.whats-happening-subsection-container
{
	margin-bottom:1.375em;
}
.whats-happening-subsection-container .date
{
	/* inherits master byline */
	margin-top:.125em;
	margin-bottom:.125em;
}
/******* Common Hyperlink Styles *******/
.whats-happening-subsection-container a,
.news-subsection-container a,
.read-more a, .back-to-top a, .site-map-path a, .byline a,
#forumMainPageForumsContainer a, .end-of-article-more-info a
{
	text-decoration:none;
}
.whats-happening-subsection-container a:hover,
.news-subsection-container a:hover,
.read-more a:hover, .back-to-top a:hover, .site-map-path a:hover,
#forumMainPageForumsContainer a:hover,
.end-of-article-more-info a:hover
{
	text-decoration:underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~ END What's Happening, News ~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~ Join Us Form ~~~~~~~~~~~~~~~~~~~~~~~*/

form#joinusform 
{
	position:relative;
	padding:8px 0;
}
#fname,
#lname,
#email,#phone,
#fax,#areaOfWork,
#comments,
#country,
#nameTextBox,
#countryTextBox,
#messageTextBox,
#txtUsername,
#txtPassword,
#txtUserNameCreateAccount,
#txtPasswordCreateAccount,
#txtConfirmPasswordCreateAccount,
#txtEmailCreateAccount,
#txtMessageReply,
#selectForumDropDownList,
#txtSubjectForumNewTopic,
#txtMessageForumNewTopic 
{
	background-color:White;
	background-image:url('../images/input-background.jpg');
	background-repeat:repeat-x;
	border:1px solid #bbb;
	width:175px;
	padding:3px;
	font-family:tahoma, arial, sans-serif;
}
#txtUsername,
#txtPassword,
#txtUserNameCreateAccount,
#txtPasswordCreateAccount,
#txtConfirmPasswordCreateAccount 
{
	width:131px;
}
#txtMessageReply,
#txtSubjectForumNewTopic,
#txtMessageForumNewTopic
{
	width:100%;
	margin-bottom:3px;
}
.field,.button
{
	position:relative;
	margin-top:5px;
	*margin-top:4px;
}
div#cmmnts 
{
	/* padding-bottom:2.1538em; */ /* this is needed to extend the background below the buttons */
	*padding-bottom:0;
}
div#joinus-submit,div#joinus-reset 
{
	/* top:-2.1538em; *//* the buttons need to be moved back up because of padding added to #cmmnts */
	*top:0;
}
div#joinus-submit,
#btnSubmitForum
{
	margin-left:4px;
	*margin-right:0;
	float:right;
}
div#joinus-submit
{
	*margin-left:2px;
	_margin-left:1px;
}
#joinus-submit #btnSubmitJoinUs
{
	width:81px;
}
#btnSubmitForum,
#btnClearForum
{
	margin-top:3px;
	float:right;
}
#ctry
{
	font-size:12px;
}
#joinus-clear
{
	width:54px;
	margin-left:44px;
	*margin-left:0px;
}
#joinus-clear #btnClearJoinUs
{
	width:54px;
}
div#firstname 
{
	margin-top:4px;*margin-top:3px;
}
textarea#area-of-work,
textarea#comments
{
	/* height:50px; */
}
input#country
{
	width:120px;
}
label.overlabel
{
	color:#999;
}
label.overlabel-apply 
{
	position:absolute;
	top:3px;
	*top:4px;
	left:5px;
	z-index:1;
	color:#93A6C5;
}
.field input:focus, .field textarea:focus
{
	background-color:#FFF4DA;
}

/*~~~~~~~~~~~~~~~~~~~~~~~ End Join Us Form ~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~ START left column: upperside and lowerside ~~~~~~~~~~~~~~~~~~~~~~~*/

#linksJoinUsContainer1,
#linksJoinUsContainer2 
{
	position:relative;
	margin-top:-283px; /* this amount is eyeballed */

	/* height:26.923em;
	*height:26.25em; */
}
#linksJoinUsContainer2 
{

}
#upper-left-side-container1,
#upper-left-side-container2,
#lower-left-side-container1,
#lower-left-side-container2 
{
	margin:0;
	position:relative;
	padding:0px 13px;
	font-size:93%;
	line-height:1.35;

}
#upper-left-side-container1,
#upper-left-side-container2
{
	/*height:17.6212em; arbitrary number to try to get the lower tabs to go down when font size increases */
	height:18em;
	*height:12em;
	margin-bottom:.5em;
	*margin-bottom:.6692em;
	position:relative;
	top:-214px; /* brought up 214px, as done in bd, because the background image in
		the ul above this container has a height of 400px, which is the same
		height as the background image in hd */
				
}
#upper-left-side-container1 a:hover,
#upper-left-side-container2 a:hover,
#lower-left-side-container1 a:hover,
#lower-left-side-container2 a:hover,
#contactus-container a:hover
{
	color:#0BB4F1;
}
.small-font
{
	font-size:12px;
}
#lower-left-side-container1,
#lower-left-side-container2 
{
	position:relative;
	margin-top:-283px; /* eye-balled */
	z-index:2;
	width:228px;
}
#lower-left-side-container2
{
	padding:0px;
}
#lower-left-side-container1
{
	margin-bottom:101px; /* this is the space between links active and the footer
		for non-IE browsers */
	*margin-bottom:0px;
	
}
#lowerside-text1,
#lowerside-text2 
{
    width:185px;
}
#lowerside-text2.form  
{
	background:#FFF url('../images/form-background.png') repeat-x bottom left;
	margin:auto;
	width:183px;
	padding:1px 13px 13px 13px;
	text-align:right;
}
#thankyouOutputContainer,
#errorOutputContainer
{
	/* height:358px; */
	margin-top:6em;
	margin-top:73px;
	padding-left:2px;
	padding-bottom:13.5em;
	*padding-bottom:14em;
	_padding-bottom:13.37em;
}
.intro-text 
{
	line-height:1.25;
	text-align:left;
	margin-bottom:.4615em;
	*margin-bottom:.445em;
}
.intro-text a
{
	color:blue;	
}
#formContainer .intro-text
{
	margin-bottom:.3076em;
	margin-top:3px;
	*margin-bottom:3px;
	*margin-top:6px;
}
ul#upperside-text1,
ul#upperside-text2,
ul#lowerside-text1,
ul#lowerside-text2,
ul#upperside-text1 ul,
ul#upperside-text2 ul,
ul#lowerside-text1 ul,
ul#lowerside-text2 ul  
{
	padding-left:1em; /* this shifts over all lists */
	text-indent:0;
	padding-left:0; 
		
}
#upperside-text1 li.space-above,
#upperside-text2 li.space-above  
{
	margin-top:.6em; /* this is for headings within lists */
}
/* START these styles affects the lists within lists */
ul#upperside-text1 ul,
ul#upperside-text2 ul 
{
	margin-top:0;
	padding-left:0;
	margin-left:0;
} 
ul#upperside-text1 ul li,
ul#upperside-text2 ul li  
{
	margin-top:0;
	margin-bottom:.2em;
}
/* END these styles affects the lists within lists */
/*~~~~~~~~~~~~~~~~~~~~~~~ END left column: upperside and lowerside ~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~ START The Board ~~~~~~~~~~~~~~~~~~~~~~~*/
#yui-main .yui-b #boardmembers-container
{
	margin-top:1.3em;
	line-height:1.3;
	color:#111;
	margin-left:1.077em;
	*margin-left:1.05em;
}
#yui-main .yui-b #boardmembers-container ul li
{
	margin:0;
	padding:0;
	*text-indent:-14px;
}
#yui-main .yui-b #boardmembers-container ul 
{
	padding-left:0;  
	text-indent:0;
	list-style-position:inside;
	margin-bottom:1.13em;
}
/*~~~~~~~~~~~~~~~~~~~~~~~ END The Board ~~~~~~~~~~~~~~~~~~~~~~~*/
#latest-active,#contact-us-active,
#banner-home,#banner-about,
#banner-news,#banner-board,
#banner-forum
{
	width:952px;
	height:400px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	/* background-attachment:fixed; */
	position:relative;
	/*margin-bottom:-214px; to move content up on top of banner and nav background */
}
#latest-active,#contact-us-active
{
	width:230px;
}
#latest-active span,#contact-us-active span,
#banner-home span,#banner-about span,
#banner-news span,#banner-board span,
#banner-forum span
{
	display:none;
}
#latest-active li,#contact-us-active li,
#banner-home li,#banner-about li,
#banner-news li,#banner-board li,
#banner-forum li
{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:120px;
}
#latest-active li,#latest-active a,
#contact-us-active li,#contact-us-active a,
#banner-home li,#banner-home a,
#banner-about li,#banner-about a,
#banner-news li,#banner-news a,
#banner-board li,#banner-board a,
#banner-forum li,#banner-forum a
{
	height:34px;
	display:block;
}
li#latest1,li#latest2 
{
	left:2px;
	width:114px;
}
li#contact1,li#contact2 
{
	left:114px;
	width:114px;
}
li#home 
{
	left:262px;
	width:112px;
}
li#about 
{
	left:378px;
	width:124px;
}
li#news 
{
	left:507px;
	width:113px;
}
li#theboard 
{
	left:628px;
	width:147px;
}
li#forum 
{
	left:781px;
	width:124px;
}
/******************** Latest & Home ********************/
#banner-home
{
	background-image:url('../images/banner-home.png');
}
#latest-active
{
 	background-image:url('../images/latest-active.png');
}
#contact-us-active
{
	background-image:url('../images/contact-us-active.png');
}
#latest-active li#contact1 a:hover,#latest-active li#contact2 a:hover  
{
	background:transparent url('../images/latest-active.png') no-repeat -114px -565px;
}
#contact-us-active li#latest1 a:hover,#contact-us-active li#latest2 a:hover 
{
	background:transparent url('../images/contact-us-active.png') no-repeat -2px -565px;
}
#banner-home li#about a:hover {
background:transparent url('../images/banner-home.png') no-repeat -378px -565px;
}
#banner-home li#news a:hover {
background:transparent url('../images/banner-home.png') no-repeat -507px -565px;
}
#banner-home li#theboard a:hover {
background:transparent url('../images/banner-home.png') no-repeat -628px -565px;
}
#banner-home li#forum a:hover {
background:transparent url('../images/banner-home.png') no-repeat -781px -565px;
}
/******************** Banner About ********************/
#banner-about{
background-image:url('../images/banner-about.png')
}
#banner-about li#contact a:hover {
background:transparent url('../images/banner-about.png') no-repeat -114px -565px;
}
#banner-about li#home a:hover {
background:transparent url('../images/banner-about.png') no-repeat -262px -565px;
}
#banner-about li#news a:hover {
background:transparent url('../images/banner-about.png') no-repeat -507px -565px;
}
#banner-about li#theboard a:hover {
background:transparent url('../images/banner-about.png') no-repeat -628px -565px;
}
#banner-about li#forum a:hover {
background:transparent url('../images/banner-about.png') no-repeat -781px -565px;
}
/******************** Banner News ********************/
#banner-news
{
	background-image:url('../images/banner-news.png');
}
#banner-news li#contact a:hover 
{
	background:transparent url('../images/banner-news.png') no-repeat -114px -565px;
}
#banner-news li#home a:hover 
{
	background:transparent url('../images/banner-news.png') no-repeat -262px -565px;
}
#banner-news li#about a:hover 
{
	background:transparent url('../images/banner-news.png') no-repeat -378px -565px;
}
#banner-news li#theboard a:hover 
{
	background:transparent url('../images/banner-news.png') no-repeat -628px -565px;
}
#banner-news li#forum a:hover 
{
	background:transparent url('../images/banner-news.png') no-repeat -781px -565px;
}
/******************** Banner Board ********************/
#banner-board
{
	background-image:url('../images/banner-board.png');
}
#banner-board li#contact a:hover 
{
	background:transparent url('../images/banner-board.png') no-repeat -114px -565px;
}
#banner-board li#home a:hover 
{
	background:transparent url('../images/banner-board.png') no-repeat -262px -565px;
}
#banner-board li#about a:hover 
{
	background:transparent url('../images/banner-board.png') no-repeat -378px -565px;
}
#banner-board li#news a:hover 
{
	background:transparent url('../images/banner-board.png') no-repeat -507px -565px;
}
#banner-board li#forum a:hover 
{
	background:transparent url('../images/banner-board.png') no-repeat -781px -565px;
}
/******************** Banner Forum ********************/
#banner-forum
{
	background-image:url('../images/banner-forum.png');
}
#banner-forum li#contact a:hover 
{
	background:transparent url('../images/banner-forum.png') no-repeat -114px -565px;
}
#banner-forum li#home a:hover 
{
	background:transparent url('../images/banner-forum.png') no-repeat -262px -565px;
}
#banner-forum li#about a:hover 
{
	background:transparent url('../images/banner-forum.png') no-repeat -378px -565px;
}
#banner-forum li#news a:hover 
{
	background:transparent url('../images/banner-forum.png') no-repeat -507px -565px;
}
#banner-forum li#theboard a:hover 
{
	background:transparent url('../images/banner-forum.png') no-repeat -628px -565px;
}
#links-active,
#join-us-active
{
	width:233px;
	height:350px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	position:relative;
}
#links-active span,
#join-us-active span 
{
	display:none;
}
#links-active li,
#join-us-active li  
{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0px;
}
#links-active li, 
#links-active a,
#join-us-active li,
#join-us-active a 
{
	height:33px;
	display:block;
}
li#links1,
li#links2 
{
	left:2px;
	width:114px;
}
li#joinus1,
li#joinus2 
{
	left:114px;
	width:114px;
}
#links-active
{
	background-image:url('../images/links-active.png');
}
#links-active li#joinus1 a:hover,
#links-active li#joinus2 a:hover  
{
	background:transparent url('../images/links-active.png') no-repeat -114px -445px;
} 
#join-us-active
{
	background-image:url('../images/join-us-active.png');
}
#join-us-active li#links1 a:hover,
#join-us-active li#links2 a:hover
{
	background:transparent url('../images/join-us-active.png') no-repeat -2px -445px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~ START The Forum ~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~ END The Forum ~~~~~~~~~~~~~~~~~~~~~~~*/
a:active, a:focus 
{
	outline:0
}
#ft 
{
	margin-top:10px;
	margin-bottom:15px;
	font-size:11px;
	text-align:center;
	padding:6px;
	width:98.5%;
	position:relative;
	z-index:2;
	background:#d0d9e6;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*margin-bottom:8px;
	top: 0px;
	left: 0px;
}
#ft a 
{
	text-decoration:none;
	color:black;
}
#ft a:hover 
{
	text-decoration:underline;
}