/* Design44 Base HTML/CSS  -  Written By: Lucas Kwasnik  -  Last Updated: 2007-10-09 */
/* ====================== Page Formatting  ========================*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	color: #706a63;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(/Common/Img/valley-leadership-bodyBG.gif);
	background-position: center top;
	background-color: #056191;
	background-repeat: no-repeat;
	margin-top: 18px;
}
td {vertical-align: top;}
input, select, textarea {
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-size: 12px;
	color: #0965AE;
}
h1 {
	font-size: 18px;
	color: #0b2345;
}
h2 {
	font-size: 14px;
	color: #056191;
}
ul {padding: 0px 0px 15px 20px;}
p {padding-bottom: 15px;}
a {color: #009383;}
.link {cursor: pointer;}

/* ====================== layout & columns ========================*/
#container {
	background-image: url(/Common/Img/valley-leadership-containerBG.png);
	background-repeat: no-repeat;
	width: 805px;
	padding-right: 7px;
	margin: 0px auto 20px auto;
}
#container { behavior: url(/Common/Scripts/iepngfix.htc) }
#main {
	background-image: url(/Common/Img/valley-leadership-containerBG.gif);
	background-repeat: repeat-y;
	width: 805px;
}
#content {
	float: left;
	width: 515px;
	padding: 25px 40px 50px 35px;
}
.home #content {padding-top: 10px;}
#pagePhoto {
	position: relative;
}

/* ====================== Header & Footer ====================== */
#header {height: 101px;}
#searchArea {
	background-image: url(/Common/Img/valley-leadership-headerBG.gif);
	float: right;
	height: 96px;
	width: 271px;
	text-align: right;
	color: #FFFFFF;
	font-size: 9px;
	padding: 5px 18px 0px 0px;
	position: relative;
}
#searchArea ul {padding: 0px 0px 5px 0px;}
#searchArea li {display: inline;}
#searchArea li a, #searchArea a {
	color: #FFFFFF;
	text-decoration: none;
}
#searchArea input {
	background-image: url(/Common/Img/searchInputBG.gif);
	height: 14px;
	width: 148px;
	border: 1px none;
	padding-left: 3px;
}
#footer {
	clear: both;
	background-image: url(/Common/Img/valley-leadership-footerBG.gif);
	background-repeat: no-repeat;
	height: 51px;
	margin-right: -7px;
	text-align: right;
	padding-right: 20px;
	font-size: 10px;
	color: #626469;
}
#footer ul {padding: 0px;}
#footer li {display: inline;}
#footer li a {
	color: #626469;
	text-decoration: none;
}	

/* ====================== Menu ====================== */
#navMenu {
	clear: both;
	background-image: url(/Common/Img/valley-leadership-navBG.gif);
	background-repeat: repeat-x;
	position: relative;
	z-index: 99;
}
#navMenu ul {
	list-style-type: none;
	height: 24px;
	padding: 0px 0px 0px 60px;
	background-image: url(/Common/Img/valley-leadership-navRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#navMenu ul li {
	float: left;
	background-image: url(/Common/Img/valley-leadership-navLI.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2px 20px 0px 11px;
}
#navMenu ul li a {
	font-weight: bold;
	color: #009383;
	text-decoration: none;
	font-size: 11px;
}
#navMenu ul li a:hover {}
#navMenu ul ul {
	background-image: url(/Common/Img/valley-leadership-subNavBG.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 21px;
	width: 683px;
	padding: 0px 0px 0px 30px;
	position: absolute;
	left: 0px;
	top: 26px;
}
*html #navMenu ul ul {
	background-image: url(/Common/Img/valley-leadership-subNavBG.gif);
}
#navMenu ul ul li {
	background-image: none;
	padding: 2px 15px 0px 0px;
}
#navMenu ul ul li a {
	color: #FFFFFF;
	font-size: 11px;
	display: block;
}

/* ====================== Display and hide second level menus ====================== */
#navMenu ul ul, #hidden, #navMenu .menuHome {display: none;}
#navMenu li.CurrentPage ul, #navMenu li.CurrentCategory1 ul {display: block;}
#navMenu ul li.CurrentCategory1 {
	background-image: url(/Common/Img/valley-leadership-navOn.gif);
	background-repeat: repeat-x;
	height: 23px;
	padding: 1px 20px 0px 0px;
}
#navMenu ul li.CurrentCategory1 a {
	color: #3878db;
	background-image: url(/Common/Img/valley-leadership-navLIOn.gif);
	background-repeat: no-repeat;
	padding-left: 11px;
	padding-top: 2px;
}
#navMenu ul li.CurrentCategory1 ul li a {
	color: #FFFFFF;
	background-image: none;
	padding-left: 0px;
	padding-top: 0px;
}
#navMenu li#menuHome.CurrentPage ul, #navMenu li#menuHome.CurrentCategory1 ul {display: none;} /* never display L2 menu items in Home Category */

