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

#ContentWrapper {padding: 10px 0 0 0;}
#carousel {position: relative;width: 928px;height: 184px;margin-bottom: 10px;}
.smallpod {float: left;position:relative;width: 304px;height: 160px;margin:0 8px 10px 0; display: inline}
.readMoreBtn {position: absolute;bottom: 0;right: 0;}
.smallpodright {float: left;width: 304px;height: 160px;margin:0 0 10px 0;position:relative;}

#doublepod 
{
    width:617px;
}
.doublepodOff 
{
    background: url(../images/join/hub/double-pod-off.jpg) no-repeat;
}
.doublepodOn
{
    background: url(../images/join/hub/double-pod-on.jpg) no-repeat;
}


.pod31Off 
{
    background: url(../images/join/hub/pod1-off.jpg) no-repeat;
}
.pod31On
{
    background: url(../images/join/hub/pod1-on.jpg) no-repeat;
}
.pod32Off 
{
    background: url(../images/join/hub/comp1-off.jpg) no-repeat;
}
.pod32On
{
    background: url(../images/join/hub/comp1-on.jpg) no-repeat;
}
.pod4Off 
{
    background: url(../images/join/hub/podrss-off.jpg) no-repeat;
}
.pod4On
{
    background: url(../images/join/hub/podrss-on.jpg) no-repeat;
}
.pod5Off 
{
    background: url(../images/visitor-info/hub/pod3-off.jpg) no-repeat;
}
.pod5On
{
    background: url(../images/visitor-info/hub/pod3-on.jpg) no-repeat;
}
.pod6Off 
{
    background: url(../images/join/hub/pod6-off.jpg) no-repeat;
}
.pod6On
{
    background: url(../images/join/hub/pod6-on.jpg) no-repeat;
}

.podHeaderRight
{
    position:absolute;
    top:15px;
    left:170px;
    font-size:14px;
}
.podContentRight
{
    position:absolute;
    top:45px;
    left:170px;
    font-size:14px;
}

img {border: 0;}
.podHeader 
{
    position:absolute;
    top:7px;
    left:15px;
}
.podContent 
{
    position:absolute;
    top:40px;
    left:15px;
    width:100px;
}
.doublepodContent 
{
    position:absolute;
    top:43px;
    left:15px;
    width:410px;
}
.podCTA
{
    position:absolute;
    bottom:6px;
    right:30px;
}
.podCTA a
{
    font-size:14px;
    color:#FFF;
    text-decoration:none;
}
h1
{
    color:#fff;
    font-size:16px;
}
h2
{
    color:#fff;
    font-size:16px;
    margin:0;
    font-weight:normal;
}
/*
h3
{
    color:#fff;
    font-size:16px;
    margin:0;
    color:#43464a;
    font-weight:bold;
}
*/
p
{
    font-size:12px;
}
/* postcard page */
#ContentWrapperCard{
	margin-left:10px;
}
#head{
	position:relative;
	width:100%;
	margin-top:10px;
}
#headTitle{
	color:#43464a;
	font-size:27px;
}
#headTitle1{
	color:#43464a;
	font-size:27px;
	padding:10px 0 0px 10px;
}
#headCopy{
	clear:both;
	width:100%;
}
#col1, #col2{
	position:relative;
	float:left;
	width:48%;
	padding:8px;
}
#mainBody{
	clear:both;
	margin:0 0 0 8px;
}
.cardPod{
	position:relative;
	float:left;
	margin:6px;
}
#headSend{
	position:relative;
	width:65%;
	float:left;
	padding:10px 0 20px 14px;
}
#headCopy2{
	clear:both;
}
#ImageCol{
	position:relative;
	float:left;
}
#formCol{
	position:relative;
	background:url(../images/join/formBack.jpg) no-repeat;
	width:264px;
	height:410px;
	float:left;
	margin-left:20px;
}
#cardForm{padding:15px;}
.textbox{width:230px; margin-bottom:10px;}
.textarea{width:230px; height:50px;}

.leftButton
{
	float:left;margin-left:10px;
}

.rightButton
{
	float:left;padding-left:50px;
}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */