/* ------------------------------------------------------ */

/* ------------------- Page Layout ---------------------- */

/* ------------------------------------------------------ */

body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	margin-top: 5px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}
a:link {
	color: #382D24;
	text-decoration: underline;
}
a:visited {
	color: #382D24;
}
a:hover {
	color: #58A618;
}
a:active {
	color: #382D24;
}

.page-work-area-txt a:hover{color: #58A618!important;}

#hidden
{
	display: none;
}

.page-layout {
	width: 960px;
	margin: 0 auto;
	z-index: 2;
	border-color: #58A618;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}
/*.page-header {
	width: auto;
	height: 147px;
	height: 147px!important;
	background-image: url(page-header.jpg);
	background-repeat: no-repeat;
	background-position: 0 25px;
}*/
.top-menu {
	position: inherit;
	margin-top: 12px!important;
	margin-top: 12px;
	float: right;
	padding-left: 0px;
	padding-right: 0px;
}
.top-menu ul {
	float: right;
	padding: 0px;
	margin: 0px;
}
.top-menu li {
	list-style-type: none;
	display: inline;
}
.top-menu a:link, .top-menu a:visited {text-decoration:none!important; color:#FFFFFF;}
.top-menu a:hover, .top-menu a:active {text-decoration:none!important; color:#E4FF77!important;}

.top-menu-shortcuts {
	display:block;
	width: 960px;
	background: url(top-nav-bg.gif) no-repeat;
	height:25px;
}
.top-menu-shortcuts ul {
	float:right;
	padding: 0;
	margin: 0 5px 0 0;
}
.top-menu-shortcuts li {
	list-style-type: none;
	float: left;
}
.top-menu-shortcuts a {
	display:block;
	text-decoration:none !important;
	font-size:9px;
}

.top-menu-home, .top-menu-about, .top-menu-contact, .top-menu-calendar, .top-menu-library, .top-menu-research, .top-menu-newsletter
{border-right: dotted 1px #897f76; margin:3px!important; height: 20px;}
.top-menu-search{margin:2px 0 0 0;}

/* ------- Start of Top Menu Item - Logo Button ------- */

.top-menu-logo
{
	width: 91px;
	height: 25px;
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: top;
	background-image: url(tm-logo.jpg);
	text-indent:-9999px;
}
.top-menu-logo:hover
{
	width: 91px;
	height: 25px;
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: top;
	background-image: url(tm-logo_f2.jpg);
	text-indent:-9999px;
}
.top-menu-logo a{display:block; width: 50px; height: 25px; background:none!important;}
/* -------End of Top Menu Item - Logo Button ------- */

/* ------- Start of Top Menu Item - Home Button ------- */

.top-menu-shortcuts ul li a {color:#FFFFFF !important; margin: 0 5px 0 0; padding:3px 5px; -moz-border-radius: 3px; -webkit-border-radius:3px;}
.top-menu-shortcuts ul li a:hover, .top-menu-shortcuts ul li a:active{background:#605248; color:#FFFFFF!important;}

/* ------- Start of Top Menu Item - Spacer  ------- */

.top-menu-spacer p
{
	display: none;
	height: 0px;
}

.top-menu-spacer, .top-menu-spacer a 
{
	background-position: 0px 0px;
	width: 210px;
	height: 25px;
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: top;
	background-image: url(tm-spacer.jpg);
}

/* -------End of Top Menu Item - Spacer  ------- */


.h-menu {
	float: right;
	width: 763px;
}
.h-menus ul {
	padding: 0px;
	margin: 0px;
}
.h-menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}
.h-menu a {
	display:block;
	text-decoration:none !important;
	font-size:1px;
	overflow: hidden;
}
.h-menu a p {
}

/* ------- Start of H Menu Item - SFR Button ------- */

.h-menu-sfr p
{
	display: none;
	height: 0px;
}

.h-menu-sfr, .h-menu-sfr a:link, .h-menu-sfr a:visited, .h-menu-sfr a:active 
{
	background-position: 0px 0px;
	width: 91px;
	height: 25px;
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: top;
	background-image: url(tm-logo.jpg);
}
.h-menu-sfr a:hover
{
	background-image: url(tm-logo_f2.jpg);
}

/* -------End of H Menu Item - SFR Button ------- */


.page-work-area-shell {
	width: auto;
	color: #000000;
	margin-top: 0px!important;
	margin-top: 0px;
}
.page-breadcrumbs {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 220px;
	padding-left: 5px;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 3px;
	vertical-align: middle;
	color: #382D24!important;
	text-decoration: none;
	font-size: 10px;
	height: 20px;
}

.page-breadcrumbs-hidden
{
	display: none;
}

.page-breadcrumbs a:link, .page-breadcrumbs a:active, .page-breadcrumbs a:visited {
	color: #382D24!important;
	text-decoration: none;
	border-style: none;
}
.page-breadcrumbs a:hover {
	color: #58A618!important;
	text-decoration: underline;
}

.h-nav{height: 25px; background:url(h-nav-bg.gif) no-repeat;}
.h-nav ul{display:inline; margin:0; padding:0;}
.h-nav ul li{display:block; float:left; padding:5px 40px 0 40px; list-style:none;}
.h-nav ul li a{font-size:12px; font-weight:bold; text-decoration:none;}
.h-nav ul li a:link, .h-nav ul li a:visited{color:#ffffff;}
.h-nav ul li a:hover, .h-nav ul li a:active{color:#e1f2d3!important;}

.page-menu-work-area-spacer
{
	margin-top: 0px;
	background-repeat: repeat-y;
	background-position: right;
}
.page-work-area {
	width: 545px!important;
	width: 545px;
	margin-left: 0px!important;
	margin-left: 0px;
	margin-top: 0px!important;
	margin-top: 0px;
	text-align: left;
	padding-top: 0px!important;
	padding-top: 0px;
	position: relative;
	vertical-align: top;
	color: #000000;
	min-height: 500px;
}
.page-work-area-txt {
	color: #000000;
	text-align: left;
	vertical-align: top;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
	line-height: 1.2;
	margin-left: 220px;
}

.page-work-area-txthidden {
	color: #000000;
	text-align: left;
	vertical-align: top;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 0px;
	padding-bottom: 5px;
	line-height: 2;
	background-color: #FFFFFF;
}
.page-work-area-txt p {
	padding: 0px;
	color: #000000;
	visibility: visible;
}
.page-work-area-txt a:link {
	color: #382D24;
	text-decoration: underline;
}
.page-work-area-home-02 li {
	margin-bottom: 10px;
}

.page-work-area-header
{
	color: #58A618;
	font-size: 20px;
	margin-top: 0px!important;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 18px;
	font-weight: bold;
	margin-left: 214px;
	padding-left: 20px;
}

.area-nav-header 
{
	background-image: url(vm-header-cap.gif);
	height: 30px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 5px 3px 0px 5px;
	font-size: 12px;
}


.area-nav-footer 
{
	background-image: url(vm-footer-cap.gif);
	height: 10px;
	background-repeat: no-repeat;
}

.area-nav
{
	padding: 0px;
	margin: 0px;
	width:212px!important;
	width:212px;
	list-style: none;
	list-style-image: url(spacer.gif);
	list-style-position: inside;
	list-style-type: none;
	font-size: 11px;
	display: block;
	background-image: url(vm-background.gif);
	background-repeat: repeat-y;
}


/* -------  


.area-nav ul
{
	margin: 0px 10px 0px 10px;
	padding: 0;
}



.area-nav li 
{
	padding: 0px;
	height: auto;
	list-style-type: none;
	display: block;
	padding-left: 0px;
	color: #FFFFFF;	
	padding: 3px 0px 3px 0px;
}

.area-nav li  li
{
	padding-left: 0px;
	margin-left: 0px;
	
}


.area-nav li a, .area-nav li a:visited 
{
	display: block;
	color: #FFFFFF;
	text-decoration:none;
}
 
.area-nav li a span 
{
	display: none; 
	margin: 0px; 
	padding: 0px;
}

.area-nav li a:hover 
{
	color: #999999!important;
}

.area-nav li a:hover span 
{
	display: inline;
	color: #FFFFFF;
}

.area-nav li a.current, .area-nav li a.current:visited, .area-nav li a.current:hover 
{
	color: #fff;
}

.area-nav li a.current span, .area-nav li a.current:visited span, .area-nav li a.current:hover span 
{
	display: none;
}

 ------- */

.page-menu-area
{
	width: 214px!important;
	width: 214px;
	margin-top: 0px;
	position: relative;
	float: left;
	margin-left: 0px!important;
	margin-right: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-left: 2px;
	font-size: 12px;
}

.page-extra-area
{
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 15px;
	width: auto;
	padding-right: 0px;
	padding-bottom: 10px;
	border-color: #006699;
	border-style: solid;
	border-width: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 11px;
}

.area-sub-nav-txt-header 
{
	background-image: url(sm-txt-header.jpg);
	height: 25px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	margin-bottom: 5px;
	padding: 4px 2px 0px 5px;
}

.area-sub-nav-header 
{
	background-image: url(sm-header.jpg);
	height: 4px;
	background-repeat: no-repeat;
	
}


.area-sub-nav-footer 
{
	background-image: url(sm-bottom.jpg);
	height: 10px;
	background-repeat: no-repeat;
}
.area-sub-nav
{
	padding: 0px;
	margin: 0px;
	width:212px!important;
	width:212px;
	list-style: none;
	list-style-image: url(spacer.gif);
	list-style-position: inside;
	list-style-type: none;
	font-size: 11px;
	display: block;
	background-image: url(sm-background.jpg);
	background-repeat: repeat-y;
}

.area-sub-nav ul
{
	margin: 0px 10px 0px 10px;
	padding: 0;
}



.area-sub-nav li 
{
	padding: 0px;
	height: auto;
	list-style-type: none;
	display: block;
	padding-left: 0px;
	color: #333333;
	padding: 3px 0px 3px 0px;
	background-image: url(sm-dots.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.area-sub-nav li  li
{
	padding-left: 10px;
	
}


.area-sub-nav li a, .area-sub-nav li a:visited 
{
	color: #333333;
	text-decoration:none;
}

.area-sub-nav li a:hover 
{
	color: #999999!important;
}










.page-footer {
	padding: 13px 0 0 0;
	clear: left;
	position: inherit;
	text-align: center;
	padding-bottom: 10px;
	color: #FFFFFF;
	background-image: url(footer.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-size: 9px;
}

.page-footer a:link, .page-footer a:active , .page-footer a:visited 
{
	color: #FFFFFF!important;
}

.page-footer a:hover 
{
	color: #58a618!important;

}
/* --------------- Breadcrumb Styles -------------------- */

#p7TMnav div{
font-weight:bold;
}

/* ------------------------------------------------------ */


.kwhref, .kwref a:link, .kwref a:visited, .kwref a:active {
	color: #382D24!important;
	text-decoration: none;
}
.kwtitle {
	color: #006600!important;
	text-decoration: none;
}
.kwspan {
	color: #FFFFFF!important;
	text-decoration: none;
	width: 20px;
	background-image: url(crumb-spacer.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	margin: 0 5px 0 5px;
}
.table-news-layout {
	margin-bottom: 5px;
	margin-left: 20px;
	width: 720px;
}
#form input, #form select{
	font-size: 10px;
	font-weight: bold;	
}
.border {
	border: 1px solid #343434;
}
.padding {
	padding:15px;
}
#googleSearchString{height:18px; padding:0 3px; margin-left:10px; font-size:10px;}
#googleSearchButton{height:18px; margin:0; padding:0 3px; color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px; background:#605248; border:none;  -moz-border-radius: 3px; -webkit-border-radius:3px; cursor:pointer;}
#googleSearchButton:hover{height:18px; margin:0; padding:0 3px; color: #605248; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px; background:#FFFFFF; border:none;  -moz-border-radius: 3px; -webkit-border-radius:3px; cursor:pointer;}
.print_logo{display:none;}

/* ------------------------------------------------------ */

/* ---------------------- Cycler ------------------------ */

/* ------------------------------------------------------ */

#cycler h2{
	display: none;}
#cycler{
	background:url(how_do_i.gif) no-repeat;
	width: 240px;
	height: 160px;
	padding: 40px 5px 0 5px;
	margin: 0 0 0 8px;
}
#cyclerMore a{display:block; text-indent:-9999px; height:15px; width:50px; float:right;}

#ans-cont{
	height:140px;
	overflow:hidden;
}

.ans-but{
	display: none; 
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 7px auto;
	width:210px;
	font-weight: bold;
	text-align: center;
}
#allAnswers .ans-but{
	display: block!important; 
	padding: 10px;
	width:auto!important;
	font-family: Arial, Helvetica, sans-serif;
	margin: 7px auto;
	font-weight: bold;
	text-align: left;
}
.ans-but p{padding:0; margin:0;}
.ans-but p a{text-decoration: none;}

/* ------------------------------------------------------ */

/* ---------------------- FB FEED ----------------------- */

/* ------------------------------------------------------ */

.facebookfeed{ border: solid 1px #999999; background: #EDEFF4; width: 300px; padding: 5px 10px;}

.facebookfeed h3{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000066; margin: 3px 0;}

.facebookfeed ul{margin: 0; padding: 0;}

.facebookfeed li{list-style: none outside none; border-bottom: solid 1px #3B5998; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 5px;}

.facebookfeed li a{font-weight: bold; font-size: 11px;}

.fb-date{font-size: 10px; color: #666666; font-family: Arial, Helvetica, sans-serif; margin-top: 1px;}


/* ----- New Layout on /test/index.htm --------- */
.home .page-work-area-txt{margin-left: 0!important; padding: 0!important;}
#tab-layout{width: 950px; margin: 0 auto 10px auto; height: auto; clear: both;}
#tabs{margin: 0 auto; width: 950px; padding: 0; height: 24px;}
#tabs a:link, #tabs a:visited{text-decoration: none; font-family: sans-serif; color: #ffffff; font-size: 16px; font-weight: bold; width: 238px; height: 22px; display: block; float: left; padding: 2px 0 0 0; text-align: center; margin-left: 3px;}
#tabs a:hover{color: #f6f6f7!important;}
#tabs a:first-child{margin-left: 0; margin-right: 1px;}

.tab{
	position: relative; 
	height: auto; 
	float: left; 
	width: 880px; 
	color: #f6f6f7; 
	text-align: center; 
	padding: 20px 35px 0 35px; 
	overflow: visible;}
.tab p{padding: 10px; color: #f6f6f7; font-family: Arial, sans-serif; font-size: 14px;}
#members, #members-tab{z-index: 4; background: #5d9732 url(/gfx/test/extra-bg.png) left bottom repeat-x;}
#members{height: 1112px;}
#programs, #programs-tab{z-index: 3; background: #a02013 url(/gfx/test/extra-bg.png) left bottom repeat-x;}
#welcome, #welcome-tab{z-index: 2; background: #0f75bc url(/gfx/test/extra-bg.png) left bottom repeat-x;}
#specials, #specials-tab{z-index: 1; background: #f7941e url(/gfx/test/extra-bg.png) left bottom repeat-x;}

#members-tab{width: 232px!important; background: url(/gfx/test/members.png) 0 0 no-repeat;}
#programs-tab{background: url(/gfx/test/programs.png) 0 -24px no-repeat;}
#welcome-tab{background: url(/gfx/test/welcome.png) 0 -24px no-repeat;}
#specials-tab{width: 232px!important; background: url(/gfx/test/news.png) 0 -24px no-repeat;}

#tabs a{outline: none!important;}
/* -- Programs tab -- */
#programs h2{color: #ffffff; margin: 0;}
.half-col p{padding: 0; margin: 0 0 10px 0;}
/* -- Welcome Tab -- */
.welcome-message{background: #d4dced; width: 535px; margin: 20px auto; text-align: left; padding: 30px; box-shadow: 5px 5px 10px #000000; -moz-box-shadow: 5px 5px 10px #000000; -webkit-box-shadow: 5px 5px 10px #000000;}
.welcome-message h2{color: #5d9732; font-size: 24px; margin: 0; line-height: 12px; font-weight: normal; font-family: "Myriad Pro", Arial, sans-serif;}
.welcome-message p{color: #000000; font-size: 14px; padding: 10px 20px 0 0; font-family: Arial, sans-serif;}
.more-core{float: right; clear: both; cursor: pointer;}
.welcome-message .profile{width: 171px; margin: 10px 45px; float: left; text-align: left;}
.welcome-message .profile p{font-size: 12px; padding: 0; margin: 2px 0; font-family: Arial, sans-serif;}
/* -- Updates Tab -- */
#flash{position:relative; margin: 0 auto; text-align: center; display: none; width: 700px; padding: 20px; background: #ffffff;}
#specials .event{border: solid 1px #ffffff; border-left: none; border-right: none; padding: 0; text-align: left; margin: 5px auto; width: 740px; height: 197px;font-size: 10px;}
#specials .event-info{}
#specials .event img{float: left; margin: 0; margin-right: 20px; }
#specials h2{color: #ffffff; text-align: left; width: 740px; margin: 25px auto 10px; font-size: 24px; font-family: "Myriad Pro", Arial, sans-serif;}
#specials .event h3{color: #ffffff; margin: 3px 0; padding: 0; font-size: 16px; font-family: Arial, sans-serif;}
#specials .event h4{color: #ffffff; margin: 2px 0; padding: 0; font-size: 12px; font-family: Arial, sans-serif; font-weight: normal;}
#specials .event ul{padding-left: 303px; margin: 5px 0 0 0;}
#specials .event ul li ul{padding-left: 20px; list-style: none; margin: 0;}
#specials .event ul li{color: #ffffff; font-family: Arial, sans-serif;}
#specials .event a:link, #specials .event a:visited{text-decoration: none; color: #000000!important; font-family: Arial, sans-serif;}
#specials .event a:hover{color: #ffffff;}
#specials p{color: #ffffff; font-family: Arial, sans-serif; margin: 5px 0; font-size: 12px; padding: 0!important;}


/* -- Add to User.css -- */