/* ====================== Callouts ============================== */
#homeCallouts {
	height: 174px;
	background-image: url(/Common/Img/valley-leadership-homeCallBG.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 6px 0px 0px 45px;
	width: 760px;
}
.callout img {margin: 0px -10px 0px -10px;}
#homeCallouts .callout {
	width: 196px;
	float: left;
	margin-right: 28px;
	padding: 0px 10px 0px 10px;
	border-bottom: solid 6px #009383;
	height: 170px;
}
.callout h1 {
	font-size: 12px;
	color: #009383;
}
#homeCallouts p {
	font-size: 10px;
	padding: 0px;
}
#calloutContainer {
	float: left;
	background-image: url(/Common/Img/valley-leadership-CalloutBG.jpg);
	background-repeat: no-repeat;
	width: 194px;
	padding: 20px 13px 0px 8px;
	margin-bottom: 50px;
}
.noCallouts #calloutContainer {
	background-image: url(/Common/Img/valley-leadership-CalloutBG2.jpg);
	padding: 20px 13px 25px 8px;
}
#calloutContainer .callout {
	border-bottom: solid 6px #009383;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#calloutContainer .callout p {font-size: 10px;}
.home #calloutContainer {
	background-image: url(/Common/Img/calloutContainerBG.jpg);
	margin-top: 10px;
	width: 191px;
	padding: 2px 0px 0px 1px;
}
.home #calloutContainer .callout {
	border: none;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
#calloutContainer .callout img {
	margin: 0px;
	padding-bottom: 10px;
}
.home #calloutContainer .callout p {
	padding: 0px 10px 0px 10px;
	font-size: 12px;
}
#enewsBox {
	background-image: url(/Common/Img/valley-leadership-enewsBox.jpg);
	height: 69px;
	width: 180px;
	margin: 7px 0px 5px 4px;
	padding: 14px 0px 0px 5px;
}
#enewsBox h1 {
	font-size: 13px;
	color: #009383;
	padding-left: 5px;
}
#enewsBox input {
	background-image: url(/Common/Img/valley-leadership-enewsInput.gif);
	height: 18px;
	width: 134px;
	border: none 0px;
	padding: 2px 3px 0px 3px;
}
#enewsBox p {
	font-size: 9px;
	color: #009383;
	margin-top: -4px;
	text-align: right;
	padding: 0px 40px 0px 0px;}
	
	
/* ====================== Table Styling ========================*/
.miniPromoTable td img, .miniPromoTable td .promoPhoto img {padding-right: 30px;}



/* ====================== search results ======================== */
#searchContainer {
	height: 37px;
	padding: 0px 0px 0px 20px;
	background: #E7B060 url(/Common/Img/logoSWBM_Header.jpg) no-repeat right top;
}
#searchBox {padding-top: 10px;}
#searchResultsPage #content {padding: 0px 15px 0px 45px;}
.SearchResult, .SearchResultAlt {padding-bottom: 15px;}
.SearchResultTitle, .SearchResultTitle a:link, .SearchResultTitle a:hover, .SearchResultTitle a:visited, .SearchResultTitle a:active {
	color: #423E34;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}	
.SearchResultTitle a:hover {text-decoration: underline;}
.SearchResultsHighlight {
	color: #009383;
	font-style: italic;
	text-decoration: underline;
}	
#resultsSearchPhrase, #resultsSearchQty, .SearchResultUrl a:link, .SearchResultUrl {color: #999999;}
#resultsSearchQty {padding-bottom: 12px;}
.selHint {background-color: #9ebcb3;}
#results div a span {background-color: #9ebcb3;}	
.ezcount {
	float: right;
	color: #FFFFFF;
	font-size: 9px;
}
#results {
	z-index: 100;
	width: 150px;
	display: none;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	border: solid 1px #FFFFFF;
	background-color: #009383;
	right: 42px;
	top: 44px;
	text-align: left;
}
#results a {color: #FFFFFF;}
#EasySearchLiveResults {
	z-index: 100;
	display: none;
	position: absolute;
	border-width: 13px;
	border-color: black;
	margin-bottom: 10px;
	background-color: white;
}

/* ====================== Styling for Submit button on Login ========================*/
.adminButton , a.adminButton, a.adminButton:link, a.adminButton:visited, a.adminButton:hover, .smallButton{
	width: 125px;
	cursor: pointer;
	cursor: hand;
	color: #F5F1D0;
	font-size: 12px;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 6px;
	text-decoration: none;
	vertical-align: middle;
	background-color: #423E34;
	border-right: 8px solid #4D6177;
}

