/* 960 grid system container background
----------------------------------------------- */

/* West Hills Downtown Colors
dark red 400000
bright red B90000
off white EEEEEE
dark gray 191919
*/
.container_12 { background-color: transparent; /*
  url("../img/gridlines_12_col.gif") center top repeat-y
*/
  ; }

div.spacer { height: 1em; }
body { background:#efefef; border-top: 5px solid #efefef; font-family:"ff-dax-web-pro-1","ff-dax-web-pro-2",Verdana, Arial, Helvetica, sans-serif; color: #222; font-size: 15px; padding: 0 0 40px; }  
a { color: #000; font-weight:normal; text-decoration: none; }
/* a:hover { background-color: #ddd; color:#7FB535; } */
/*a:hover { background-color: #ddd; color:#3F750F; border-bottom-width: 1px;}*/
a:link, a:visited {color: #222; border-bottom: 1px solid #555;}
html body a:hover {color: #000; background-color: #F4F2E4;
  border-bottom: 1px solid #9A8E51;}
p { line-height: 22px; margin:0px 0px 9px 0px; }
blockquote { font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",Verdana, sans-serif; font-size:14px; padding-left:32px; }
blockquote cite { font-size:10px; }
ul, ol { padding-top:0; }
/*h1, h2, h3, h4, h5, h6 { line-height:1.2em; margin-bottom:.3em; font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2",Verdana, Arial, Helvetica, sans-serif;}*/
h1, h2, h3, h4, h5, h6 { line-height:1.2em; margin-bottom:.3em; font-family: "ff-dax-compact-web-pro-1","ff-dax-compact-web-pro-2",Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size:32px; font-weight:bold; line-height:36px;}
h1 a { font-weight:normal; }
h2 { margin-top:0em;}
h5 { font-size:1em;}
h6 { font-size:1em; text-transform:uppercase;}

img.fl { float:left; padding: 0px; margin:5px 10px 2px 0px; display:inline; outline: 1px solid #6d6d6d;}
/*
img.fr { display: inline; margin: 12px 0 12px 12px; padding-top:0px;  }
.fr { float:right;}
*/
* { border:0 none; margin:0; outline-color:-moz-use-text-color;outline-style:none; outline-width:medium; padding:0; }
img.fr{ display:inline; margin:0px 0 2px 10px; max-width:620px; padding:0px; outline: 1px solid #6d6d6d;}
.fr { float:right;} 

.social_buttons {text-align:center}
.social_buttons img {margin:10px; text-align:center}
.social_buttons a {text-decoration: none; border-bottom: none; background-color:transparent;}
.social_buttons a:hover {text-decoration: none; border-bottom: none; background-color:transparent;}
.pullquote_lt { display: block; float: left;	padding: 0px 10px 10px 0; margin: 0 10px 10px;
	width: 170px;
	font-size: 1.5em;
	font-style: italic;
	line-height: 1.4em;
	text-align: right;
	color: #777;
	border-right: 1px solid #ccc;
}

.pullquote_rt { display: block; float: right;	padding: 0px 0px 10px 10px; margin: 0 0px 10px 10px;
	width: 170px;
	font-size: 1.5em;
	font-style: italic;
	line-height: 1.4em;
	text-align: left;
	color: #777;
	border-left: 1px solid #ccc;
}


#branding { background:url(../img/banner_whdt_dark.gif); height: 136px; }
#branding h1 { font-weight:normal; font-size:68px; letter-spacing:-1px; text-align:left; background:#7FB535; text-transform:uppercase; font-variant:small-caps; padding:0px 0px 10px 10px; margin-bottom:0; }
#page-heading h2 { font-weight:normal; padding:.5em; margin:0 0 10px 0; border-bottom:1px solid #ccc; }
/*
#hm_main { min-height:365px; }
#hm_blog { min-height:165px; }
#hm_serm { min-height:158px; }
*/
#footer { background:#000; color: #eee; -moz-border-radius:5px; -moz-box-shadow: #444 3px 3px 5px; -webkit-border-radius:5px; -webkit-box-shadow: #444 3px 3px 5px;}
#footer div { background:#000; color: #eee;}
#footer a { color: #eee; font-weight:normal; text-decoration: none; }
#footer a:hover { color:#7FB535; }
#footer ul { list-style:none; font-size: 10pt; padding:10px 0px 0px 30px ;}
#footer ul li {list-style:none; font-size: 10pt; margin-left: 0px; padding:0px -10px 0px -20px;}

#top_nav {text-align:right;}
.box { background:#FDFDFD; margin-bottom:20px; border: #333 solid thin; padding:10px 10px 1px 10px; -moz-border-radius:5px; -moz-box-shadow: #444 3px 3px 5px; -webkit-border-radius:5px; -webkit-box-shadow: #444 3px 3px 5px; }
.box h2 { font-size:18px; font-weight:bold; color:#fff; text-align:center; background:#6d6d6d; font-family: "ff-nuvo-sc-web-pro-1","ff-nuvo-sc-web-pro-2",Verdana, Arial, Helvetica, sans-serif; margin:-10px -10px 0px -10px; padding:4px 12px 4px 12px;  }
.box h2 a,
.box h2 a.visible { color:#fff; background:#333 url("../img/switch_minus.gif") 96% 50% no-repeat; display:block; padding:6px 12px; margin:-6px -12px; border:none; }
.box h3 a { font-weight:bold; margin:0px 0px 40px 0px; font-size:18px;}
.box h2 a.hidden,
.box h2 a.hidden:hover { background-image: url("../img/switch_plus.gif"); }
.box h2 a:hover { background-color:#111; }
.block { padding : 12px 12px 20px 12px; }
.block h2 { font-size:21px; text-align:left; text-transform:none; padding: 10px 0px 0px 10px; background-color:transparent; color:inherit;}
.block h3 { font-size:18px;}
.posted {margin-top: 5px; font-size:10pt; text-align:left;}

#sidebar .box { background:#FDFDFD; margin-bottom:20px; border: #333 solid thin; padding:10px 10px 1px 10px; -moz-border-radius:5px; -moz-box-shadow: #444 3px 3px 5px; -webkit-border-radius:5px; -webkit-box-shadow: #444 3px 3px 5px;}
#sidebar .box h3 a { font-weight:bold;}
#sidebar .box h2 a.hidden,
#sidebar .box h2 a.hidden:hover { background-image: url("../img/switch_plus.gif"); }
#sidebar .box h2 a:hover { background-color:#111; }
#sidebar .box p { line-height: 12px; margin:0px 0px 9px 0px; }
#sidebar .block { padding : 0px; }
#sidebar .block h3 { font-size:18px;}
#sidebar ul, ol { font-size: 14px; margin:10px 0px 20px -10px; }

.datelist ul, li { font-size: 14px; line-spacing:0px; }
.datelist li {margin-top:0px;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:9px;margin-right:0px;border-right:1px solid #aaa;}

.truncate p {margin-bottom: 5px;}
.truncate a {color:#333;}
/*
.grid_4 .box h2 a { background-position: 97% 50%; }
.grid_5 .box h2 a { background-position: 98% 50%; }
.grid_12 .box h2 a { background-position: 99% 50%; }
*/

.inline ul,li{list-style:in;}

div.menu { padding:0; }
div.menu h2 { margin:0; }
div.menu .block { padding-top:0; }



/* menus
----------------------------------------------- */
ul.menu { list-style:none; border-top:1px solid #bbb;}
ul.menu li { margin:0;}
ul.menu li a { display:block; padding:4px 10px; border-bottom:1px solid #ccc;}
ul.menu li a:hover { background:#eee; }
ul.menu li a:active { background:#ccc; }

/* submenus
----------------------------------------------- */
ul.menu ul { list-style:none; margin:0;}
ul.menu ul li a { padding-left:30px; }

/* section menus
----------------------------------------------- */
ul.section { border-top:0; margin-bottom:0;}
ul.section li { text-transform:uppercase;}
ul.section li a { background:#bbb;}
ul.section li a:hover { background:#aaa;}
ul.section li a:active { color:#fff; background:#666; }
ul.section li li a { background:#ddd; border-bottom:1px solid #eee;}
ul.section li li a:hover { background:#ccc; }
ul.section li li a:active { color:#000; background:#fff;}
ul.section ul li { text-transform:none; }
ul.section ul.current li a { background:#eee; border-bottom:1px solid #fff; }
ul.section ul.current li a:hover { background:#ddd; }
ul.section ul.current li a:active { background:#fff; }
ul.section li a.current { color:#fff; background:#666; }
ul.section li a.current:hover { background:#555; }
ul.section li a.current:active { background:#444; }
ul.section li a.active { background:#fff; cursor:default; }
ul.section li.current > a.active,
ul.section li.current > a.active:hover { color:#fff; background:#666; cursor:default; }