/************************************************************************/
/*Block Level Styles                                                    */
/*                                                                      */
/*body, table, td, h1-h6, p, div, span, a, ul, ol, li                   */
/*These styles are read into vars and initialization of the site's      */
/*application, and they're used to define the basic look and feel of    */
/*the front end of the site.                                            */
/*                                                                      */
/*please put any custom classes or styles in the Custom area below this */
/*one                                                                   */
/************************************************************************/

body, table, td, p, div, span, li {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #000000;
	margin:0px;
}
ul {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	padding: 0px 0px 0px 20px;
	margin : 0px 0px 0px 0px;
}
h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 20px;
	color : #006699;
	font-weight : bold;
	margin-top: 0px;
}
h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 17px;
	color : #006699;
	font-weight : bold;
}
h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #000000;
	font-weight : bold;
}
a, a:focus, a:hover, a:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : inherit;
	color : #0066cc;
	font-weight : inherit;
}

/************************************************************************/
/*Custom Classes and Styles;                                            */
/*                                                                      */
/*Any custom classes or styles needed specifically for this site's      */
/*front end go here.                                                    */
/************************************************************************/

#header{
	margin:0px;
	padding:0px;
}

#logo{}

#menu{
	font-size:18px;
	margin-top:44px;
	margin-bottom:0px;
	float:right;
}

#content{
	
}

#left{
	/*border-right: 1px solid #000;*/
	height:auto;
}

.workSideHeading, .learnSideHeading, .shopSideHeading, .mingleSideHeading, .mingleCenterHeading, .learnCenterRightHeading, .learnCenterLeftHeading{
	font-family:Tahoma, Verdana, Arial, Georgia,serif;
	font-weight:bold;
	font-size:11px;
	padding:3px 0px 3px 12px;
	border: 2px solid #ffffff;
	color:#fff;
}

.workSideHeading{
	background-color:#2662B4;
}

.learnSideHeading{
	background-color:#A7C037;
	color: #242D03;
}

.learnCenterLeftHeading{
	background-color:#A7C037;
	color: #242D03;
}
.learnCenterRightHeading{
	width:auto;
	background-color:#CFE182;
	color: #242D03;
}

.mingleSideHeading{
	background-color:#F6A11B;
}

.mingleCenterHeading{
	background-color:#F3CF96;
	color: #242D03;
}

.shopSideHeading{
	background-color:#81C0F2;
}

#LeftBottom{
	margin-top: 25px;
	border-top: 1px solid #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding: 15px 0px 15px 0px;
	background-image:url(/media/images/leftMenuFooter.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#leftBottom img{
	vertical-align:middle;
}

#right{
	/*border-left: 1px solid #000;*/
	height: auto;
	/*border-right: 1px solid #000;*/
}

#Center{
	height:100%;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 3px;
}

#centerLeftBlock{
	float:left;
	width:100%;
	
}

#centerRightBlock{
	float:left;
}

.rightBlock, .leftBlock{
	background-color:#FFFFFF;
	width:213px;
	padding: 0px 3px 0px 3px;
}


#AdBlock{
	border-top: 1px solid #000;
	padding: 8px;
}

#AdBlock h5{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
	color: #828282;
	margin-bottom:1px;
}

.adImage{
	text-align:center;
}

#footer{
	position:absolute;
	width:100%;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#footer p{
	padding:15px 0px 15px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#828282;
}
#footer p, #footer p a:link, #footer p a:visited, #footer p a:active, #footer p a:hover{
	color:#828282;
}


#topSearch{
	font-family:Tahoma, Verdana, Arial, Georgia;
	font-size:9px;
	color:#000000;
	padding: 6px 6px 6px 25px;
}

#featuredArticle{
	height:192px;
	border-bottom: 1px solid #000;
}

.blogList{
	list-style-image:url(/media/images/bullet.gif);
}

.blogSideBarDate{
	text-align: right
}

.blogList li{
	text-align: left;
}

