/* CSS Reset (http://meyerweb.com/eric/tools/css/reset/) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
	padding-left: 1.25em;
}
ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Typography */

body {
	font-size: 0.75em;
	line-height: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
  color: #6b2213;
}

h1, h2 {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: normal;
  color: #738c64;
}

h1 {
	font-size: 2em;
	line-height: 0.75em;
	padding-bottom: 0.35em;
	margin-bottom: 0.4em;
  border-bottom: 1px solid;
  text-shadow: #98b883 1px 1px 1px;
}
h2 {
	font-size: 1.6666666666666667em;
	line-height: 0.9em;
	margin-bottom: 0.9em;
}
.index h2 {
  margin-bottom: 0;
}

h3 {
	font-size: 1.3333333333333333em;
	line-height: 1.125em;
	font-weight: normal;
}
h4 {
	font-size: 1.1666666666666667em;
	line-height: 1.2857142857142858em;
	margin-bottom: 1.2857142857142858em;
}
p, ul, blockquote, pre, td, th {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
label {
  font-size: 1em;
  line-height: 1em;
  margin-bottom: 1em;
}
p.small, p.date {
	font-size: 0.8333333333333334em;
	line-height: 1.8em;
	margin-bottom: 1.8em;
}
.date {
  font-style: italic;
}
table {
	border-collapse: collapse;
	margin-bottom: 1.5em;
}

/***********************/
/* Custom stuff         /
/***********************/

body {
  background: #3c5e8e url(../images/doug_fir.jpg) repeat;
}

#wrapper { width: 960px; margin: 0 auto; border: 2px solid #738c64; background-color: #fff; }

#branding { padding: 20px 20px 40px; }
  #branding #logo { float: left; }
  #branding #banner { float: right; display: inline; border: 1px solid #3c5e8e; }

#primary_content, #secondary_content { margin: 20px; }
#primary_content { width: 640px; float: right; display: inline; }
#secondary_content { width: 240px; float: left; display: inline; }

#footer { clear: both; text-align: center; color: #bfd4b0; padding-bottom: 1.5em; }
  #footer a,
  #footer a:link,
  #footer a:visited { color: #bfd4b0; }
  #footer a:hover,
  #footer a:active { color: #3c5e8e; }
  #footer p { margin-bottom: 0;}

#communication p { font-size: 1.1666666666666667em; line-height: 1.2857142857142858em; margin-bottom: 1.2857142857142858em; padding: 0.75em; color: #fff; }
#communication .notice { background-color: #317511; }
#communication .warning { background-color: #3c5e8e; }
#communication .error { background-color: #8d393d; }
#communication a,
#communication a:link,
#communication a:visited { color: #bfcddf; }
#communication a:hover { color: #c6dcb7; }

.wmd-preview { border: 1px solid #bfd4b0; margin: 0 0.75em 0.75em; padding: 1em; }
h3.preview { margin-top: 1.125em; }

a, a:link { color: #3c5e8e; text-decoration: none; border-bottom: 1px solid; }
a:visited { color: #738c64; }
a:hover { color: #317511; }
#branding a { border-bottom: none; }

tr.even, thead tr { background-color: #f0f0f0; }
tr.subhead { background-color: #ddd; }
td, th { padding: 0.2em 0.5em; }
thead th.header { background-position: right center; background-repeat: no-repeat; background-image: url(../images/table_sortable.gif); padding-right: 24px; }
thead th.headerSortUp,
thead th.headerSortDown,
tbody tr:hover { background-color: #d2e6ff; }
thead th.headerSortUp { background-image: url(../images/table_ascending.gif); }
thead th.headerSortDown { background-image: url(../images/table_descending.gif); }

.navigation { padding-top: 1em; margin-bottom: 2em; }
#navigation, #navigation li ul { border: 1px solid #3c5e8e; background-color: #bfcddf; }
#member_navigation, #member_navigation li ul { border: 1px solid #728c63; background-color: #c6dcb7; }

  .navigation ul { margin: 0 20px 2em; padding: 0; list-style-type: none; }
  .navigation li ul { display: none; position: absolute; left: 75%; top: -2em; width: 200px; z-index: 50; padding: 20px; }
  .navigation li:hover ul { display: block; }
  
  .navigation li { position: relative; }
  .navigation li li { margin-bottom: 0.7em; }
  
  .navigation li ul ul { display: block; position: static; width: auto; padding: 0; margin-bottom: 0; list-style-type: disc; }
  #navigation li ul ul { border: none; }

  .navigation { font-family: Georgia, 'Times New Roman', serif; color: #6b2213; font-weight: bold; }
  
  .navigation h3 { padding-right: 24px; background: url(../images/nav_arrow.png) right top no-repeat; padding-bottom: 0.7em; }
  .navigation h3.no_submenu { background-image: none; }
  #member_navigation h3 { background-image: none; text-align: center; }
  #member_navigation.logged_in h3 { background-image: url(../images/nav_arrow_member.png); text-align: left; }
  
  .navigation a { border-bottom: none; }
  
  #navigation h3 { color: #3c5e8e; }
  #member_navigation a, #member_navigation h3 { color: #728c63; }
  
  .navigation ul a.current,
  .navigation ul a:link.current { color: #6b2213; }
  
  #navigation a:visited { color: #3c5e8e; }
  #navigation a:hover { color: #728c63; }

  #navigation ul a:visited.current { color: #6b2213; }
  
  #member_navigation a:hover { color: #3c5e8e; }
  
  #member_navigation label,
  .sessions #primary_content label { float: left; clear: left; margin-left: 1em; text-align: right;
    width: 7em; line-height: 1.5em; margin-bottom: 1.5em; display: inline; }
  
  #member_navigation input,
  .sessions #primary_content input { float: left; margin-left: 0.5em; }
  
  #member_navigation .submit,
  .sessions #primary_content .submit { display: block; float: none; clear: left; margin: 0 0 1.5em 9em; }
    
  #member_navigation p { margin-left: 2em; }

.member_search ul { float: left; display: inline; list-style-type: none; width: 10em; }
  
  .member_search p,
  .member_search input { clear: left; }
  
  .uniForm .member_search p.formHint { margin-left: 2%; }
  
/* Application errors */

#errorExplanation { border: 1px solid #8d393d; color: #8d393d; margin-bottom: 1.5em; }
  #errorExplanation h2 { padding: 0.25em 1em; background-color: #8d393d; color: #fff; font-family: Helvetica, Arial, sans-serif; }
  #errorExplanation p,
  #errorExplanation ul { margin-left: 1em; margin-right: 1em; }

/* Index page */
.front_index h1 { display: none; }

.front_index #branding { padding-right: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 30px; background: url(../images/banner_index.jpg) right bottom no-repeat; width: 940px; height: 150px; }
  
.front_index #branding img { border: none; margin-top: 20px; }
.front_index #primary_content { width: 680px; margin-left: 0;}
  .front_index #primary_content div { margin-left: 40px; width: 200px; float: left; display: inline; }
  .front_index #primary_content #feature_image { width: 440px; }
  .front_index #primary_content img { border: 1px solid #3c5e8e; margin-bottom: 1.5em; float: left; }
  .front_index #primary_content #featured_content { margin-left: 0; }
    .front_index #teaser img { margin-left: 0; border: none; }
    .front_index #teaser a.teaser { border-bottom: none; }
  .front_index #primary_content #communication { margin-left: 0; width: 100%; float: none; }
  .front_index .navigation { margin-left: 0; width: 200px; clear: left; }
  .front_index .navigation ul ul { padding-left: 20px; }
  .front_index h2 { border-bottom: 1px solid; padding-bottom: 0.2em; margin-bottom: 0.7em; font-weight: normal; text-shadow: #ddd 1px 1px 1px; }
    .front_index h2 a { border-bottom: none; color: #738c64; }
    .front_index h2 a:hover { color: #317511;}
  .front_index #events h3, .front_index #teaser h3, .front_index #news h3, .front_index #featured_content h3,
  .front_index #primary_content h4 { font-size: 1.25em; line-height: 1.2em; margin-bottom: 0; font-weight: normal; color: #3c5e8e; }
  .front_index #primary_content h3 a { border-bottom: none; color: #3c5e8e; font-weight: bold; }
  .front_index #primary_content ul { list-style-type: none; padding-left: 0; }
  .front_index #events,
  .front_index #news,
  .front_index #teaser { margin-left: 40px; width: 200px; float: left; display: inline; }
  .front_index #primary_content #teaser { clear: left; margin-left: 0; }
.front_index #secondary_content { width: 198px; }
  

/* Miscellaneous */
code { font-family: Courier, 'Andale Mono', monospace; font-size: 1em; font-style: normal; }

blockquote { margin-left: 2em; margin-right: 2em; border-left: 2px solid #3c5e8e; padding-left: 1em; padding-right: 1em; }

.center { text-align: center; }

/* Markdown */
#markdown { position: relative; }
  #markdown ul { position: absolute; display: none; background: #fff; z-index: 80;
    border: 1px solid; float: left; list-style-type: none; }
    #markdown:hover ul { display: block; }
    #markdown li { float: left; margin: 2em; }
  #markdown h4 { margin-bottom: 0; }
  
/* Pagination links */
.pagination { margin-bottom: 1.5em; }
.pagination span, .pagination a { padding: 0.5em; border: 1px solid; }
.pagination span.current, .pagination span.disabled { border: none; }

/* Newsletters */

.newsletters dt { background-color: #bfcddf; color: #fff; border: 1px solid #3c5e8e; padding: 1.125em;
  font-size: 1.3333333333333333em; line-height: 1.125em; font-weight: normal; }
  .newsletters dt a { color: #3c5e8e;}
  .newsletters dt.current { background-color: #c6dcb7; border-color: #728c63; }
  .newsletters dt.current a { color: #728c63; }

.newsletters dd { border: 1px solid #3c5e8e; border-top: none; padding: 1.5em; margin-bottom: 1.5em; }
  .newsletters dd img { float: right; padding: 5px; margin-left: 1.5em; border: 1px solid #3c5e8e; }
  .newsletters dd.current { border-color: #728c63; }
  .newsletters dd.current img { border-color: #728c63; }

/* Shop */
ul.products { list-style-type: none; padding-left: 0; }
ul.products li { border-top: 1px solid #bfcddf; padding-top: 1.5em; margin-bottom: 1.5em; }
ul.products li.first { border-top: none; }
ul.products li p, ul.products li ul, ul.products li ol { margin-left: 1.5em; margin-right: 1.5em; }
ul.products .purchase { font-size: 1.1666666666666667em; line-height: 1.2857142857142858em; margin-bottom: 1.2857142857142858em; float: left; }
ul.products .purchase, ul.products h3, .shop #primary_content h2 { font-weight: bold; }
.shop h2 { clear: left; }
table.cart { margin-top: 1.5em; }
tr.total { background-color: #f0f0f0;}
tr.total .price { background-color: #c6dcb7;}
.products .school { display: none; float: left; }

/* Parent Resource Center */

.parent_resources.index #resource_container { width: 100%; float: left; }
  .parent_resources.index #resource_container h2 { border-bottom: 1px solid; padding-bottom: 0.2em; margin-bottom: 0.7em; font-weight: normal; text-shadow: #ddd 1px 1px 1px; }
    .parent_resources.index #resource_container h2 a { border-bottom: none; color: #738c64; }
    .parent_resources.index #resource_container h2 a:hover { color: #317511;}
  .parent_resources.index #resource_container div.category { margin-left: 20px; width: 200px; float: left; display: inline; }
    .parent_resources.index #resource_container div.category.first { margin-left: 0; clear: left; padding-left: 0; width: 200px; border-left: none; }
  .parent_resources.index #resource_container ul { padding-left: 0; list-style-type: none; margin-top: 1.5em; }
/*  .parent_resources.index #resource_container li { margin-bottom: 3em; }*/
  .parent_resources.index #resource_container li p { margin-left: 1em; }

.parent_resource { float: left; clear: left; width: 100%; margin-bottom: 3em; }
  .parent_resource p { margin-left: 1em; }
  .parent_resource p + p.tags { margin-top: -1.8em; }
  .parent_resource img { float: right; padding: 5px; margin-left: 1.5em; border: 1px solid #3c5e8e; max-width: 400px; max-height: 250px; }

.parent_resources form div.categories p { margin-left: 22%; margin-bottom: 0; position: relative; top: -1.5em; }
.parent_resources form div.categories p input { float: none; margin-left: 0; }
.parent_resources form div.categories p label { float: none; margin-bottom: 0; }