html, body {
	margin: 0px auto;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 65%;
	background-color: #E9E5DA;
}
.clearAll {
	clear: both;
}
#accessibility {
	position: absolute;
	left: -2000px;
	top: -2000px;
	display: none;
}
h1,h2,h3,h4,h5,h6,p {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* ~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~ START LINKS ~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~ */
a {
	text-decoration: underline;	
}
a:link {

}
a:visited {

}
a:hover {
	text-decoration: none;
}
/* ~~~~~~~~~~~~~~~~~~~ */
/* ~~~~ END LINKS ~~~~ */
/* ~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~ START LAYOUT ~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~ */
#shell {
	width: 899px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(img/shell_bg.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}

/* TOP BOX (BANNER) */
#topBox {
	width: 863px;
	margin: 0 9px;
	border: none;
	background-color: #e9e5da;
	border: solid 9px #FFFFFF;
	padding-top: 10px;
	padding-bottom: 5px;
	height: 133px;
	background-image: url(img/topbox_bg.jpg) !important;
	background-repeat: no-repeat;
}

#topBox h1 {
	width: 327px;
	margin: 0px;
	height: 133px;
	background-image: url(img/logov2_h1.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -999px;
	color: #FFFFFF;
	float: right;
}

/* TOP MENU (NAVIGATION) */
#topMenu {
	width: 863px;
	margin-right: 9px;
	margin-left: 9px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 48px;
	background-image: url(img/topmenu_bg.gif);
	background-repeat: repeat-x;
	border: none;
	border-right-width: 9px;
	border-left-width: 9px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#topMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 48px;
}
#topMenu li {
	float: left;
	padding: 0px;
	margin: 0px;
}
#topMenu ul a {
	margin: 0px;
	padding: 0px;
	height: 48px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -96px;
	text-indent: -2000px;
	font-size: 1px;
	color: #DFDAD1;
}
#topMenu ul a:hover {
	background-position: 0px -48px;
}
#topMenu ul a.active {
	background-position: 0px 0px;
}
#topMenu #news {
	width: 75px;
	background-image: url(img/topmenu_news.gif);
}
#topMenu #members {
	width: 144px;
	background-image: url(img/topmenu_members.gif);
}
#topMenu #join {
	width: 99px;
	background-image: url(img/topmenu_join.gif);
}
#topMenu #location {
	width: 113px;
	background-image: url(img/topmenu_location.gif);
}
#topMenu #links {
	width: 150px;
	background-image: url(img/topmenu_links.gif);
}
#topMenu #environment {
	width: 115px;
	background-image: url(img/topmenu_environment.gif);
}
#topMenu #about {
	width: 103px;
	background-image: url(img/topmenu_about.gif);
	margin-right: 46px;
}
#topMenu #memlogin {
	width: 166px;
	background-image: url(img/topmenu_memberslogin.gif);
	margin-right: 46px;
}
#topMenu #home {
	width: 71px;
	background-image: url(img/topmenu_home.gif);
}
.menuBase {
	width: 863px;
	margin: 0px;
	margin-right: 9px;
	margin-left: 9px;
	height: 8px;
	overflow: hidden;
	background-image: url(img/menu_base.gif);
	background-repeat: repeat-x;
	border: none;
	border-right-width: 9px;
	border-left-width: 9px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

/* ~~~~~~~~~~~~~~~~~~~~~~ */
/* MAIN BOX (ALL CONTENT) */
#mainBox,
#contentBox {
	width: 863px;
	margin-right: 9px;
	margin-left: 9px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: none;
	border-right-width: 9px;
	border-left-width: 9px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	overflow: hidden;
	background-color: #e3ddd3;
}
.leftCol {
	float: left;
	width: 532px;
	margin: 0px;
	padding: 0px;
	display: block;
}
.rightCol {
	float: left;
	width: 331px;
	margin: 0px;
	padding: 0px;
}