#loginBox{
	padding: 1px;
	background: #e9e9e9;
	border-bottom:thin #000000 solid;
}
#loginBox h4{
	background-color: #f6a11b;
	color:#FFFFFF;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	width:auto;
}
#loginBox form{
	padding: 3px;
	font-size:9px;
}
#loginBox .forgotText{
	text-align:left;
}
#loginBox .regText{
	text-align: right;
}

#adArea{
	padding-bottom: 15px;
}

.adBlock{
	text-align:center;
	padding-top: 3px;
	padding-bottom: 6px;
}

.adHeading{
	color: #747474;
	font-size: 9px;
	padding-bottom: 4px;
}

#searchJobsSB{
	padding: 1px;
}

#searchJobsSB form{
	padding: 3px;
	font-size:9px;
}

#featuredJobBlock{
	border-top: #000000 thin dashed;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 9px;
	padding-left: 10px;
}

#searchJobsSB h4{
	background-color: #2662b4;
	color:#FFFFFF;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	width:auto;
}
.featuredJobText{
	padding-bottom: 10px;
}
.featuredJobText h4{
	font-size: inherit;
	font-weight:bold;
	margin: 4px 0px;
}
.jobTitle{
	font-size: inherit;
	font-weight:bold;
	color:#2662b4;
}
.jobData{
	font-size: inherit;
}

#shopSB{
	padding: 1px;
	border-top: #000000 thin solid;
	border-bottom: #000000 thin solid;
}

#shopSB h4{
	background-color: #81c0f2;
	color:#FFFFFF;
	margin: 0px;
	width:auto;
	padding: 5px 0px 5px 10px;
}

#shopSB ul{
	margin-top: 8px;
	margin-left: 10px;
	list-style:url(/media/images/bullet.gif);
	padding-bottom: 8px;
}

#recentArticlesSB, #latestHeadlinesSB{
	padding: 1px;
	border-top: #000000 thin solid;
	background-color: #eeefe3;
}

#latestHeadlinesSB{
	background-color: #f8f8f8;
	border-bottom: #000000 thin solid;
}

#recentArticlesSB h4, #latestHeadlinesSB h4{
	background-color: #a7c037;
	color:#FFFFFF;
	margin: 0px;
	width:auto;
	padding: 5px 0px 5px 10px;
}

#recentArticlesSB  ul, #latestHeadlinesSB ul{
	margin-top: 8px;
	margin-left: 3px;
	list-style:url(/media/images/bullet.gif);
	padding-bottom: 8px;
	font-weight:bold;
}

#relatedArticles{
	padding: 1px;
	background-color: #eeefe3;
}

#relatedArticles h4{
	background-color: #a7c037;
	color:#FFFFFF;
	margin: 0px;
	width:auto;
	padding: 5px 0px 5px 10px;
}

#relatedArticles  ul{
	margin-top: 8px;
	margin-left: 3px;
	list-style:url(/media/images/bullet.gif);
	padding-bottom: 8px;
	font-weight:bold;
}

#relatedArticles .relatedText{
	font-weight:normal;
}
#latestBlogPostsSB{
	padding: 1px;
	border-top: #000000 thin solid;
	border-bottom: #000000 thin solid;
}

#latestBlogPostsSB h4{
	background-color: #f6a11b;
	color:#FFFFFF;
	margin: 0px;
	width:auto;
	padding: 5px 0px 5px 10px;
}

#latestBlogPostsSB  ul{
	margin-top: 8px;
	margin-left: 3px;
	list-style:url(/media/images/bullet.gif);
	padding-bottom: 8px;
	font-weight:bold;
}

#articleBlock .articleSideBar a:link, #articleBlock .articleSideBar a:visited, #articleBlock .articleSideBar a:hover, #articleBlock .articleSideBar a:active{
	color: #ff6600;
}

#articleBlock .articleSideBar{
	float: right;
	width: 150px;
	padding: 20px 0px 10px 20px;
}

#articleBlock .articleAuthorArea, #articleBlock .articleOptionsArea{
	padding: 15px;
	border-left: #000000 thin dashed;
}

#articleBlock .articleOptionsArea{
	border-top: #000000 thin dashed;
}

