@charset "UTF-8";
@font-face {
	font-family: 'Gotham-Bold';
	src: url('//www.creativepublic.com/css/Gotham-Bold.eot?') format('eot'), 
	     url('//www.creativepublic.com/css/Gotham-Bold.otf')  format('opentype'),
	     url('//www.creativepublic.com/css/Gotham-Bold.woff') format('woff'), 
	     url('//www.creativepublic.com/css/Gotham-Bold.ttf')  format('truetype'),
	     url('//www.creativepublic.com/css/Gotham-Bold.svg#Gotham-Bold') format('svg');
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
@font-face {
	font-family: 'Gotham-Medium';
	src: url('//www.creativepublic.com/css/Gotham-Medium.eot?') format('eot'), 
	     url('//www.creativepublic.com/css/Gotham-Medium.otf')  format('opentype'),
	     url('//www.creativepublic.com/css/Gotham-Medium.woff') format('woff'), 
	     url('//www.creativepublic.com/css/Gotham-Medium.ttf')  format('truetype'),
	     url('//www.creativepublic.com/css/Gotham-Medium.svg#Gotham-Medium') format('svg');
}
@font-face {
	font-family: 'Gotham-Book';
	src: url('//www.creativepublic.com/css/Gotham-Book.eot?') format('eot'), 
	     url('//www.creativepublic.com/css/Gotham-Book.otf')  format('opentype'),
	     url('//www.creativepublic.com/css/Gotham-Book.woff') format('woff'), 
	     url('//www.creativepublic.com/css/Gotham-Book.ttf')  format('truetype'),
	     url('//www.creativepublic.com/css/Gotham-Book.svg#Gotham-Book') format('svg');
}
.headingBlack {
	font-weight: normal;	
}
.textBlackBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}
.bigWhiteLInk {
	font-family: Gotham-Medium;
	font-size: 44px;
	color: #FFF;
	text-decoration: none;
}
a.bigWhiteLInk:link {
	font-family: Gotham-Medium;
	font-size: 44px;
	color: #FFF;
	text-decoration: none;
}
a.bigWhiteLInk:visited {
	font-family: Gotham-Medium;
	font-size: 44px;
	color: #FFF;
	text-decoration: none;
}
a.bigWhiteLInk:hover {
	font-family: Gotham-Medium;
	font-size: 44px;
	color: #FFF;
	text-decoration: underline;
}
.WhiteLink16pt {
	font-family: Gotham-Book;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}
a.WhiteLink16pt:link {
	font-family: Gotham-Book;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}
a.WhiteLink16pt:visited {
	font-family: Gotham-Book;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}
