* {
   margin: 0;
   padding: 0;
}

body {
   position:relative;
   margin: 10px;
   background-color:#ECECD9;
   height:100%;
   color:black;
   font-size: 62.5%;
   font-family: lucida sans, arial, verdana, sans-serif;
   text-align: center;
} 
h1 {
   font-size: 2em;
   letter-spacing: 2px;
}
h2 {
	font-size: 1.4em;
	letter-spacing: 2px;
	line-height: 1;
}
h3 {
   font-size: 1.4em;
   letter-spacing: 2px;
}
h4 {
   font-size: 1.2em;
}

a {
   color: #000;
   outline: none;
   text-decoration: none;
}
a:hover {
   color: #3c6c92;
}

.subtitle {
   font-style:italic; 
   font-size: 1.2em;
   letter-spacing: 1px;
   margin: 0 0 8px 0;
}

.bodywrap {
	border-width:1px; 
	border-style:solid; 
	border-color:#999999; 
	width:1020px;
	background:white;
}

p {
   margin: 7px 0 7px 0;
}
	


/* =----------------------------------- oh the convenience */
#wrapper {
   /* 
      sets the minimum(s) for the entire site
      off of which everything else is based on
   */
   font-size: 1.2em;
   line-height: 1.4em;
}
.nav li {
   line-height: 1.2em;
}
.nav li a {
   font-weight: bold;
   letter-spacing: 1px;
   text-transform: uppercase;
}
.nav li a span {
   color: #888;
   font-size: 0.9em;
   font-weight: normal;
   text-transform: lowercase;
}
.nav li a.focus span {
   color: #ccc;
}
.nav li a:hover,
.nav li a.focus {
   color: #fff;
}
.nav .searchField input {
   color: #777;
}
.toggleCategories li a {
   color: #fff;
}
.toggleCategories li a:hover {
   color: #ccc;
}
.postMeta {
   font-size: 0.9em;
   text-transform: uppercase;
}
.postMeta span.date {
   color: #777;
}
.postMeta span.comments a,
.postMeta span.date a {
   color: #3c6c92;
}
.post h2 {
   line-height: 1.2em;
}
#footer p a {
   font-weight: bold;
   color:#333;
}


/* =----------------------------------- main structure */
#wrapper {
   border-top: 1px solid #3c6c92;
   margin: 20px auto;
   text-align: left;
   width: 970px;
   padding: 0 5px;
}
#masthead {
   padding: 7px 0
}

#mainColumn {
   margin: 18px 0 18px 0;
   width: 420px;
   float: left;
}

#mainColumn h2 {
   margin: 3px 0 0 0;
}

#mainColumn h3 {
   margin: 3px 0 0 0;
}

#mainColumn p {
   margin: 9px 0 9px 0px;
}

#mainColumn ul {
   margin:10px 0 10px 25px;}

#mainColumn a{font-weight:bold;}

.secondaryColumn {
   float: left;
   margin: 28px 0 0 30px;
   overflow: hidden;
   width: 240px;
}


/* =----------------------------------- header elements */
#masthead h1 {
   float: left;
   margin: 15px 0 0 7px;
}
#masthead h1 a {
   text-transform: uppercase;
   width: 400px;
}
.searchright {
   float: right;
   margin: 7px 0 0 7px;
}

/* =----------------------------------- top + bottom navigation */
.navStripWrapper {
	position: relative;
	width: 975px;
	align: center;
}
.nav {
   background: #eee;
}
.nav li {
   border-right: 1px solid #ccc;
   display: block;
   float: left;
}
.nav li a {
   display: block;
   padding: 7px 4px 0 7px;
   width: 110px;
   height: 64px;
}
.nav li a span {}
.nav li a:hover {
   background: #333;
}
.nav li a.focus {
   background: #3c6c92;
}
.toggleCategories {
   background: #3c6c92;
}
.toggleCategories ul,
.toggleCategories2 ul {
   padding: 8px 7px 7px;
}
.toggleCategories ul li {
   display: block;
   float: left;
   width: 102px;
}
.toggleCategories li a {
   margin: 3px 0 4px 5px;
}

/* =----------------------------------- line below masthead photo */
#grayline {
   border-top: 1px solid #ccc;
   margin: 30px 0;
}


/* =----------------------------------- boring footer */
#footer {
   border-top: 1px solid #3c6c92;
   margin: 35px 0;
}
#footer p {
   padding: 14px 3px 0; 
}

/*------------------------------------ middle sections

/* main - middle content and columns */


/* style individual sidebars */

#midCol a{font-weight:bold;}

#midCol{color:#444;float:left;margin:18px 0 0 0;width:250px;line-height:1.3em;}

#midCol p {
	color:#000;
}

.middle_links{margin-bottom:20px;}

.middle_links h3{margin-bottom:7px;}

#midCol ul{list-style:none;margin:8px 0 4px;}

.middle_links ul li{
	background:url(images/li.gif) no-repeat 0 3px;
	text-transform: lowercase;
	color:#7F7F7F;line-height:1.2em;
	border-top:1px solid #BBB;
	padding:4px 0 4px 16px;}


/* =----------------------------------- floats + clearing rule*/

.floatleft {
   float: left;
   margin: 3px 7px 0 0;
}

.floatright {
   float: right;
   margin: 3px 0 0 7px;
}
.right {
   float:right;
}

.left {
   float: left;
}

.clear {
   clear: both;
}

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

.fix {
   display: inline-block;
} 
* html .fix{
   height: 1%;
}
.fix{
   display:
   block;
}



/* =----------------------------------- third column*/


#thirdColumn {
   margin: 18px 0 0 20px;
   float: left;
   width: 200px;
}


#thirdColumn h2 {
   margin: 3px 0 10px 0;
   color:#444;
}

#thirdColumn h3 {
   margin: 0 0 7px 0;
   color:#444;
}


#thirdColumn p {
	margin: 0 0 12px 0;
}


#thirdColumn a{font-weight:bold;}

#thirdColumn ul{list-style:none;margin:8px 0 4px;}

#thirdColumn ul li{
	background:url(images/li.gif) no-repeat 0 3px;
	color:#7F7F7F;
	text-transform: lowercase;
	line-height:1.2em;
	border-top:1px solid #BBB;
	padding:4px 0 4px 16px;
}


/* =----------------------------------- right column*/
#rightColumn {
   margin: 18px 0 18px 18px;
   float: right;
}

#rightColumn h2 {
   margin: 0 0 10px 0;
}

#rightColumn p {
   margin: 0 0 12px 0;
}

img.border {
   background: #fff;
   border: 1px solid #bbb;
   padding: 2px;
   margin: 0 10px 0 0;
   align: left;
}