/* START LEFT BOX (BULK OF CONTENT - MAIN) */
.leftBox {
	width: 532px;
	background-image: url(img/leftbox_bg.gif);
	background-repeat: repeat-y;
	display: block;
	text-align: left;
}
.leftBox .lbTop {
	width: 532px;
	background-image: url(img/leftbox_top.gif);
	background-repeat: no-repeat;
	height: 11px;
	display: block;
}
.leftBox .lbBase {
	width: 532px;
	background-image: url(img/leftbox_base.gif);
	background-repeat: no-repeat;
	height: 16px;
	display: block;
}
.leftBox h3, .leftBox h4, .greyBox h3, .greyBox h4 {
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 6px;
	margin-left: 10px;
}
.leftBox p, .greyBox p {
	font-size: 1.2em;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 10px;
}
.leftBox .blueBox {
	width: 518px;
	background-image: url(img/bluebox_bg.jpg);
	background-repeat: no-repeat;
	text-align: left;
	background-color: #7b91ca;
	color: #FFFFFF;
}
.leftBox .blueBox h2 {
	padding: 0px;
	margin: 0px;
	height: 40px;
	width: 384px;
	background-image: url(img/headlines_h2.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -2000px;
}

.leftBox .blueBase {
	width: 518px;
	height: 33px;
	text-align: right;
	overflow: hidden;
}
.leftBox .blueBase a {
	width: 91px;
	height: 33px;
	display: block;
	background-color: #FFFFFF;
	line-height: 33px;
	font-size: 1.2em;
	color: #18368b;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-decoration: none;
	float: right;
}
.leftBox .blueBase a:hover {
	text-decoration: underline;
}
.leftBox .blueBox h3 {
	font-size: 1.5em;
}
.leftBox2 {
	width: 532px;
	background-image: url(img/leftbox2_bg.gif);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	height: 117px;
	text-align: left;
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.leftBox2 .greenBox {
	width: 372px;
	background-repeat: no-repeat;
	display: block;
	height: 101px;
	float: left;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	background-image: url(img/greenbox_bg.jpg);
}
.leftBox2 h2 {
	padding: 0px;
	margin: 0px;
	height: 36px;
	width: 351px;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -2000px;
}
.leftBox2 h2.environment {
	background-image: url(img/lb2-environment_h2.gif);
}
.leftBox2 .greenImg {
	width: 146px;
	background-image: url(img/greenbox_img.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 101px;
	float: left;
	padding: 0px;
	margin: 0px;
}
.leftBox2 a.greenLink {
	display: block;
	height: 33px;
	background-color: #FFFFFF;
	margin-top: 68px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 45px;
	line-height: 33px;
	text-decoration: none;
	font-size: 1.2em;
	color: #20552B;
	width: 96px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.leftBox2 a:hover {
	text-decoration: underline;
}

/* START :: RIGHT BOX (CTA ETC) */
.rightBox {
	width: 318px;
	background-image: url(img/rightbox_bg.gif);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	height: 117px;
	text-align: left;
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
}
.rightBox .purpleBox {
	width: 217px;
	background-image: url(img/purplebox_bg.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 101px;
	float: left;
	padding: 0px;
	margin: 0px;
}
.rightBox .purpleBox,
.rightBox .turquoiseBox,
.rightBox .orangeBox {
	width: 217px;
	background-repeat: no-repeat;
	display: block;
	height: 101px;
	float: left;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
}
.rightBox .purpleBox {
	background-image: url(img/purplebox_bg.jpg);
}
.rightBox .turquoiseBox {
	background-image: url(img/turquoisebox_bg.jpg);
}
.rightBox .orangeBox {
	background-image: url(img/orangebox_bg.jpg);
}

.rightBox h2,
.rightBox2 h2 {
	padding: 0px;
	margin: 0px;
	height: 36px;
	width: 209px;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -2000px;
}
.rightBox h2.join {
	background-image: url(img/rb-join_h2.gif);
}
.rightBox h2.members {
	background-image: url(img/rb-members_h2.gif);
}
.rightBox h2.about {
	background-image: url(img/rb-about_h2.gif);
}
.rightBox h2.intlinks {
	background-image: url(img/rb-intlinks_h2.gif);
	height: 30px !important;
}
.rightBox2 h2.membersarea {
	background-image: url(img/rb-membersarea_h2.gif);
}

.rightBox p ,
.leftBox2 p{
	font-size: 1.2em;
	margin-top: 6px;
	margin-right: 9px;
	margin-bottom: 8px;
	margin-left: 9px;
}

.rightBox .purpleImg,
.rightBox .turquoiseImg,
.rightBox .orangeImg {
	width: 100px;
	background-repeat: no-repeat;
	display: block;
	height: 101px;
	float: left;
	padding: 0px;
	margin: 0px;
}
.rightBox .purpleImg {
	background-image: url(img/purplebox_img.jpg);
}
.rightBox .turquoiseImg {
	background-image: url(img/turquoisebox_img.jpg);
}
.rightBox .orangeImg {
	background-image: url(img/orangebox_img.jpg);
}

.rightBox a.purpleLink,
.rightBox a.turquoiseLink,
.rightBox a.orangeLink {
	display: block;
	height: 33px;
	background-color: #FFFFFF;
	margin-top: 68px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 36px;
	line-height: 33px;
	text-decoration: none;
	font-size: 1.2em;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 9px;
}
.rightBox a:hover {
	text-decoration: underline;
}
.rightBox a.purpleLink {
	color: #67296A;
	width: 54px;
	padding-right: 1px;
	padding-left: 9px;
}
.rightBox a.turquoiseLink {
	color: #3C7967;
	width: 56px;
	padding-right: 1px;
	padding-left: 7px;
}
.rightBox a.orangeLink {
	color: #A95111;
	width: 54px;
	padding-right: 1px;
	padding-left: 9px;
}

.rightBox2 {
	width: 318px;
	background-image: url(img/rightbox2_bg.gif);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	height: 246px;
	text-align: left;
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
}
.rightBox2 .membersArea {
	width: 318px;
	background-repeat: no-repeat;
	background-image: url(img/membersmenu_bg.jpg);
	display: block;
	height: 230px;
	float: left;
	padding: 0px;
	margin: 0px;
	font-size: 1.2em;
	color: #FFFFFF;
}
.rightBox2 .membersArea ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 11px;
}
.rightBox2 .membersArea li {
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.rightBox2 .membersArea a {
	color: #FFFFFF;
	text-decoration: none;
}
.rightBox2 .membersArea a:hover {
	text-decoration: underline;
}
.rightBox2 .membersArea a.active {
	font-weight: bold;
}
/* END :: RIGHT BOX (CTA ETC) */


/* START :: SPONSORS BOX */
.sponsorsBox {
	width: 296px;
	display: block;
	overflow: hidden;
	height: 175px;
	text-align: left;
	padding: 0px;
}
.sponsorsBox .splogoBox {
	width: 148px;
	background-image: url(img/splogobox_bg.gif);
	background-repeat: no-repeat;
	display: block;
	height: 175px;
	padding: 0px;
	float: left;
}

.sponsorsBox .splogoBox h2 {
	padding: 0px;
	margin: 0px;
	height: 36px;
	width: 142px;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -2000px;
}
.sponsorsBox .splogoBox h2.sponsor {
	background-image: url(img/featured-sponsor_h2.gif);
}
.sponsorsBox .splogoBox h2.affiliate {
	background-image: url(img/featured-affiliate_h2.gif);
}
/* REMOVE */
.sponsorsBox .splogoBox .logoLink {
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
}
/* END: REMOVE */
.sponsorsBox .splogoBox .logoBox {
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
}
.sponsorsBox .splogoBox a.baseLink {
	margin: 0px;
	height: 27px;
	width: 135px;
	font-size: 1em;
	display: block;
	text-align: right;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 27px;
	text-decoration: none;
	color: #bcad93;
}
.sponsorsBox .splogoBox a.baseLink:hover {
	text-decoration: underline;
}
/* END :: SPONSORS BOX */

/* QUICK LINKS BOX (BASE) */
.quicklinksBox {
	width: 564px;
	background-image: url(img/quicklinksbox_bg.gif);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	height: 164px;
	text-align: left;
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
.quicklinksBox .brownBox {
	width: 550px;
	background-repeat: no-repeat;
	display: block;
	height: 164px;
	float: left;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	background-image: url(img/brownbox_bg.jpg);
}
.quicklinksBox h2 {
	padding: 0px;
	height: 36px;
	width: 125px;
	background-repeat: no-repeat;
	background-image: url(img/quicklinks_h2.gif);
	font-size: 1px;
	text-indent: -2000px;
	float: left;
	display: block;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.quicklinksBox ul {
	padding: 0px;
	float: left;
	list-style-type: none;
	width: 125px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.quicklinksBox li {
	font-size: 1.1em;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #827a6c;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.quicklinksBox a {
	color: #FFFFFF;
	text-decoration: none;
}
.quicklinksBox a:hover {
	text-decoration: underline;
}

/* BASE BOX (FOOTER) */
#baseBox {
	width: 899px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(img/basebox_bg.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 49px;
	clear: both;
	overflow: hidden;
}
#baseBox p {
	margin-top: 21px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	padding: 0px;
	color: #908878;
}
#baseBox a {
	color: #908878;
}
#baseBox a:hover {
	text-decoration: none;
}