a.WhiteLink16pt:hover {
	font-family: Gotham-Book;
	font-size: 16px;
	color: #FFF;
	text-decoration: underline;
}
.linkBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
}
a.linkBlack:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
}
a.linkBlack:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: underline;
}
.linksBlackBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a.linksBlackBold:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
}
.textDarkTan {
	color: #26a9e0;
	font-weight: bold;
}
.whiteTextLink14pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.whiteText16pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
a.whiteTextLink14pt:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
a.whiteTextLink14pt:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
a.whiteTextLink14pt:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}
.blueText20pt {
	font-size: 20px;
	color: #26a9e0;
	font-family: Gotham-Medium;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
.blueText {
	color: #26a9e0;
}
h1 {
	font-family: Gotham-Medium;
	color: #313a38;
	font-size: 28px;
	font-style: normal;
	line-height: normal;
	margin-top: 0px;
}
h2, h3, h4 {
	margin-top: 0px;
	font-family: Gotham-Medium;
	font-size: 29px;
	color: #313a38;
	margin-bottom: 0px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
body {
	background-image: url(../images/bar-dark-gray-top.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #6d6e71;
}
.smallHeading {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #6d6e71;
	font-weight: bold;
}
#container {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
}
#header {
	height: 133px;
	width: 1000px;
}
#searchHeader {
	height: 52px;
	width: 1000px;
}
#navigation {
	height: 30px;
	width: 993px;
	margin-top: 15px;
	padding-left: 7px;
}
#logoTop {
	width: 345px;
	height: 32px;
	margin-top: 11px;
	float: left;
}
#topNav {
	float: left;
	height: 22px;
	width: 345px;
	color: #FFF;
	margin-top: 18px;
}
#search {
	float: left;
	height: 32px;
	width: 307px;
	margin-top: 8px;
}
.searchBox {
	background-color: #414042;
	height: 29px;
	width: 225px;
	border: 1px solid #808285;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
#barTop {
	width: 1000px;
	height: 18px;
	margin-top: 10px;
}
#introHeading {
	height: 111px;
	width: 1000px;
}
#intro {
	width: 1000px;
	height: auto;
}
#introText {
	height: 34px;
	width: 1000px;
	margin-top: 10px;
}
#joinHomepageTop {
	width: 600px;
	float: left;
	margin-top: 10px;
}
.join {
	background-color: #26a9e0;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	float: left;
	padding-top: 10px;
	margin-bottom: 21px;
	width: 300PX;
	margin-right: 40px;
}
.join2 {
	background-color: #6ABCE6;
	height: 20px;
	width: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	float: left;
	padding-top: 2px;
}
a.join:link {
	background-color: #26a9e0;
	height: 22px;
	width: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
a.join:visited {
	background-color: #26a9e0;
	height: 22px;
	width: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
a.join:hover {
	height: 22px;
	width: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
	text-align: center;
}
#productBoxes {
	height: 208px;
	width: 1000px;
	margin-bottom: 25px;
}
#box1 {
	float: left;
	height: 203px;
	width: 236px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26a9e0;
}
#box2 {
	float: left;
	height: 203px;
	width: 236px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26a9e0;
	margin-right: 10px;
	margin-left: 18px;
}
#box3 {
	float: left;
	height: 203px;
	width: 236px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26a9e0;
	margin-right: 18px;
	margin-left: 10px;
}
#box4 {
	float: left;
	height: 203px;
	width: 236px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26a9e0;
}
#box5 {
	float: left;
	height: 203px;
	width: 236px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26a9e0;
}
#box6 {
	float: left;
	height: 203px;
	width: 236px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26a9e0;
	margin-right: 10px;
	margin-left: 18px;
}
#box7 {
	float: left;
	height: 203px;
	width: 236px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26a9e0;
	margin-right: 18px;
	margin-left: 10px;
}
#box8 {
	float: left;
	height: 203px;
	width: 236px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26a9e0;
}
.boxHeading {
	background-image: url(../images/box-arrow-blue.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	width: 235px;
	font-family: Gotham-Bold;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	padding-top: 14px;
}
.boxHeadingMembers {
	background-image: url(../images/box-arrow-pink.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	width: 235px;
	font-family: Gotham-Bold;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	padding-top: 14px;
}
.boxHeadingBlack {
	background-image: url(../images/box-arrow-gray.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	width: 235px;
	font-family: Gotham-Bold;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	padding-top: 14px;
}
.boxHeadingLink {
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	width: 235px;
	font-family: Gotham-Bold;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	padding-top: 14px;
	text-decoration: none;
}
a.boxHeadingLink:link {
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	width: 235px;
	font-family: Gotham-Bold;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	padding-top: 14px;
	text-decoration: none;
}
a.boxHeadingLink:visited {
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	width: 235px;
	font-family: Gotham-Bold;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	padding-top: 14px;
	text-decoration: none;
}
a.boxHeadingLink:hover {
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	width: 235px;
	font-family: Gotham-Bold;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	padding-top: 14px;
	text-decoration: underline;
}
.boxText {
	width: 235px;
	height: 111px;
}
.boxButton {
	background-image: url(../images/arrow-gray-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.grayLink {
	font-size: 14px;
	color: #313a38;
	font-family: Gotham-Book;
	text-decoration: none;
}
a.grayLink:link {
	font-size: 14px;
	color: #313a38;
	font-family: Gotham-Book;
	text-decoration: none;
}
a.grayLink:visited {
	font-size: 14px;
	color: #313a38;
	font-family: Gotham-Book;
	text-decoration: none;
}
a.grayLink:hover {
	font-size: 14px;
	color: #313a38;
	font-family: Gotham-Book;
	text-decoration: underline;
}
.grayBar {
	height: 18px;
	width: 1000px;
}
#adSpaceHome {
	height: 90px;
	width: 1000px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
#membersLogoTop {
	height: 90px;
	width: 489px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}
#memberSearch {
	height: 90px;
	width: 300px;
	float: right;
	clear: right;
}
#freeContentHome {
	height: 260px;
	width: 1000px;
	margin-top: 20px;
}
#freeContentHeading {
	height: 40px;
	width: 1000px;
}
#freeContentBoxes {
	height: 208px;
	width: 1000px;
	margin-bottom: 25px;
}
#articleContent {
	height: auto;
	width: 820px;
	margin-bottom: 30px;
	float: left;
	margin-top: 20px;
}
#sideBar {
	float: right;
	height: auto;
	width: 160px;
	margin-top: 20px;
}
.resourceBox1 {
	height: 160px;
	padding-left: 7px;
	float: left;
	width: 825px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 20px;
}
.resourceBox2 {
	height: 170px;
	float: left;
	width: 812px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-right: 7px;
	padding-top: 12px;
}
#memberContent {
	height: auto;
	width: 745px;
	margin-bottom: 30px;
	float: right;
	margin-top: 20px;
}
#memberContentProducts {
	height: auto;
	width: 575px;
	margin-bottom: 30px;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
}
#memberBoxLeft {
	float: left;
	height: auto;
	width: 236px;
	margin-top: 20px;
	margin-bottom: 30px;
}
.boxButtonMembers {
	background-image: url(../images/arrow-gray-right.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26a9e0;
	padding-top: 10px;
}
#memberJoinBox {
	background-color: #26a9e0;
	height: 80px;
	width: 700px;
	text-decoration: none;
	margin-top: 15px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

.memberProdButton {
	height: 39px;
	width: 333px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../images/bu-member-products.png);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-left: 20px;
	margin-right: 15px;
}
.memberProdButton2 {
	height: 39px;
	width: 333px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../members-area/members-area-products/images/bu-member-products2.png);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-left: 20px;
	margin-right: 15px;
}
#colLeft {
	float: left;
	height: auto;
	width: 370px;
}
#colRight {
	float: right;
	height: auto;
	width: 370px;
}

#footer {
	height: 225px;
	width: 1000px;
	float: left;
	clear: both;
}
#footerNav {
	margin-top: 15px;
	margin-left: 7px;
}
.redText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F00;
}
.textFields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	text-decoration: none;
	background-color: #FFF;
	height: 30px;
	width: 300px;
	border: 1px solid #999;
	margin-top: 5px;
}
.commentsBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	text-decoration: none;
	background-color: #FFF;
	height: 200px;
	width: 500px;
	border: 1px solid #999;
	margin-top: 5px;
}
h1 {
	font-style: normal;
}