/*
Styles for gretchenpeterson.com, created May 2010; modified October 2010
*/



html,body{margin:0;padding:0}
body{font: 13px verdana,geneva,sans-serif;text-align:center;background:#4C818C;padding-top:20px;padding-bottom:50px;}
p{margin:0px 0px 0px 0px}
img {border:0px;}
h2{font-family: verdana, sans-serif;margin:0;padding-left:0px;}


div#copyright {width:1000px;margin:0 auto;background:#4C818C;border:0px}
div#copyright p{padding:0px 3px 0px 0px; text-align:right;color: #062931;font-size:10px;}

div#header {height:239px;margin:0;background-image: url("i/header.jpg");
background-repeat: repeat-x;border-bottom:2px solid #000000;
}
div#header h1{font-family: times, "times new roman", serif; font-size: 32px;margin:0; padding:45px 0px 0px 45px;color: #691E11;
}
div#header h2{font-family: times, "times new roman", serif; font-size: 20px;line-height:20px;margin:0px 200px 0px 0px; padding:10px 450px 0px 45px;color: #691E11;
}
div#header h3{font-family: times, "times new roman", serif; font-size: 15px;line-height:10px;margin:0px 0px 0px 150px; padding:10px 450px 0px 0px;color: #691E11;
}
div#page-foot{clear:left;width:100%}
div#page-foot{background: #29452D;border-top:2px solid black;padding-top:5px;height: 25px;}
div#page-foot p{margin:0;padding:0px 0px 5px 0px; text-align:center;color: #EBF5EC;font-size:10px;}



div#logos {float:left; background:#f0fce3; height:40px; width: 90px;margin-left:895px;margin-top:50px;text-align:center;}
div#logos img {border:0px; padding:7px 4px 0px 3px;}

a:link { color: #6a1f11; text-decoration: underline; font-weight:normal; }
a:visited { color: #6a1f11; text-decoration: underline; font-weight:normal; }
a:hover { color: #9E2E1A; text-decoration: underline; font-weight:normal; }
a:active { color: #6a1f11; text-decoration: underline; font-weight:normal; }

div#header h1 a:link {text-decoration: none;font-weight:bold;}
div#header h1 a:visited {text-decoration: none;font-weight:bold;}
div#header h1 a:hover {text-decoration: none; color: solid blue;font-weight:bold;}
div#header h1 a:active {text-decoration: none;font-weight:bold;}

div#main p.button a:link { color: #fff; text-decoration: underline; font-weight:normal; }
div#main p.button a:visited { color: #fff; text-decoration: underline; font-weight:normal; }
div#main p.button a:hover { color: #D33D22; text-decoration: underline; font-weight:normal; }
div#main p.button a:active { color: #fff; text-decoration: underline; font-weight:normal; }

div#r-box p.button a:link { color: #fff; text-decoration: underline; font-weight:normal; }
div#r-box p.button a:visited { color: #fff; text-decoration: underline; font-weight:normal; }
div#r-box p.button a:hover { color: #D33D22; text-decoration: underline; font-weight:normal; }
div#r-box p.button a:active { color: #fff; text-decoration: underline; font-weight:normal; }

div#bloggy a:link { color: #6a1f11; text-decoration: underline;font-weight:bold;}
div#bloggy a:visited { color: #6a1f11; text-decoration: underline;font-weight:bold;}
div#bloggy a:hover { color: #D33D22; text-decoration: underline;font-weight:bold;}
div#bloggy a:active { color: #6a1f11; text-decoration: underline;font-weight:bold;}

div#bloggy ol.commentlist li a:link {font-size:11px;color: #6a1f11; text-decoration: underline;font-weight:normal;}

div#nav {margin:0px;padding:0px;background: #fff;height:19px;width:1000px;} 
#nav ul { padding: 0px; margin: 0px; background:#fff; list-style:none; } 
#nav li { float: left; position: relative;
 /*The position has been set to relative because we want the position of the second-level, nested lists to be relative to the first-level list items*/
width: 115px; text-align: center; height: 10px; margin-top:0; padding-bottom: 9px; border-right: 2px solid #000000; background:#fff; }
    #nav li.first {
      display:inline;
      float: left;
      width: 98px;
      text-align: center;
      height: 10px;
      margin-top:0;
      padding-bottom: 9px;
      border-right: 2px solid #000000;
      background:#fff;
      }
    #nav li.last {
      display:inline;
      float: left;
      width: 114px;
      text-align: center;
      height: 10px;
      margin-top:0;
      padding-bottom: 9px;
      border-right: 2px solid #000000;
      background:#fff;
      }
    #nav li.square {
      display:inline;
      float: left;
      width: 16px;
      text-align: center;
      height: 9px;
      margin-top:0;
      padding-bottom: 10px;
      border-right: 2px solid #fff;
      background:#fff;
      }
     #nav li.filler {
      display:inline;
      float: left;
      width: 64px;
      text-align: center;
      height: 9px;
      margin-top:0;
      padding-bottom: 10px;
      border-right: 0px solid #fff;
      background:#fff;
      }
 