/* ================== My VL Styles ===================== */
#leftMyVL {
	float: left;
	width: 241px;
	background-color: #9ebcb3;
	background-image: url(/Common/Img/myVL-leftFade.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 200px;
	margin-top: 30px;
	padding-left: 4px;
	padding-right: 6px;
}
img.myVLleftTop {
	margin-right: -6px;
	margin-left: -4px;
}
#leftMyVL h1 {
	font-size: 16px;
	color: #FFFFFF;
	padding-left: 10px;
}
.myVL #main {
	padding-left: 10px;
	width: 795px;
}
.myVL #navMenu {text-transform: lowercase;}
.myVL #footer {margin-left: -10px;}
.myVL #content {
	float: left;
	width: 526px;
	padding: 35px 0px 0px 18px;
	background-image: url(/Common/Img/myVL-rightSwoosh.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.myVLWelcome {
	font-size: 20px;
	color: #00467f;
	font-weight: bold;
	padding-left: 13px;
}
#myRight {
	float: left;
	width: 163px;
	background-image: url(/Common/Img/myVL-rightSwoosh.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 233px;
	padding-right: 9px;
}
.alphaDir {
	background-image: url(/Common/Img/myVL-alphaDirBG.jpg);
	height: 74px;
	width: 221px;
	padding: 10px;
	color: #00467f;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
.alphaDir a {
	color: #00467f;
	text-decoration: none;
}
.alphaDir a:hover {text-decoration: underline;}
.quickLinks {
	background-image: url(/Common/Img/myVL-quicklinksMid.gif);
	background-repeat: repeat-y;
	font-size: 14px;
	color: #00467f;
	width: 241px;
	margin-bottom: 10px;
}
.quickLinks h1 {
	background-image: url(/Common/Img/myVL-quicklinksTop.gif);
	background-repeat: no-repeat;
	background-color: #9ebcb3;
	background-position: bottom;
	padding-bottom: 8px;
}
.quickLinks li {
	list-style-type: none;
	background-image: url(/Common/Img/myVL-quickLinksBullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	padding-bottom: 3px;
}
.quickLinks a {
	color: #00467f;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
.quickLinks a:hover {text-decoration: underline;}
.profile {
	width: 430px;
	color: #000000;
	line-height: 14px;
	padding: 25px 15px 20px 15px;
	background: url(../Img/valley-myVLProfileBG.jpg) no-repeat left top;
}
.profileImage {
	width: 164px;
	background: url(../Img/myVL-profileImgMid.gif) repeat-y left top;
	margin: 0px 10px 0px 0px;
}
.profileImage div {
	background: url(../Img/myVL-profileImgTop.gif) no-repeat left top;
	padding-top: 5px;
	padding-left: 3px;
}
.profileImage img {
	width: 154px;
	vertical-align: top;
}
.profile a, .profile h2 {color: #00467f; text-decoration: none;}
.profileContent {
	background-image: url(/Common/Img/myVL-myprofileMid.gif);
	background-repeat: repeat-y;
	width: 134px;
	padding: 0px 10px 20px 8px;
	background-position: left;
}
.myVL #profilePage, .myVL #directoryContent {
	padding: 35px 50px 0px 15px;
	background-image: url(/Common/Img/myVL-rightSwoosh.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#profilePhoto {float: right;}
#profilePhoto img {width: 200px;}
.myVL #directoryContent {float: right;}
#directoryContent table {width: 450px;}
#directoryContent table td {border-bottom: solid 1px #666666;}
#tourContent {
	padding: 35px 50px 0px 15px;
	background-image: url(/Common/Img/myVL-rightSwoosh.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	width: 479px;
}
.memberHeader {
	font-size: 11px;
	text-align: left;
	padding-left: 100px;
	padding-bottom: 0px;
}
.memberHeader a {
	font-size: 10px;
	text-decoration: underline;}


.tourContainer {
	width: 449px;
	position: relative;
	background: url(../Img/bkgndToursContainer.gif) repeat-y 0px 0px;
	margin-left: 6px;
}
.tourContainerTop {
	width: 413px;
	min-height: 235px;
	_height: 235px;
	padding: 12px 18px 0px 18px;
	background: url(../Img/bkgndToursContainerTop.gif) no-repeat 0px 0px;}
.tourContainerBtm {
	width: 449px;
	height: 27px;
	overflow: hidden;
	background: url(../Img/bkgndToursContainerBtm.gif) no-repeat 0px 0px;}
.tourContainer h2 {
	color: #00467f;
	font-size: 17px;
	font-weight: normal;
}
.signupContainer {
	top: 12px;
	right: 20px;
	_right: 30px;
	width: 107px;
	height: 20px;
	position: absolute;
	padding: 3px 0px 0px 0px;
	text-align: center;
	background: url(../Img/myVL-myToursButton.jpg) no-repeat left top;
}
.signupContainer a {
	color: #00467f;
	font-size: 11px;}
.signupContainer a:hover {
	color: #ffffff;
	text-decoration: none;
}
#tourContainer {
	background: #d5e0ea url(../Img/myVL-popupBG.jpg) repeat-x left top;
	width: 650px;
	color: #000000;
	padding: 10px 0px 15px 15px;
}
#tourPopupContainer { background: url(../Img/pop_up-midBG.gif) repeat-y left top; }
#popupTop { background: url(../Img/pop_up-topBG.gif) no-repeat left top; }
#popupBottom {
	background: url(../Img/pop_up-bottomBG.gif) no-repeat left bottom;
	padding: 15px 25px 6px 20px;
}
#profilePage #tourPopupContainer {background: none;}
#profilePage #popupTop {background: none;}
#profilePage #popupBottom {background: none; padding:0px;}
.popupDate {
	color: #009383;
	font-size: 12px;
	font-weight: bold;
}
#tourContainer h1 {
	color: #FFFFFF;
	font-size: 17px;
	padding-left: 10px;
}
#registrants {
	background: url(../Img/pop_up-registrantsBG.jpg) no-repeat left top;
	color: #000000;
	padding-bottom: 10px;
}
#registrants h2 {
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 20px;
}
#registrants h2 span {
	font-size: 10px;
}
#registrants a {
	padding-left: 20px;
	padding-right: 20px;
	color: #000000;
	display: block;
	float: left;
	width: 200px;
}
#registrants a.waitinglist, .registrants a.waitinglist {
	color: #FF0000;
}
/* Admin Styling */
.registrants {
	float: left;
	width: 200px;
}
.pastTours div {
	padding-bottom: 7px;
	background: url(../Img/myVL-tourResultsDiv.gif) no-repeat left bottom;
	margin-bottom: 7px;
}
.enrollButton {
	background: url(../Img/pop_up-enrollButton.gif) no-repeat left top;
	height: 20px;
	width: 84px;
	padding-top: 2px;
	display: block;
	text-align: center;
	color: #00467f;
	font-size: 14px;
}
.tourResults {
	width: 406px;
	margin: 20px 0px 0px 5px;}
