/*  
Theme Name: VAFRE Default
Theme URI: http://vafre.org
Description: A great theme for the VAFRE website
Version: 1.0
Author: PharrOut
Author URI: http://pharrout.com/
*/
/*

Background: #fff;
*/

/* Zeros =====================================================================*/
body, p, h1, h2, h3, h4, h5, h6, h7, ul, ol, li, form, hr {
	padding: 0;
	margin: 0;
}


/* =General ================================================================= */
body {
	font-size: .7em;
	font-family: "Lucida Grande", verdana, arial, sans-serif;	
	line-height: 1.5em;	
	color: #777777;	
}
h1, h2, h3 {
	margin-bottom: 10px;
}
h2 {
	font-size: 1.7em;
	color: #BBBD4B;
	font-weight: bold;
	border-bottom: dashed 1px #CAD366;
	line-height: 1.2em;
}
body.inside h2 {
	color: #FCBE2F;
	border: none;
}
h2 span {
	display: block;
	margin: 0 0 2px 0;
	/*border-bottom: solid 3px #B2D7E9;*/
	background: #B2D7E9;
	color: #005295;
	padding-left: 5px;
	font-size: .9em;
}
h3 {
	font-size: 1.2em;
	color: #005295;
	background: #B3D8EA;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 5px;
	margin: 40px 0 20px 0;
}
#whatWeDoBest{
	background-color: transparent;
	color: #BBBD4B;
}
h4 {
	color: #005295;
	font-size: .8em;
}
ul, ol {
	margin-left: 20px;
	margin-bottom: 20px;
}
ul {
	color: #E2A707;
}
li p {
	color: #777777;	
	margin-bottom: 10px;
}
hr {
	margin: 20px 0 20px 0;
	border: none;
	background-color: #000;
	height: 1px;
}
p {
	margin-bottom: 20px;
	line-height: 1.6em;
}
a {
	color: orange;
	text-decoration: none;
	border-bottom: solid 1px orange;
}
a:hover {
	color: red;
	border-bottom: none;
}

/* =Classes ================================================================= */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {
	clear: both;
}
.flush {
	margin-top: 0;
}
.bflush {
	margin-bottom: 0;
}
.padding {
	padding: 10px;
}
.textbox {
	border: solid 1px #D3D693;
	padding: 3px;
}
.button {
	padding: 3px;
	background-color: #F9F9D3;
	border: solid 1px #D3D693;
	color: #015294;
	font-weight: bold;
	text-transform: uppercase;
}
.dropdown {
	padding: 3px;
	margin: 5px;	
}	
label.hidden {
	position: absolute;
	top: -9999px;
}
p.info {
  font-size: 1.25em;
  line-height: 1.7em;
}
.pdf {
	background: #fff;
	color: orange;	
	background: url(images/icon-pdf.gif) no-repeat left center;
	padding: 3px 0 3px 20px;
}
.important {
	font-size: 1.3em;
	text-align: center;
	color: #005295;
}
.corner-bottomLeft {
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 5px;
	height: 5px;
	background: url(images/corners.gif) no-repeat bottom left;
	font-size: .1em;
}
.corner-bottomRight {
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 5px;
	height: 5px;
	background: url(images/corners.gif) no-repeat bottom right;
	font-size: .1em;
}
.corner-topLeft {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 5px;
	height: 5px;
	background: url(images/corners.gif) no-repeat top left;
	font-size: .1em;
}
.corner-topRight {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 5px;
	height: 5px;
	background: url(images/corners.gif) no-repeat top right;
	font-size: .1em;
}
#mainBox .cutoutPic {
	float: left;
	position: relative;
	left: -20px;
	top: -20px;
}
p.right {	
	text-align: right;
}
/* =Site Wide Width ==========================================================*/
#mainContent .inside, #benefits {
	width: 740px;
	margin: 0 auto 0 auto;
	padding: 0 60px 0 60px;
}
#header .inside, #footer .inside {
	width: 760px;
	margin: 0 auto 0 auto;	
	padding: 0 50px 0 50px;
}

/* =Header ===================================================================*/
#header {
	padding-top: 15px;
	background: #fff url(images/header-background.gif) repeat-x;
}
#header a  {
  border-bottom: none;
}
#header .inside {
	position: relative;
	z-index: 1000;
	background: url(images/borderFix-background.gif) no-repeat left bottom;
	margin-bottom: -1px;
	padding-top: 35px;
	padding-bottom: 10px;
}
#header h2 {
	width: 356px;
	height: 61px;
	margin: 0 0 10px 0;
	background: #fff url(images/logo.gif) no-repeat left;	
	border: none;
}
#header h2 a {
	display: block;
	height: 61px;
	outline: none;
	text-indent: -9999px;	
	border-bottom: none;
}
#header h1 {
	position: absolute;
	width: 100%;
	top: -16px;
	left: 0;
	font-size: .85em;
	font-weight: normal;
	margin: 0;
	color: #fff;
	background-color: #356DB4;
	line-height: 13px;
	text-align: center;
}
/*// =Menu ===================================================================*/
#menus {
	border-bottom: solid 5px #B3D8EA;
}
#menu {
	margin: 0 0 2px 0;
	list-style-type: none;
	border-bottom: dashed 1px #CAD366;
	text-align: right;
}
#menu li {
	display: inline;
	margin-left: 10px;
}
#menu li a {
	text-transform: uppercase;
	color: #B6B6B6;
	font-weight: bold;
	font-family: verdana;
	font-size: 1.1em;
	letter-spacing: -.5px;
}
#menu li a:hover {
	color: #EFAC05;
}
#menu li.skipNav {
	position: absolute; 
	top: -9999px;
}
.home #menu li.mHome a, .registration #menu li.mRegister a, .register #menu li.mRegister a, .join #menu li.mJoin a, .about #menu li.mAbout a, .calendar #menu li.mCalendar a, .news #menu li.mNews a, .contact #menu li.mContact a {
	color: #EFAC05;
}
#menu li.memberItem a { 
	padding: 0 5px 0 5px;
	background: #B6B6B6;
	color: #fff;
}
.jobs #menu li.mJobs a, .directory #menu li.mDirectory a { 
	background: #EFAC05;
}
#menu li.memberItem a:hover {
	background: #EFAC05;
}
/*//// =Utility Menu =========================================================*/
#rcUtilityMenu {
	border-left: solid 1px #ACCFE1;
	border-right: solid 1px #ACCFE1;
	border-bottom: solid 1px #ACCFE1;	
	background: #CAEDFF;
	position: absolute;
	top: 0;
	right: 50px;
	margin: 0;	
}
#utilityMenu {
	margin: 0;
	list-style-type: none;	
	padding: 3px 5px 7px 10px;
}
#utilityMenu li {
	display: inline;
	padding-right: 5px;
}
#utilityMenu li a:hover {
	color: #EFAC05;
}
#utilityMenu .muContact a, #utilityMenu .muMemberLogin a{
	text-decoration: none;
	color: #5A5A5A;
	letter-spacing: -.5px;
}
#utilityMenu .muJoin a, .buttonJoin {
	display: block;
	float: left;
	width: 60px;
	height: 20px;
	background: url(images/button-join.gif) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	border-bottom: none;
}
.muJoin a{
	padding-right:5px;
}
#utilityMenu .muContact {
	border-right: dotted 1px #509EDE;
}
#utilityMenu .muMemberLogin {
	padding-left: 5px;
}

/*//// =Accessibility Menu ===================================================*/
#accessibilityMenu {
	position: absolute;
	top: 0;
	left: 60px;
	margin: 0;
	list-style-type: none;
	font-family: verdana;
}
#accessibilityMenu li {
	display: inline;
}
#accessibilityMenu li a:hover {
	color: #000;
}
.maDefault a, .maLargeType a, .maHighContrast a, .maHelp a{
	text-decoration: none;
	color: #bbb;
	font-weight: bold;
	font-size: 1.1em;
}
#maDefault {

}
#maLargeType {

}
.maHighContrast a {
	/*background-color: #7B7A7A;*/
	color: #666;
}
.maHighContrast a:hover {
	background-color: #7B7A7A;
	color: #fff;
}
.maHelp {
	border-left: dotted 1px #B2B2B2;
	padding-left: 3px;
}
#accessibilityHelp {
	width: 200px;
	padding: 10px;
	background: #FFFFE7 url(images/fade-beige2.gif) repeat-x;
	border: solid 1px orange;
	font-size: .85em;
	text-align: center;
}
#accessibilityHelp p a {
	color: orange;
	text-decoration: none;
	border-bottom: solid 1px orange;
	font-weight: normal;
}
#accessibilityHelp p a:hover {
	color: red;
	border-bottom: none;
}
/* =Main Content =============================================================*/
#mainContent {
	border-top: solid 1px #C7E1EF;
	border-bottom: solid 1px #C7E1EF;	
	background: #FFFFCC;
}
#mainContent .inside {
	overflow: hidden;
	margin-top: -1px; /* overlap the borders on mainContent */
	margin-bottom: -1px; /* overlap the borders on mainContent */
	padding-top: 10px;
	background: #fff url(images/header-inside-background.gif);
}
#missionAndNextEvent, #howDoIJoin {
	float: left;
	background: #fff;
	width: 445px;
	margin: 0 20px 0 0;
}
#missionAndNextEvent {
	background: url(images/missionAndNextEvent-background.gif) repeat-y -125px top;
}
body.directory #missionAndNextEvent {
	width: 100%;
}
body.inside #missionAndNextEvent {
	background-image: none;
}	
#missionAndNextEvent, #news {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
.inside #missionAndNextEvent, .inside #news {
	padding-bottom: 0;
	margin-bottom: 0;
}
.gutter20 {
	position: relative;
	z-index: 1000;
	clear: both;
	height: 20px;
	background: #fff;
}
/*// =Mission ================================================================*/
#mission {
	float: left;
	width: 255px;
	margin: 0 20px 0 0;
}
#mission h2 {
	border-bottom: none;
	font-size: 1.6em;
}
#mission p {
  font-size: 1.25em;
  line-height: 1.4em;
}
#mission li {
  
}
#learnMore {
	padding-left: 20px;
}
#learnMore a {
	display: block;
	width: 117px;
	height: 20px;
	background: url(images/button-learnMore.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	border-bottom: none;
}
/*// =Next Event =============================================================*/
#nextEvent {
	position: relative;
	float: left;
	width: 150px;
	padding: 0 10px 10px 10px;
	background: #D0F4FF url(images/nextEvent-background.gif) repeat-x;
	/*padding-bottom: 32767px;
	margin-bottom: -32767px;*/
	font-weight: bold;
}
#nextEvent h2 {
	width: 150px;
	height: 33px;
	outline: none;
	text-indent: -9999px;	
	background: url(images/nextEvent-header.gif) no-repeat left;
	border-bottom: dashed 1px #67899A;
	padding-bottom: 20px;
	margin-bottom: 10px;	
}
#nextEventDate {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0 7px 2px;
	font-family: georgia, serif;
	font-weight: bold;
	font-size: 3em;
	background-color: #fff;
	color: #FD7700;
}
#nextEventFullDate .month, #nextEventFullDate .year {
	color: #97C4FC;
	text-transform: uppercase;
}
#nextEventFullDate {
	background: #5789D3 url(images/fade-blue.gif) repeat-x;
	padding: 2px;
	border-top: solid 1px #558EBF;
	border-bottom: solid 1px #6998D9;	
	text-align: center;
	font-size: 1.1em;
}
#nextEventFullDate .day {
	color: #fff;
	font-size: 1.5em;
}
#nextEventTime {
	background: #B1B460 url(images/fade-green.gif) repeat-x;
	padding: 2px;
	border-top: solid 1px #89A990;
	border-bottom: solid 1px #9FB394;	
	text-align: center;
	font-size: 1.1em;	
}
#nextEventTime .time {
	color: #fff;
	font-size: 1.5em;
}
#nextEventTime .ampm {
	color: #D9DB85;
	text-transform: uppercase;
}
#nextEventDescription {
	text-align: center;
	color: #FD7700;
	font-size: 1.25em;
	line-height: 1.4em;
	font-weight: normal;
	border-bottom: dashed 1px #67899A;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#nextEventDescription p {
	display: inline;
}
#nextEventPayOnline {
	text-align: center;
}
#nextEventPayOnline a {
	display: block;
	margin: 0 auto 0 auto;
	width: 99px;
	height: 20px;
	background: url(images/button-payOnline.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	border-bottom: none;
}
/*// =News ===================================================================*/
#news, #memberBenefits {
	float: left;
	width: 275px;
	background: #fff;
}
#news img{
  margin-bottom: 10px;
}
#news h2 {
	margin-bottom: 0;
	color: #005295;
}	
#news ul {
	list-style-type: none;
	margin: 0;
}
#news ul li {
	padding: 5px 5px 5px 10px;
	border-top: dashed 1px #D0D0D0;
	background: #fff url(images/arrow-greyGreen.gif) no-repeat left center;
}
body.inside #news ul {
	list-style-type: disc;
	margin-left: 20px;	
}
body.inside #news ul li {
	padding: 0;
	border-top: none;
	background-image: none;
	background-color: transparent;
	margin: 5px 0 5px 0;
}
#news ul li.first {
	border-top: none;
}
/* =Benefits =================================================================*/
#benefits {
	position: relative;
	z-index: 1000;
	margin-top: -1px;
	margin-bottom: 20px;
	background: #fff url(images/borderFix-background.gif) no-repeat;
}
#benefits .padding {
	background: url(images/home/home-joinAd.gif) no-repeat left bottom;
	min-height: 115px;
}
#copyright {
	text-align: center;
	margin: 10px 0 10px 0;
}
#howDoIJoin {
	background: #FFFFE7 url(images/fade-beige2.gif) repeat-x;
}
#howDoIJoin h2 {
	color: #015294;
	border-bottom: none;
}
#howDoIJoin div.padding {
	padding-left: 140px;
}
/*// =About =============================================================*/
.inside #news .subMenu {
	margin-bottom: 30px;
	list-style-type: none;
	margin-left: 0;
}
.inside #news .subMenu li {
	text-align: center;
	margin: 10px 0 10px 0;
	background-image: none;
	padding: 0;
	border-top: none;
}
.inside #news .subMenu li a {
	display: block;
	background: #888888;
	text-transform: uppercase;
	font-weight: bold;
	font-family: verdana;
	font-size: 1.1em;
	letter-spacing: -.5px;
	color: #fff;
	border: none;
}
.inside #news .subMenu li a:hover {
	background-color: #EFAC05;
}	
/* =Footer =================================================================*/
#footer {

}
#footer .inside {
	position: relative;
	background: #fff;
}
#poIcon {
	position: absolute;
	top: 15px;
	right: 50px;
	border: none;
}
#poIcon img {
	border: none;
}
/*// =Footer Menu ============================================================*/
#footerMenu {
	border-top: solid 5px #B3D8EA;
}
#footerMenu ul {
	padding-top: 5px;
	margin: 2px 0 0 0;
	list-style-type: none;
	border-top: dashed 1px #CAD366;
}
#footerMenu ul li {
	display: inline;
	padding: 0 5px 0 5px;
	border-right: dotted 1px #549EE5;
}
#footerMenu ul li.last {
	border-right: none;
}	
#footerMenu ul a {
	text-transform: lowercase;
	/*color: #CAD366;
	text-decoration: none;
	font-weight: bold;
	border-bottom: none;*/
}
#footerMenu ul li a:hover {
	/*color: #EFAC05;*/
}
/*// =Contact Info  ==========================================================*/
#contactInfo {
	position: relative;
	width: 580px;
	text-align: center;
	margin: 40px auto 0 auto;
	border: solid 1px #ADCEE1;	
	background: #D0F4FF;	
	padding-bottom: 15px;	
}
#contactInfo ul {
	display: inline;
	list-style-type: none;
}
#contactInfo ul li {
	display: inline;
	color: #59594D;
	font-size: .9em;
	padding: 0 5px 0 5px;
	border-right: dotted 1px #549EE5;	
}
#contactInfo ul li.first {
}
#contactInfo ul li.last {
	border-right: none;
}
/* =News  ====================================================================*/
#searchForm {
	padding: 10px 20px 10px 20px;
	background: #D0F4FF url(images/fade-blue2.gif) repeat-x;
	margin-bottom: 40px;
}
#searchForm .textbox{
  width: 250px;
  margin-right: 10px;
  font-size: 1.1em;
}
#searchForm .button{
  font-size: .9em;
}
#searchsubmit {
  vertical-align: top;
}
.newsPost {
	border-bottom: dashed 1px #D0D0D0;
	margin-bottom: 20px;
}
.newsPost h3 {
	margin-bottom: 0;
	background: url(images/icon-news.gif) no-repeat left center;
	padding-left: 20px;
}
.newsPost h2.singleHeading {
	margin-bottom: 0;
	background: url(images/icon-news.gif) no-repeat left center;
	padding-left: 20px;
}
.newsPost h3 a {
	color: #FCBE2F;
}
.newsPostInfo {
	font-size: .8em;	
	margin-bottom: 0;
}	
.newsPostInfo .newsDate {
	color: #AFB471;
	text-transform: uppercase;
	border-right: dotted 1px #C2C2C2;
	padding-right: 4px;
	margin-right: 3px;
}
#news #archives {
	list-style-type: disc;
	color: orange;
	margin-left: 20px;
}
#news #archives li {
	background-image: none;
	background-color: transparent;
	border-top: none;
}

/* =Calendar  ================================================================*/
#calendar {
	margin-top: 40px;
}
#calendar ul {
	list-style-type: none;
	margin: 0;
}
#calendar ul li {
	clear: both;
	padding: 5px 10px 0px 10px;
	color: #015294;
	background: #D0F4FF url(images/fade-blue2.gif) repeat-x left top;	
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
}
#calendar ul ul {
	list-style-type: none;
	margin: 5px -10px -10px -10px;
}
#calendar ul ul li {
	background: #FFFFE7;
	padding: 20px 20px 40px 20px;
}
.calDate {
	float: left;
	width: 60px;
	font-size: 2.4em;
	font-family: georgia, serif;
	font-weight: bold;
	/*padding: 10px 0 10px 0;*/
}
.calTime {
	float: left;
	width: 120px;
	text-align: center;
	color: #7597C5;
	font-size: 1em;
	font-family: georgia;
	font-weight: bold;
}
.calTitle {
	float: left;
	font-size: .5em;
}

/* =Login  ================================================================*/
#loginInformation {	
	position: relative;
	padding: 20px;
	margin: 0 0 20px 0;	
	background: #FFFFE7 url(images/fade-beige2.gif) repeat-x;
}
#loginInformation h3 {
	position: absolute;
	top: -10px;
	left: 20px;
	margin-top: 0;
	background-color: transparent;
}
#loginInformation label {
	clear: both;
	display: block;
	float: left;
	width: 80px;
	text-align: right;
}
#loginInformation .textbox {
	float: left;
	display: block;
	margin: 0 0 10px 10px;	
	width: 120px;
	padding: 2px;
	color: #B2B87A;
	font-weight: bold;
}
#loginInformation .button {
	clear: both;
	display: block;
}
#loginButton {
	display: block;
	clear: both;
}
/* =Side Bars  ================================================================*/
#mainBox {
	background: #eaeab4 url(images/fade-beige.gif) repeat-x;
	padding: 10px 20px 10px 20px;
}
#mainBox a {
	/*background-color: #ffffff;*/
	color: #005295;
	border-bottom: solid 1px #005295;
}
#mainBox a:hover {
	color: red;
	border-bottom: none;
}
#mainBox ul {
	color: #888888;
}
#mainBox  h2 {
	margin: 30px 0 0 135px;
	position:absolute;
	width: 105px;
}
#mainBox  h3 {
  background: #005295;
  color: #B3D8EA;
  text-transform: uppercase;
  font-size: .9em;
  padding-left: 5px;
}
#news div.fadeOrange {
	background: #ffdf76 url(images/fade-orange.gif) repeat-x;
	padding: 10px 20px 10px 20px;
	color: gray;
}
#news div.fadeOrange h2 {
	color: #005295;
}
/* =Directory  ===============================================================*/
#directory {
	width: 100%;
	margin: 50px 0 0 0;
}
#directory td {
	vertical-align: top;
	padding: 5px;
}
#directory tr.header th {
	font-size: 1.5em;
	font-weight: normal;
	border-bottom: solid 5px #B3D8EA;
	border-collapse: collapse;
	padding-bottom: 5px;
	color: #005295;
}
#directory tr.even td {
	background-color: #D0F4FF;
}
#directory td.data {
	text-align: right;
}