/*Suckerfish rolldown menu: hat tip Patrick Griffiths; http://www.alistapart.com/articles/dropdowns*/

/*second-level list items*/
li ul {display: none;position: absolute; top: 0px;left: 0;border-left:2px solid #000;border-top:2px solid #000;border-bottom:2px solid #000;}
/*fixes Opera/IE problem*/
li > ul {	top: auto;	left: auto;}  
li:hover ul, li.over ul{ display: block; top:19px;left:-2px;}

div#nav li.nolink {
}

div#nav a:link {font-size: 13px;color: #5B7CCA;text-decoration: none;font-weight:bold;}
div#nav a:visited {font-size: 13px;color: #5B7CCA;text-decoration: none; font-weight:bold;}
div#nav a:hover {font-size: 13px;color: #2E4B8E;text-decoration: none;font-weight:bold;}
div#nav a:active {font-size: 13px;color: #5B7CCA;text-decoration: none; }

#home div#nav li.home a {color: #2E4B8E;border-bottom: 1px solid #2E4B8E;font-weight:bold;}
#book div#nav li.book a {color: #384D7D;border-bottom: 1px solid #384D7D;font-weight:bold;}
#links div#nav li.links a {color: #384D7D;border-bottom: 1px solid #384D7D;font-weight:bold;}
#booklet div#nav li.booklet a {color: #384D7D;border-bottom: 1px solid #384D7D;font-weight:bold;}
#poster div#nav li.poster a {color: #384D7D;border-bottom: 1px solid #384D7D;font-weight:bold;}
#blog div#nav li.blog a {color: #384D7D;border-bottom: 1px solid #384D7D; font-weight:bold;}
#contact div#nav li.contact a {color: #384D7D;border-bottom: 1px solid #384D7D;font-weight:bold;}

div#nav li ul li.nounderline {color: red;bottom-border:0px;}


div#page-foot a:link {color: #EBF5EC;text-decoration: none;font-weight:normal;}
div#page-foot a:visited {color: #EBF5EC;text-decoration: none; font-weight:normal;}
div#page-foot a:hover {color: #A7D3AC;text-decoration: none;font-weight:normal;}
div#page-foot a:active {color: #EBF5EC;text-decoration: none;font-weight:normal;}


div#container{text-align:left;border-top: 2px solid #000000;border-bottom: 4px solid #000000;border-left: 2px solid #000000;border-right: 4px solid #000000;background:#F0FCE3;}
div#main p{line-height:18px;padding:0px 10px 15px 0px;color:#082c33;}
div#main h2{font-size:16px;line-height:20px;margin-left:-20px;padding:0px 10px 15px 20px;color:#082c33;}
div#main h3{font-size:14px;line-height:14px;margin-left:-20px;padding:0px 10px 0px 20px;color:#082c33;}
div#main ul{margin-top:-5px;padding-bottom:10px;}
div#main li{font-size:15px;line-height:15px;margin:0px 0px 5px 30px; color:#082c33;list-style:square;}
div#bloggy h3{font-size:13px;line-height:16px;margin-left:0px;padding:10px 10px 0px 0px;color:#082c33;}


div#r-box p{text-align:left;padding:0px 15px 15px 15px;color:#082c33;}
div#r-box h2{text-align:center;font-size:16px;line-height:20px;padding:0px 15px 15px 15px;color:#082c33;}
div#r-box img{text-align:center;padding-bottom:15px;border:0px;}
div#main p.note {font-size: 11px; line-height:13px; color:#4F4F4F;padding-top:40px;}
div#main p.small {font-size: 11px; line-height:13px; color:#4F4F4F;padding:0px 0px 25px 0px;}
div#main p.button {background:#6a1f11; font-family:verdana,geneva,sans-serif;color:#fff;font-size:14px;line-height:13px;text-align:center;margin:0px 160px 0px 160px;padding:8px 0px 12px 0px;}
div#main p.quote {line-height:18px;padding:5px 30px 5px 30px;color:#082c33;}
div#main p.q-note {font-size: 12px; line-height:15px; color:#4F4F4F;padding:0px 0px 20px 150px;}


