/*
---------------------------
VANP - styles
author: Dave Kobrenski/BBM Designs
http://www.bbmdesigns.com
version: 20 april 2010
---------------------------
*/

/* 
DK note: because we're allowing users to dynamically resize the font-size of certain elements, 
any elements that you do NOT want resized should have fonts set explicity in pixels.
all elements that you want resized should either be in ems or not specified
*/

html, body {
	font: 13px/1.5em "Lucida Grande", Lucida, "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	color: #333;
	background: #b2aa90 url(img/bck_repeater.gif) repeat-x center top;
	text-align: center;
	margin: 0;
	padding: 0;
	
}

/* Links -------------------------------- */

a {
	outline: none;
	font-weight: bold;
}

a:link {
	color: #1853A5;
	text-decoration: none;
}

a:visited {
	color: #1853A5;
	text-decoration: none;
}

a:hover {
	color: #7A8B3A;
	text-decoration: underline;
}

a:active {
	color: #1853A5;
}

a img {
	border: 1px solid #fff;
}

a:hover img {
	border: 1px solid #CA863D;
}

/* Structure ------------------------------------- */

#container {
	width: 840px;
	margin: 0 auto;
	background: transparent url(img/bck.gif) repeat-y center top;
	position: relative;
	z-index: 10;
}

#header {
	width: 840px;
	height: 181px;
	margin: 0 auto;
	padding: 0;
	background: transparent url(img/header.jpg) no-repeat center top;
	position: relative;
	z-index: 50;
}

#header h1, #header h2 {
	margin: 0;
	padding: 0;
}

#header h1 span, #header h2 span {
	display: none;
}

#main {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 100;
}

#extra {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	z-index: 300;
}

#extra p {
	width: 750px;
	margin: 3px auto;
	text-align: right;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}

#extra p a {
	font-weight: normal;
}

/* content --------------------------- */

#content {
	width: 552px;
	padding: 0;
	float: left;
}

#subnav {
	padding: 7px;
	border-left: 4px solid #fff;
	border-bottom: 4px solid #fff;
	background: #e3e3e3;
	position: relative;
}

#font_resize {
	position: absolute;
	top: 0px;
	right: 0;
	width: 95px;
	height: 15px;
	line-height: 13px;
	text-align: right;
	padding: 6px 8px;
	font-size: 11px;
	color: #A9A9A9;
	font-family: Arial, Helvetica, sans-serif;
}

#font_resize .mk_smaller {
	color: #5E5E5F;
	font-size: 12px;
	font-weight: bold;
}

#font_resize .mk_bigger {
	color: #5E5E5F;
	font-size: 16px;
	font-weight: bold;
}

#font_resize .mk_smaller:hover, #font_resize .mk_bigger:hover {
	background: #fff;
}

#subnav p {
	font-size: 13px;
	line-height: 19px;
}

#content #subnav label, #content #subnav select, #content #subnav input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#content #subnav label {
	display: inline;
}

#content #subnav h4 {
	margin: 0 0 8px 0;
	font-size: 17px;
}

#content #subnav select {
	width: 165px;
}

#content #subnav select.autowidth, #content #subnav select#condition {
	width: auto;
}

#content #subnav input {
	width: 120px;
}

#content #subnav input.zip {
	width: 60px;
}

#content #subnav input.submit {
	width: auto;
}

#user_content {
	padding: 15px;
	width: 522px
	height: 315px;
	overflow: auto;
	background: #fff;
	font-size: 1em;
}

/* nav --------------------------- */

#nav {
	width: 207px;
	padding: 0;
	float: left;
	display: inline;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li {
	padding: 0;
	float: left;
	width: 207px;
	position: relative;
}

#nav li .toggler, #nav li .togglerOpen {
	position: absolute;
	top: 0;
	left: 3px;
	height: 38px;
	width: 16px;
	background: url(img/triangle_gr.gif) no-repeat left center;
	z-index: 200;
	cursor: pointer;
	cursor: hand;
}

#nav li .toggler:hover, #nav li .togglerOpen:hover {
	background-position: right center;
}

#nav li .togglerOpen {
	background-image: url(img/triangle_dwn.gif);
}

#nav li a {
	font-size: 14px;
	display: block;
	padding: 11px 6px 11px 21px;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	line-height: 1.2em;
}

#nav ul li ul {
	margin: 0;
}

#nav ul li ul li {

}

#nav ul li ul li a:hover {
	text-decoration: underline;
}

#nav li.admin_nav {
	width: 189px;
	padding: 8px 6px 8px 12px;
	color: #fff;
}

#nav li.admin_nav form select {
	/* width: 142px; */
}

html>body #nav li a {
	height: auto;
}