.tourResults td {
	padding-bottom: 7px;
	background: url(../Img/myVL-tourResultsDiv.gif) no-repeat left bottom;
	margin-bottom: 7px;
}
.tourResults .resultsPaging td {background: none;}
.lblName {
	color: #00467f;
	font-size: 14px;
	font-weight: bold;}
.lblDate {
	color: #009383;
	font-size: 12px;
	font-weight: bold;
}
.resultsDesc, .resultsDesc a {
	color: #000000;
	font-size: 11px;}
.resultsDesc a {
	color: #00467f;
	padding-left: 4px;
}

#memberCalendar {
	background-image: url(/Common/Img/myVL-quicklinksMid.gif);
	background-repeat: repeat-y;
	font-size: 14px;
	color: #00467f;
	width: 241px;
	margin-bottom: 10px;
}
#memberCalendar h1 {
	background-image: url(/Common/Img/myVL-quicklinksTop.gif);
	background-repeat: no-repeat;
	background-color: #9ebcb3;
	background-position: bottom;
	padding-bottom: 8px;
}
#memberCalendar #calendarCol2, #memberCalendar #calendarCol1 {
	padding: 0px 5px 0px 5px;
	font-size: 10px;
}
#memberCalendar #calendarCol2 table {
	width: 231px;
}
#memberCalendar .calendarTitle {
	color: #00467f;
	font-weight: bold;
	font-size: 15px;	
}
#memberCalendar .calendarDayHeader {
	font-weight: bold;
}
#memberCalendar td.calendarDay {
	background: #056191;
	border: 1px solid #FFFFFF;
	font-weight: bold;
}
#memberCalendar td.calendarDay a {
	color: #FFFFFF;
	text-decoration: none;
}
#memberCalendar td.calendarTodayDay {
	background: #00467f;
	border: 2px solid #9ebcb3;
}
#memberCalendar .labelEvent {
	font-size: 12px;
	font-weight: bold;
}
.classNumber {
	position: absolute;
	left: 35px;
	top: 8px;
	color: #FFFFFF;
	font-size: 28px;
}
.classNumber table, .classNumber div {
	display: inline;
}