div#one p, div#two p, div#three p {font-family:verdana,geneva,sans-serif; color:#082c33; font-size:12px;line-height:17px;text-align:left;margin:0px;}
div#one h1, div#two h1, div#three h1 {font-family: times, "times new roman", serif; color:#082c33; font-size:16px;line-height:18px;text-align:left;margin:0px;padding-bottom: 10px;}
div#one img, div#two img, div#three img {padding:5px 0px 0px 25px;border:0px;}

div#plain-rt{float:right;width:325px;margin: 15px 15px 0px -374px; padding:20px 0px 0px 0px;border:1px solid #000000;background:#B3C8C9;text-align:center;}
div#plain-rt img{text-align:center;padding-bottom:15px;border:2px solid black;}
div#plain-rt p{text-align:left;padding:0px 15px 15px 15px;color:#082c33;}
div#plain-rt  h2{text-align:left;font-size:12px;line-height:20px;padding:5px 15px 15px 15px;color:#082c33;}
div#plain-rt ul {list-style-type: none;padding: 0px 0px 10px 0px;margin: 0px;}


div#fullmain p{line-height:18px;padding:0px 10px 15px 0px;color:#082c33;}
div#fullmain img.peek {margin-top:0px;padding:0px 0px 20px 10px;float:right;}
div#fullmain img.ejbutton{padding:10px 0px 0px 800px;}
div#fullmain h2{font-size:16px;line-height:20px;margin-left:-20px;padding:0px 10px 15px 20px;color:#082c33;}
div#fullmain h2.title{font-size:14px;line-height:20px;margin-left:-20px;padding:20px 10px 5px 20px;color:#691E11;font-style:italic;}
div#fullmain ul{margin-top:-5px;padding-bottom:10px;}
div#fullmain li{font-size:13px;line-height:16px;margin:0px 0px 15px 10px; color:#082c33;list-style:square;}
div#fullmain p.note {font-size: 11px; line-height:13px; color:#4F4F4F;padding:0px 0px 30px 0px;margin-bottom:11px;}

div#fullmain ul{list-style-type: none;padding: 0px 0px 10px 0px;margin: 0px;}
div#fullmain li.note {font-size:11px; text-align:center; font-style:italic}
div#fullmain li.head {list-style:none;padding-left:0px;line-height:16px;margin:0px;}
div#fullmain li.contents {width:350px;list-style:none;padding-left:20px;line-height:16px;margin:0px;}
div#fullmain li span{float:right;padding-right:600px;}




div#container{width:1000px;margin:0 auto}
div#wrapper{float:left;width:100%;border-top:2px solid black;}

div#side{float:left;width:18px;background:#fff;padding:0px;margin-left:-1000px;border-right:2px solid black;min-height:650px;}
div#main {padding: 30px 0px 12px 0px;margin-right:365px;border-left:18px solid #fff;}
div#linemain {padding-left:32px;margin-bottom:-14px;border-left:2px solid #000;}
div#fullmain {padding: 30px 0px 1px 0px;margin-right:30px;border-left:18px solid #fff;}
/* The border of main is the width and color of r-box; this keeps columns same height. http://www.alistapart.com/articles/multicolumnlayouts/ 
I added min-height because side column longer..... 
Also added extra div (linemain) -- its only job is to add a border between side and main, inside main so will grow and shring with main content  */

div#r-box{float:right;width:325px;margin: 15px 15px 0px -374px; padding:400px 0px 0px 0px;border:1px solid #000000; text-align:center;background-image: url("i/sidebar-bknd.jpg");}
div#r-box p.button {background:#6a1f11; font-family:verdana,geneva,sans-serif;color:#fff;font-size:14px;line-height:13px;text-align:center;margin:0px;padding:8px 0px 12px 0px;}


div#one{float:left;width:166px;background-image: url("i/one-bknd.jpg");padding:10px;margin:20px 0px 0px 48px;border:1px solid black;height:205px;}
div#two{float:left;width:166px;background-image: url("i/two-bknd.jpg");padding:10px;margin:20px 0px 0px 15px;border:1px solid black;height:205px;}
div#three{float:left;width:166px;background-image: url("i/three-bknd.jpg");padding:10px;margin:20px 0px 0px 15px;border:1px solid black;height:205px;}