#nav li:hover {
	background-color: #476C82;
}

#nav li a:hover {
	color: #fff;
	background-color: #476C82;
	text-decoration: none;
}

#nav li ul {
	border: none;
}

#nav li ul li {
	
}

#container #main #nav li ul li a {
	font-size: 13px;
	padding: 2px 6px 5px 32px;
}

body#login ul li#mem_login a, body#login ul li#mem_login a:hover,
body#admin ul li#member_home a, body#admin ul li#member_home a:hover {
	background: #81A2B3;
	text-decoration: none;
	color: #1A3441;
	font-weight: bold;
}

/* Header elements --------------------------- */

h3 {
	margin: 0 0 14px 0;
	color: #358048;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.5em;
}

h4 {
	color: #1853A5;
	font-size: 1.3em;
	margin: 14px 0;
	font-style: italic;
	font-weight: normal;
}

h5 {
	color: #722549;
	font-size: 1.1em;
	margin: 14px 0;
	font-style: italic;
	font-weight: normal;
}

h4.news_header {
	margin-bottom: 0;
}

/* footer --------------------------- */

#footer {
	width: 840px;
	height: 45px;
	padding-top: 28px;
	margin: 0 auto;	
	color: #454238;
	text-align: center;
	font: 11px/1.1em Verdana, Arial, Helvetica, Sans-serif;
	background: #b2aa90 url(img/footer.gif) no-repeat center top;
}

#footer a {
	font-weight: bold;
	color: #1F5068;
	text-decoration: underline;
}

#footer p {
	margin: 6px 0;
}

/* User Lists --------------------------- */

#user_content ul, ul.bullets {
	list-style: disc outside;
	margin-left: 24px;
	margin-top: 14px;
	margin-bottom: 14px;
}

#user_content ul li, ul.bullets li {
	list-style: disc outside;
	margin-bottom: 6px;
	line-height: 1.5em;
}

#user_content ul.nobull, #user_content ul.nobull li {
	list-style-type: none;
	margin-left: 14px;
}

#user_content ol {
	margin-left: 24px;
	margin-top: 14px;
	margin-bottom: 14px;
	list-style: decimal outside;
}

#user_content ol li {
	list-style: decimal outside;
	margin-bottom: 6px;
	line-height: 1.5em;
}

#user_content ul.horiz {
	width: 694px;
	padding: 4px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 6px auto;
	background-color: #E6E6E6;
	list-style-type: none;
}

#user_content ul.horiz:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #user_content ul.horiz {height: 1%;}
/* End hide from IE-mac */

#user_content ul.horiz li {
	float: left;
	margin: 0;
	margin-right: 15px;
	list-style-type: none;
}

#user_content ul.horiz li a {
	font-weight: normal;
}

/* PAGE SPECIFIC: ----------------------- */

#closeWindow {
	display: none;
}

body#noNav #nav, body#noNav #subnav form,
body#calendar #nav, body#calendar #subnav {
	display: none;
}

body#noNav #closeWindow{
	display: block;
	position: absolute;
	top: 8px;
	right: 26px;
}

body#noNav #closeWindow a {
	display: block;
	padding-left: 18px;
	line-height: 16px;
	font-size: 12px;
	font-weight: normal;
	color: #BC3512;
	background: url(img/no.png) no-repeat left center;
}

body#noNav #header,
body#calendar #header {
	background-image: url(img/header.jpg);
}

body#noNav #container,
body#calendar #container {
	background-image: url(img/bck_noNav.gif);
}

body#noNav #footer,
body#calendar #footer {
	background-image: url(img/footer_noNav.gif);
}

body#noNav #content,
body#calendar #content {
	width: auto;
	height: auto;
	float: none;
	display: block;
}

body#popup {
	background-image: none;
}

body#popup #container {
	width: auto;
	margin: 18px;
	padding: 18px;
	text-align: left;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
}

body#popup #container table {
	width: 100%;
	margin: 10px auto;
}

#contact textarea#message {
	width: 425px;
	height: 115px;
}

body#admin table ul, body#admin table li {
	list-style-type: none;
}

body#admin table td a img {
	border: none;
}

body#admin #container table tr.hilite td {
	background-color: #FEFFB9;
}

/* MISC --------------------------- */

#content ul.checkBoxList {
	list-style-type: none;
	margin: 4px 0;
	padding: 0;
	float: left;
}

#content ul.checkBoxList li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 3px 0;
	float: left;
	width: 200px;
}

#content ul.checkBoxList li input {
	float: left;
}

#content ul.checkBoxList li label {
	display: block;
	float: none;
	font-weight: normal;
	padding-left: 18px;
}