#directory tr.consultant td{
    background:#D0F4FF url(images/fade-beige2.gif) repeat-x;
    border-top:1px dashed #CAD366;
    border-bottom:1px dashed #CAD366;
    color:#4e3509;
}

#directory tr.consultantHeader td{
    text-align:center;
    background:#e5eb9f;
    padding:0;
    color:#4e3509;
    font-weight:bold;
}

#directory tr.inactive {
	background-color: #ddd;
}

#directory tr.inactive td {
	border-top: solid 2px #666;
	border-bottom: solid 2px #666;	
}

/* =Members ===================================================================*/
.memberBox{
    background: #FFFFE7 url(images/fade-beige2.gif) repeat-x;
    width:200px;
    padding:5px 15px 15px 15px;
    margin:5px;
    float:left;
    height:230px;
}
.memberBox.tall {
	height: auto;
}

.memberBox h2, .adminBox h2, .adminAlert h2{
    color:#868686 !important;
    font-size:1.5em;
	font-weight:normal;
}

.memberBox ul, .adminBox ul, .adminAlert ul{
    list-style:none;
    margin:7px;
    padding:0;
}

.memberBox a:link, .adminBox a:link, .adminAlert a:link{
    color:#868686;
    border-bottom:1px dashed #868686;
}

.memberBox a:hover, .adminBox a:hover, .adminAlert a:hover{
    color:orange;
    border-bottom:1px solid orange;
}