div#r-box-T{float:right;width:325px;margin: 15px 15px 0px -374px; padding:325px 0px 0px 0px;border:1px solid #000000; text-align:center;background-image: url("i/sidebar-bknd-toolkit.jpg");}
div#r-box-T p{text-align:left;padding:0px 15px 15px 15px;color:#082c33;}
div#r-box-T h2{text-align:center;font-size:16px;line-height:20px;padding:0px 15px 15px 15px;color:#082c33;}
div#r-box-T img{text-align:center;padding-bottom:0px;border:0px;}

div#r-box-T p.button {background:#6a1f11; font-family:verdana,geneva,sans-serif;color:#fff;font-size:14px;line-height:13px;text-align:center;margin:0px 20px 0px 20px;padding:8px 0px 12px 0px;}
div#r-box-T p.button a:link { color: #fff; text-decoration: underline; font-weight:normal; }
div#r-box-T p.button a:visited { color: #fff; text-decoration: underline; font-weight:normal; }
div#r-box-T p.button a:hover { color: #D33D22; text-decoration: underline; font-weight:normal; }
div#r-box-T p.button a:active { color: #fff; text-decoration: underline; font-weight:normal; }



div#bloggy-rt p.jump {padding:15px 0px 25px 0px;}
div#bloggy-rt img.thumb{float:left;margin:5px 20px 0px 31px; padding:0px;border:1px solid #082c33;}



div#bloggy {padding: 30px 0px 5px 0px;margin-right:0px;border-left:18px solid #fff;width:600px;}
.post-cat-three {padding: 10px 0px 0px 0px;margin-right:365px;}
.post {padding: 10px 0px 0px 0px;margin-right:365px;}
div#bloggy h2{font-size:16px;font-weight:bold;line-height:20px;margin-left:-20px;padding:0px 10px 5px 20px;color:#082c33;border:0px solid red;}

div#bloggy p{line-height:18px;padding:0px 10px 15px 0px;color:#082c33;}
div#bloggy ol, div#bloggy ul{line-height:18px;padding:0px 0px 0px 50px; color:#082c33;margin-top:-10px;margin-bottom:20px;}
div#bloggy p.note {font-size: 11px; line-height:13px; color:#4F4F4F;padding:10px 0px 20px 0px;}
div#bloggy p.postmetadata {font-size: 11px; line-height:13px; color:#4F4F4F;padding:0px 0px 20px 0px;border-bottom:4px solid #6a1f11; margin-left:0px;margin-bottom:30px;}
div#bloggy p.feedback {text-align: right; font-size: 11px; line-height:13px; color:#4F4F4F;padding:10px 0px 20px 0px;}
div#bloggy p.tiny {font-size: 10px;color:#4F4F4F;margin-bottom:8px;}

div#bloggy ol.commentlist li {font-size: 12px; line-height:18px;padding:0px;color:#082c33;margin-top:0px;margin-bottom:20px;}

.next {margin-right:0px;margin-bottom:8px;font-size:11px;line-height:18px;padding:0px 20px 30px 20px;color:#082c33;text-align:center;}

div#bloggy-rt{float:right;width:325px;margin: 15px 15px 0px -374px; padding:20px 0px 20px 0px;border:1px solid #000000;background:#B3C8C9;}
div#bloggy-rt p{font-size: 11px; line-height:15px;text-align:left;padding:0px 15px 15px 15px;color:#082c33;border:0px solid red;}
div#bloggy-rt h2{text-align:left;font-size:12px;line-height:20px;padding:0px 15px 0px 0px;color:#082c33;}
div#bloggy-rt ul{font-size: 11px; line-height:15px;text-align:left;padding:0px 15px 5px 30px;color:#082c33;margin-top:0px;list-style:none;}
.post {text-align:left;font-size:12px;line-height:20px;padding:0px; margin:0px;color:#082c33;}
.post blockquote {text-align:left;font-size:14px;line-height:30px;padding:10px 25px 5px 25px; margin:0px 20px 15px 20px;color:#082c33;background:#D8E3CC;font-weight:normal}

.side-post {text-align:left;padding-left:0px; margin:0px 20px 5px 20px;}
div.sidepost p.ctr {text-align: center;margin-top:50px;}
div#bloggy-rt p.when {font-size: 11px; line-height:13px; color:#4F4F4F;padding:10px 0px 10px 20px;}
.center {text-align:center;}



div.spacer {clear: both;height: 0px;}