iframe {
	margin: 6px 0 12px 0;
}

.albumInfo {
	font: 14px/22px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	margin: 10px 0;
	padding:  10px;
	border: 1px solid #ccc;
	background-color: #fff;
}

#discTable .even td, #discTable .r0 td, #discTable .two td {
	background-color: #EAEFFA;
}

#discTable .odd td, #discTable .r1 td, #discTable .one td {
	background-color: #fff;
}

.downloadInstructions {
	padding: 0 5px;
	border:  1px solid #ccc;
	background: #eee;
	font: 11px/1.3em Verdana, Arial, sans-serif;
}

table td .albumInfo {
	padding: 0;
	border: none;
	background-color: transparent;
}

.albumInfo h3 {
	color: #722549;
	font-size: 18px;
}

#content .albumInfo h5 {
	margin-top: 0;
}

.calMonthHead {
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
}

/*  Member Display Stuff */

.adminOptionsList {
	border: 1px solid #ccc;
	padding: 16px;
	margin-bottom: 14px;
	background: #E4F0FF;
}

dl.adminOptionsList:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html dl.adminOptionsList {height: 1%;}
/* End hide from IE-mac */

dl.adminOptionsList dt {
	padding-left: 38px;
	height: 32px;
	font-size: 15px;
	background-position: left top;
	background-repeat: no-repeat;
}

dl.adminOptionsList dt a {
	font-weight: normal;
}

dl.adminOptionsList dd {
	padding-left: 38px;
	margin-top: -10px;
	font-size: 12px;
}

dl.adminOptionsList dd p {
	margin: 8px 0;
}

#calendar #cal_info_desc {
	font-weight: normal;
	text-align: left;
	background-position: 14px 16px;
	background-repeat: no-repeat;
	padding-left: 52px;
	font-family: "Lucida Grande", Lucida, "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
}

body#calendar #cal_info_desc h4 {
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 0;
}

#calendar #content #cal #cal_info_desc p {
	margin: 4px 0 12px 0;
	font-size: 12px;
	line-height: 1.7em;
}

.cancelMe {
	font-weight: normal;
	background: url(img/admin/goback.png) no-repeat left center;
	padding-left: 19px;
}

#content .emailMembers {
	font-weight: normal;
	/* background: url(img/admin/bullhorn.png) no-repeat left center; */
	background: url(img/admin/email16.png) no-repeat left center;
	padding-left: 19px;
}

#content .exportMembers {
	font-weight: normal;
	background: url(img/admin/address16.png) no-repeat left center;
	padding-left: 19px;
}

#content .printMembers, .printMembers {
	font-weight: normal;
	background: url(img/admin/print16.png) no-repeat left center;
	padding-left: 19px;
}

#content .add_member {
	background: url(img/admin/add_member.png) no-repeat left center;
	padding-left: 19px;
	margin-bottom: 0;
}

#content .add_page {
	background: url(img/admin/add_page.png) no-repeat left center;
	padding-left: 19px;
	margin-bottom: 0;
}

#content .edit_me {
	background: url(img/admin/edit16.png) no-repeat left center;
	padding-left: 19px;
	margin-bottom: 0;
}

#content .add_generic {
	background: url(img/admin/add_generic.png) no-repeat left center;
	padding-left: 19px;
	margin-bottom: 0;
}

.add_member a, .add_page a, .add_generic a, .edit_me a {
	font-weight: normal;
}

.helpfulInfo {
	color: #806A30;
	font-style: italic; 
}

dl.alphaList dt {
	margin-top: 8px;
	font-size: 1.1em;
}

dl.alphaList dd {
	margin-left: 12px;
}

dl.alphaList dd strong {
	color: #474E40;
}

dl.alphaList dd em {
	color: #596C68;
	font-size: .9em;
}

#content dl.miniDL {
	line-height: 18px;
}

#content dl.miniDL dt {
	padding: 0;
	margin: 0;
	font-size: 13px;
	height: auto;
	font-weight: bold;
}

#content dl.miniDL dd {
	padding: 0;
	margin: 0;
}

dl.members {
	clear: both;
	padding: 0px 10px 10px 10px;
	background: #E1EFFE;
	margin: 12px 0;
	border: 1px solid #CDD8E4;
}

dl.members dt {
	color: #722549;
	font-size: 1.1em;
	font-style: italic;
	margin: 12px 0;
}

dl.members dt a {
	font-style: normal;
}

dl.members dd {
	margin-left: 18px;
	margin-top: 12px;
}

body#links #user_content dl.members dt {
	margin-bottom: 0;
}

body#links #user_content dl.members dd, body#links #user_content dl.members dd p {
	margin-top: 0;
	font-size: 12px;
}