.adminBox{
    background: #D0F4FF url(images/fade-blue3.gif) repeat-x;
    width:200px;
    padding:5px 15px 15px 15px;
    margin:5px;
    float:left;
    height:230px;
}


h2.admin{
	color: #356DB4 !important;
}

#recentChanges li{
float:left;
margin-right: 5px;
width: 200px;
}

#recentChanges{
width:680px;
}

.adminAlert{
    background: #D0F4FF url(images/fade-blue3.gif) repeat-x;
    padding:5px 15px 15px 15px;
    margin:5px;
}

/* FORM STYLING */

#editUser li{
    list-style:none;
    margin:10px;
}

#editUser label{
    display:block;
    width:150px;
    float:left;
}

input#address, input#address2{
    width:300px;
}

input#state{
    width:2em;
}

input#zip{
    width:6em;
}

input#phone, input#fax{
    width:10em;
}

#editUser .registrationOption ul {
	width: 230px;
	list-style-type: none;
	border: solid 1px #D0D793;
	padding: 3px;
	margin: 0 0 20px 0;
}
#editUser .registrationOption p {
	font-size: .8em;
}
#editUser .registrationOption ul li {
	padding: 2px;
	color: #565656;
}
#editUser .registrationOption ul li.selected {
	background-color: #CDF1FF;
}
#editUser .registrationOption ul li label {
	display: inline !important;
	width: auto;
	float: none;
}