#articleBlock .articleArea {
	padding-left: 10px;
	margin-bottom: 20px;
}
#articleBlock .articleArea h1{
	font-size:14px;
}

#articleBlock .articleArea .articleBody p{
	padding: 3px 0px;
}
/************************************************************************/
/*Admin Tools Styles and classes;                                       */
/*                                                                      */
/*Used by admintools and administrative displays on the front end       */
/*(Not actually put into use yet - still using admintools.css           */
/************************************************************************/

.formbuilderheader {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #FFFFFF;
	vertical-align : top;
	background-color : #4c4c4c;
}
.smallfontsize {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #000000;
}
.errortext {
	align: center;
	padding-bottom : 5px;
	padding-left : 8px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #ffffff;
	background-color : #f4f4f4;
	border : 3px solid #cc0000;
}
.logintext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #663366;
}
.submitbuttonFront {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding-left, padding-right:5px;
	padding-top, padding-bottom:2px;
	color : #5D8DB8;
	background-color : #ffffff;
	border: 1px solid #5D8DB8;
}
.submitbuttonGray {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding-left:5px;
	padding-right:5px;
	color : #ffffff;
	background-color : #666666;
	border : 2px ridge #dadada;
}

.formitemlabel{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	vertical-align : top;
	background-color : #dadada;
}
.formitemlabeli3 {
	BACKGROUND-COLOR: #dadada;
	COLOR: #616161;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;
	VERTICAL-ALIGN: top;
	font-style: italic;
}
.frontendformitemlabel{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : 666666;
	vertical-align : top;
	font-style : italic;
}
.formitemlabelreq{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : Black;
	vertical-align : top;
	background-color : #dadada;
}
.formitemlabelreqi3 {
	BACKGROUND-COLOR: #dadada;
	COLOR: black;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;
	VERTICAL-ALIGN: top;
}
.frontendformitemlabelreq{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : 666666;
	vertical-align : top;
}
.formiteminput {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : Black;
	vertical-align : top;
	background-color : #dadada;
}
.formiteminputi3 {
	BACKGROUND-COLOR: #cccccc;
	COLOR: black;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;
	VERTICAL-ALIGN: top;
}
.frontendformiteminput {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : 666666;
	vertical-align : top;
	border-style : none;
}
.formitemcheckbox {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : Black;
	vertical-align : top;
	background-color : #dadada;
}
.frontendformitemcheckbox {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : 666666;
	vertical-align : top;
}
.frontendinputfield{
	background-color:F0F0F0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : 666666;
	padding: 1px;
}
.submitbutton {
	BACKGROUND-COLOR: #749BAD;
	BORDER-BOTTOM: #dadada 2px ridge;
	BORDER-LEFT: #dadada 2px ridge;
	BORDER-RIGHT: #dadada 2px ridge;
	BORDER-TOP: #dadada 2px ridge;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center
}
.successtext {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #ffffff;
	background-color : #c4c4ff;
	border : 1px dashed #555555;
}
.toolheader {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 8px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	text-align : right;
	color : #ffffff;
	background-color : #333333;
}
.toolheaderi3 {
	BACKGROUND-COLOR: #5B879C;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 6px;
	PADDING-LEFT: 6px;
	PADDING-TOP: 6px;
	PADDING-RIGHT: 6px;
}
.toolTable {
	BACKGROUND-COLOR: #ffffff
}

/************************************************************************/
/*ActivEdit Classes                                                     */
/*                                                                      */
/*Copies of classes that we want to show up in ActivEdit should go here */
/*Class must start with ae, and must have a comment/Label above it that */
/*starts with ae as well.                                               */
/************************************************************************/
	
/*aeBody*/
.aebody {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}
/*aeTable*/
.aetable {
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
/*aeTable Cell*/
.aetd {
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}
/*aeDiv*/
.aediv {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}
/*aeSpan*/
.aespan {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}
/*aeAddress*/
.aea {
	font-family : Arial, Helvetica, sans-serif;
	font-size : inherit;
	color : #cc0000;
	font-weight : inherit;
}