/*
    this stylesheet was ripped off from the fign desine of:
 	   Benjamin P. Keating
 	   Contact: bkeating@gmail.com
	   Web: http://bpk.deepdream.org
 Table of Contents
  1). Basic ..................... Basic structure of the page
  2). Links ..................... Hyperlink styles
  4). Header .................... All header styles
  5). Footer .................... All footer styles
  6). Navigation ................ Styles related to navigation
  7). Showcase .................. Project, Shop, etc. category showcasing
  8). Boxes ..................... Div 'boxes' to showcase content
  9). Lists ..................... Usually to replace tables.
 10). Fonts ..................... Font color, style, size, etc.
 11). Tables .................... Table stlying
 */


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */



/* ############################################## */
/*                                                */
/* 1). BASIC                                      */
/* Basic structure of the page. This include any  */
/* any global definitions, such as 'wrapper'.     */
/*                                                */
/* ############################################## */


	body {
		margin: 45px 0;
		background: url(../images/bg.png);
		color: black;
		font-size : 62.5%; /* Resets 1em to 10px */
		font-family: sans-serif;
		}

	#wrapper {
		text-align: left;
		border: none;
		margin: 20px auto;
		padding: 0;
		width: 720px;
		}







	p {
		font-size: 1.1em;
		}

	ol {
		font-size: 1.2em;
		}

	h4 {
		font-size: 1.4em;
		}

	.spacer {
		height: 20px;
		}



/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */



/* ############################################## */
/*                                                */
/* 2). LINKS                                      */
/* Hyperlink styles (global)                      */
/*                                                */
/* ############################################## */


	a { 
		color: #2E447D;
		text-decoration: none;
		}

	a:active {
		color: #2E447D;
		text-decoration: none;
		}

	a:hover {
		color: #201D62;
		text-decoration: none;
		}

	a:visited {
		color: #2E447D;
		text-decoration: none;
		}



/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */



/* ############################################## */
/*                                                */
/* 3). HEADER                                     */
/* Header styling. This means anything in the top */
/* black bar, the menu just below it and the      */
/* banner just before that.                       */
/*                                                */
/* ############################################## */

	/* ---------------------------------------------- */
	/* Header - the black bar and items within        */
	/* ---------------------------------------------- */
	#header {
		margin: 0;
		height: 40px;
		padding: 15px 20px 25px 20px;
		background: url(../images/header-bg.png);
		}

	#header-logo h1 {
		float: left;
		margin: 0;
		width: 250px;
		font-size: 0;
		height: 0;
		z-index: 100; /* above the UL */
		}

	#header-logo h1 a {
		display: block;
		width: 50px;
		height: 50px;
		background: transparent url(../images/header-logo.png) no-repeat top;
		text-indent: -700em;
		text-decoration: none;
		}

	#header-logo-paints a {
		display: block;
		width: 150px;
		height: 50px;
		background: transparent url(../images/header-logo-paints.png) no-repeat top;
		text-indent: -700em;
		text-decoration: none;
		}

	#header-menu {
		margin-left: 260px;
		padding-top: 1px;
		padding-left: 10px;
		width: 406px;
		color: white;
		text-align: right;
		font-size: 1.3em;
		}

	#header-menu ul {
		margin: 0;
		padding-bottom: 10px;
		}

	#header-menu li {
		padding-left: 10px;
		list-style-type: none;
		}

	#header-menu a:link {
		color: #d7d4c8;
		text-decoration: none;
		}

	#header-menu a:visited {
		color: #d7d4c8;
		text-decoration: none;
		}

	#header-menu a:hover {
		text-decoration: underline;
		}

	#header-menu input {
		border: 1px #978e78 solid;
		background: #7b7462;
		color: white;
		font-size: small;
		}
	/* ---------------------------------------------- */


	/* ---------------------------------------------- */
	/* Site Menu - The menu below the black header    */
	/* ---------------------------------------------- */
	#site-menu {
		margin: 0px;
		padding: 3px 13px;
		height: 25px;
		background: #ffffff url(../images/menu-bg.png) repeat-x top left;
		border-left: 1px #1c1b16 solid;
		border-right: 1px #1c1b16 solid;
		line-height: 26px;
		text-align: right;
		font-size: 1.2em;
		}

	#site-menu-border {
		margin: 0px;
		padding: 3px 13px;
		height: 8px;
		background: #ffffff url(../images/menu-bg.png) repeat-x top left;
		border-left: 1px #1c1b16 solid;
		border-right: 1px #1c1b16 solid;
		line-height: 26px;
		text-align: right;
		font-size: 1.2em;
		}

	#site-menulist {
		margin: 0;
		padding: 0;
		font-weight: bold;
		}

	#site-menulist li {
		list-style: none;
		margin: 0;
		 display: inline;
		}

	#site-menulist li a {
		padding: 3px 0.5em;
		margin-left: 3px;
		border: none;
		text-decoration: none;
		}

	#site-menulist li a:link {
		color: #9C9C9C;
		}

	#site-menulist li a:visited {
		color: #3b382f;
		}

	#site-menulist li a:hover {
		color: #CBCBCB;
		}
	/* ---------------------------------------------- */


	/* ---------------------------------------------- */
	/* Banner - The images just below the site menu   */
	/* ---------------------------------------------- */
	#banner {
		margin: 0;
		padding: 0;
		border: 1px #1c1b16 solid;
		border-bottom: 0;
		}

	#banner img {
		border: 0;
		}



/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */


	.float-right {
		float: right;
		padding: 17px 7px;
		border: 0;
		}

	.float-right-padding {
		float: right;
		padding: 0 0 10px 20px;
		border: 0;
		}

	.float-right-nopadding {
		float: right;
		border: 0;
		}

	.float-left {
		float: left;
		padding: 0 17px 5px 0;
		}

.feature-float-left {
	float: left;
	padding: 0 17px 5px 0;
	}

strong {
	color: black;
	}

.height-padding {
	padding: 15px 0 10px 0;
	}

.red {
	color: #a90000;
	}

.padded-black {
	padding: 10px;
	background: black;
	}

.no-border {
	border: none;
	}

.small-font {
	font-size: x-small;
	}

.padded-bottom {
	padding-bottom: 10px;
	}

.headshot img {
	margin: 0 0 10px 17px;
	float: right;
	text-decoration: none;
	border: 1px solid #333333;
	}

.selected {
	padding-left: 10px;
	color: #777265;
	background: url(../images/arrow-nav.gif) no-repeat; 
	background-position: left;
	}

.external {
	padding-right: 13px;
        background: url(../images/extlink.png) no-repeat;
        background-position: right;
	}

.staff-member {
      min-height: 200px;
       padding-bottom: 10px;
       }

.staff-name {
	margin-bottom: 5px;
	padding-bottom:0;
	}

.staff-title {
	margin-top: 0;
	margin-top: 0;
	color: #383834;
	font-size: small;
	font-weight: bold;
	}

.staff-member p {
	font-size: 1em;
	}

.caption-right {
      float: right;
      margin: 0 0 10px 10px;
      padding: 5px;
      border-bottom: 1px #a2a097 solid;
      text-align: center;
      font-size: 0.8em;
      }



.multi-caption {
	float: right;
	margin: 4px 0 5px 20px;
	}

.multi-caption p {
	margin: 0;
	padding: 2px 0 10px 0;
	text-align: right;
	font-size: 0.9em;
	}

.multi-caption img {
	border: 1px black solid;
	}



.break {
	margin-bottom: 10px;
	padding: 3px 0px;
	border-bottom: 1px #b2b2a4 dashed;
	} 

.break-content-header {
	margin-bottom: 15px;
	height: 1px;
	border-bottom: 1px #b2b2a4 dashed;
	} 

.break-section {
      margin: 10px 0;
      height: 5px;
      border-bottom: 1px #7b7975 dotted;
      }


/* ==================== END GLOBAL STYLES ==================== */




/* ==================== BEGIN CONTENT BODY ==================== */

/*
 feature-{left,right}-columns are used for the frontpage and other
 special pages where the left column should be slightly larger
 then the right.
 
 in most cases, you should use left-column for the menu and
 right-column for the content. Use wide when there is no need for
 a menu.
*/

#content-body {
	display: block;
	margin : 0;
	padding: 10px 20px;
	border-left: 1px #1c1b16 solid;
	border-right: 1px #1c1b16 solid;
	background: url(../images/content-bg.png);
	}	

#feature-left-column {
	float: left;
	width: 370px;
	text-align: left;
	font-size: 1.1em;
	}
	
#feature-right-column {
	padding: 0 0 25px 0;
	margin-left: 403px;
	width: 275px;
	w\idth: 255px
	text-align: right;
	font-size: 1.0em;
	}

#feature-right-column h1, #feature-right-column h2 {
      padding: 7px 10px 7px 5px;
      background: url(../images/feature-right-header-bg.png) repeat-y top left;
      }

#feature-right-column img {
      float: left;
      padding: 5px;
      }

#left-column {
	float: left;
	width: 150px;
	text-align: left;
	font-size: 1.2em;
	}

	#left-column li {
		margin: 0;
		padding-bottom: 4px;
		list-style: none ;
		font-size: 1.1em;
		}


	#left-column .parent-menu, .child-menu {
            margin: 7px 0 10px 10px;
            padding: 0;
            }

	#left-column .parent-menu a:hover , .child-menu a:hover {
            color: black;
	}

#left-column h3 {
	padding-bottom: 3px;
	border-bottom: #c2bfb4 solid 1px;
	}

#right-column {
	padding: 0 0 25px 0;
	margin-left: 165px;
	width: 510px;
	text-align: justify;
	font-size: 1.2em;
	}

#wide {
	width: 678px;
	text-align: justify;
	padding: 10px 20px;
	border-left: 1px #1c1b16 solid;
	border-right: 1px #1c1b16 solid;
	font-size: 1.2em;
	background: url(../images/content-bg.png);
	}

#narrow {
	margin: auto;
	width: 500px;
	text-align: justify;
	font-size: 1.2em;
	}

#close-content {
	clear: both;
	width: 718px;
	}
/* ==================== END CONTENT BODY ==================== */

.padded-float-right {
	float: right;
	padding-left: 15px;
	padding-bottom: 10px;
	}

/* -------------------------------------------------------------------------- */


   
/* ############################################## */
/* ############################################## */
/*                                                */
/* 6). Showcase                                   */
/* Showcasing is usually for top-level categories */
/* which consist of a header (w/bg) and a left    */
/* floated thumnail, just below. Check out the    */
/* project/ page to see what im talkin aboot.     */
/*                                                */
/* ############################################## */
/* ############################################## */

/* Showcase for the Shop */

	.shop-category {
		min-height: 175px;
		padding: 0 0 40px 0;
		}

	.shop-category h2 {
		margin: 0 0 5px 0;
		padding: 5px 3px;
		background: url(../images/section-category-bg.png) repeat-y top left;
		border-top: 1px #9f9d94 solid;
		text-align: left;
		}

	.shop-category h2 a {
		text-decoration: none;
		color: black;
		}

	.shop-category p {
		font-size: 1em;
		}

	.shop-category img {
		float: left;
		margin: 0 10px;
		border: 0px;
		}

/* download icons. not restricted to shop items */

	.dl-link-cad {
		margin-top: 5px;
		padding-left: 23px;
		background: url(../images/autocad.gif) no-repeat left;
		} 

	.dl-link-pdf {
		margin-top: 5px;  
		padding-left: 23px;
		background: url(../images/acrobat.png) no-repeat left;
		}


/* Showcase for Projects */

	.project-category {
		min-height: 140px;
		padding: 0 0 25px 0;
		}

	.project-category h2 {
		padding: 5px 3px;
		background: url(../images/section-category-bg.png) repeat-y top left;
		border-top: 1px #9f9d94 solid;
		}

	.project-category h2 a {
		text-decoration: none;
		color: black;
		}

	.project-category p {
		font-size: 1em;
		}

	.project-category img {
		float: left;
		margin: 0 10px;
		}


/* Showcase for seminar downloads (using a table) */

	.seminar-downloads {
		margin: 0;
		padding: 10px;
		border: 1px #8a8b80 solid;
		background: #cecfc0;
		}	

	.seminar-downloads td {
		padding: 5px 0;
		}

	.seminar-downloads p {
		margin: 0;
		text-align: left;
		font-size: 0.9em;
		}

	.seminar-downloads th {
		padding: 4px;
		background: #a6a79a;
		}

	.seminar-downloads td {
		border-bottom: 1px #a0a195 solid;
		}

	/* within each entry there are classes to shape text */

	.seminar-title {
		font-weight: bold;
		margin: 0;
		color: #141414;
		}

	.seminar-author {
		margin: 0;
		color: #3f3f3f;
		}

	.seminar-date {
		margin: 0;
		color: #3f3f3f;
		}


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */




.press-item {
	margin: 0 0 25px 0;
	}

.press-item h3 {
	font-size: 1.3em;
	}

.press-item p {
	margin: 0;
	font-size: 0.95em;
	}


	.warning-box {
		margin: 5px 0;
		padding: 10px;
		background: white;
		border: 1px #b2b2a4 solid;
		color: red;
		font-size: 1.1em;
		}

	.ical-subscribe-box {
		padding: 5px 5px 5px 60px;
		background: #ebe8db url(../images/calendar-trans.png) no-repeat top left;
		border: 1px #b6b4aa solid;
		font-size: 1em;
		line-height: 30px;
		}

.update-announcement {
	margin: 5px 0;
	padding: 10px;
	background: white;
	border: 1px #b2b2a4 solid;
	font-size: 1em;
	}


/* ############################################## */
/* SHOP ITEMS                                     */
/* Created with shop/books in mind.               */


.shop-items {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	}

.shop-items .float-left {
	margin-bottom: 10px;
	height: 110px;
	}

.shop-item-title  {
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	}

.shop-item-author {
	font-size: 0.9em;
	}

.shop-item-date {
	padding: 5px 0;
	font-size: 0.9em;
	color: #333333;
	}

.shop-item-amazon {
	margin-top: 5px;
	padding-left: 23px;
	background: url(../images/azlink.png) no-repeat left;
	}

.shop-item-comment {
	padding-bottom: 5px;
	color: #313131;
	font-size: 0.9em;
	}

.shop-item-break {
	height: 60px;
	}

.shop-item-break-sm {
	height: 20px;
	}

.shop-item-break-big {
	height: 80px;
	}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ############################################## */



.box {
	border: 1px #8a8b80 solid;
	background: #c0c1b2;
	}

.box-padding p {
	text-align: center;
	}

.box ul {
	margin: 5px;
	padding-left: 4px;
	}

.box li {
	display: inline;
	list-style: none;
	margin: 0;
	padding-right: 20px;
	}

.box li a {
	border: none;
	text-decoration: none;
	}

.box li a:link {
	color: #24252e;
	}

.box li a:visited {
	color: #24252e;
	}

.box li a:hover {
	color: black;
	}

.boxwithsub {
	border: 1px #8a8b80 solid;
	background: #c0c1b2;
	}

.boxwithsub ul {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 4px;
	}

.boxwithsub li {
	display: inline;
	list-style: none;
	margin: 0;
	padding-right: 20px;
	}

.boxwithsub li a {
	border: none;
	text-decoration: none;
	}

.boxwithsub li a:link {
	color: #24252e;
	}

.boxwithsub li a:visited {
	color: #24252e;
	}

.boxwithsub li a:hover {
	color: black;
	}

.primary_select #menulist li a {
	background: #cccccc;
	color: #24252e;
	}

.primary_select #menulist li a:active {
	background: #cccccc;
	color: #24252e;
	}

.primary_select #menulist li a:hover {
	background: #cccccc;
	color: #24252e;
	}

.primary_select #menulist li a:visited {
	background: #cccccc;
	color: #24252e;
	}

.subbox {
	border-left: 1px #8a8b80 solid;
	border-right: 1px #8a8b80 solid;
	border-bottom: 1px #8a8b80 solid;
	background: #AAAAAA;
	padding-left: 8px;
	margin-left: 20px
	}

.subbox ul {
	margin-top: 0px;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 4px;
	padding-left: 4px;
	padding-top: 6px;
	}

.subbox li {
	display: inline;
	list-style: none;
	margin: 0;
	padding-right: 20px;
	}

.subbox li a {
	border: none;
	text-decoration: none;
	}

.subbox li a:link {
	color: #24252e;
	}

.subbox li a:visited {
	color: #24252e;
	}

.subbox li a:hover {
	color: black;
	}

.box-vert {
	border: 1px #8a8b80 solid;
	background: #c0c1b2;
	}

.box-vert ul {
	margin: 5px;
	padding-left: 4px;
	}

.box-vert li {
	display: block;
	list-style: none;
	margin: 0;
	padding-right: 20px;
	}

.box-vert li a {
	border: none;
	text-decoration: none;
	}

.box-vert li a:link {
	color: #24252e;
	}

.box-vert li a:visited {
	color: #24252e;
	}

.box-vert li a:hover {
	color: black;
	}

/* TABLES */

table {
	padding: 0px;
	border: 0;
	}

table th {
	text-align: center;
	}

td {
	padding-bottom: 0px;
	}

tr.dark {
	background: #c7c4b9;
	}
	

/* ==================== BEGIN FORMS ==================== */

#signup-form {
      margin-top: 15px;
      padding: 15px;
      background: #c8c6ba;
      border: 1px #b5b2a8 solid;
      font-size: 1.0em;
      }

#signup-form input {
      padding: 3px;
      background: #e1dfd1;
      border: 1px #a7a69c solid;
      letter-spacing: 1px;
      }

#signup-form h3 {
      margin-bottom: 20px;
      padding: 10px;
      background: #494844;
      color: white;
      font-size: 1.3em;
      }

/* ==================== END FORMS ==================== */



/* ############################################## */
/*                                                */
/* 5). FOOTER                                     */
/* The footer of the page.                        */
/*                                                */
/* ############################################## */

	#footer {
		clear: both;
		margin-bottom: 15px;
		padding-bottom: 10px;
		width: 720px;
		height: 5px;
		background: #1c1b16;
		}

	#footer-copyright {
		float: left;
		width: 350px;
		color: #e0ddd1;
		font-size: 1.2em;
		}

	#footer-menu {
		margin-left: 395px;
		text-align: right;
		font-size: 1.2em;
		}

	#footer-menu a:hover {
		text-decoration: underline;
		}

	#footer-menu li a:link {
		color: #d7d4c8;
		}

	#footer-menu li a:visited {
		color: #d7d4c8;
		}

	#footer-menu ul {
		margin: 0;
		padding: 0;
		}

	#footer-menu li {
		list-style: none;
		margin: 0;
		display: inline;
		}

	#footer-menu li	 a {
		border: none;
		padding-left: 15px;
		text-decoration: none;
		}



/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */



/* ############################################## */
/*                                                */
/* BOXES                                          */
/* Box styles usually contain forms or other      */
/* types of 'showcased' information.              */
/*                                                */
/* ############################################## */



	/* ---------------------------------------------- */
	/* Use this for small order forms                 */
	/* ---------------------------------------------- */
	.order-box {
		border: 1px #8a8b80 solid;
		background: #c0c1b2;
		padding: 10px;
		}

	.order-box p {
		margin: 0;
		padding: 0;
		color: #313131;
		font-size: 0.9em;
		text-align: left;
		}
	/* ---------------------------------------------- */


	/* ---------------------------------------------- */
	/* This box is used with participate/donate/ in   */ 
	/* mind. Should only be used for donate forms and */
	/* announcments related to donation               */
	/* ---------------------------------------------- */
	.donate-box {
		border: 1px #8a8b80 solid;
		background: #cecfc0;
		padding: 10px;
		}

	.donate-address {
		margin: 10px 0 10px 15px;
		font-size: 1.1em;
		}

	.donate-box th {
		padding: 4px;
		background: #a6a79a;
		}

	.donate-box p {
		margin: 0;
		padding: 0;
		color: #313131;
		font-size: 0.9em;
		text-align: left;
		}
	/* ---------------------------------------------- */



/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */



/* ############################################## */
/* ############################################## */
/*                                                */
/* 8). LISTS                                      */
/* Usually used to replace the function of tables */
/* Most lists give off a 'google' results look.   */
/*                                                */
/* ############################################## */
/* ############################################## */



	/* ---------------------------------------------- */
	/* Use this basic list if the content isn't       */
	/* related to a special purpose class.            */
	/* ---------------------------------------------- */
	.basic-list {
		padding: 10px;
		}

	.basic-list p {
		color: #313131;
		text-align: left;
		}
	/* ---------------------------------------------- */


	/* ---------------------------------------------- */
	/* Attendance list. Use when listing name + one   */
	/* additional, lighter, line. Such as a comment.  */
	/* ---------------------------------------------- */
	.attendance-list {
		margin: 0;
		padding: 0;
		list-style: none;
		}

	.attendance-list strong {
		display: block;
		font-size: 1.2em;
		color: black;
		}

	.attendance-list li {
		padding: 5px 0;
		font-size: 0.9em;
		color: #414141;
		}
	/* ---------------------------------------------- */


	/* ---------------------------------------------- */
	/* guidelines, originally written for about/guid- */
	/* lines. Use where ever list is short and needs  */
	/* to fill big space.                             */
	/* ---------------------------------------------- */
	.guidelines {
		padding: 10px;
		list-style: none;
		}

	.guidelines li {
		padding: 10px;
		font-size: 1.1em;
		font-weight: bold;
		}
	/* ---------------------------------------------- */


	/* ---------------------------------------------- */
	/* publications list. ahhh so many lists! this is */
	/* for listing a publication name (thats usually  */
	/* also a hyper link, with one or two lighter     */
	/* lines after it. Use the strong tag to automate */
	/* the line break.                                */
	/* ---------------------------------------------- */
	.publication-list {
		margin: 0;
		padding: 0;
		list-style: none;
		}

	.publication-list strong {
		display: block;
		font-size: 1.2em;
		color: black;
		}

	.publication-list li {
		padding: 5px 0;
		font-size: 0.9em;
		color: #414141;
		}
	/* ---------------------------------------------- */


	/* ---------------------------------------------- */
	/* link-lists. Created for view/links/ and        */
	/* similar mass-listings using tables             */
	/* ---------------------------------------------- */
	.link-list {
		margin: 0;
		padding: 10px;
		border: 1px #8a8b80 solid;
		background: #cecfc0;
		}

	.link-list th {
		padding: 4px;
		background: #a6a79a;
		}

	.link-list td {
		padding: 5px 0;
		border-bottom: 1px #a0a195 solid;
		font-size: 0.9em;
		text-align: left;
		}
	/* ---------------------------------------------- */


	/* ---------------------------------------------- */
	/* thumbnail-list. used for quick, on-page image  */
	/* galleries, such as galleries found in under    */
	/* the clock project.                             */
	/* ---------------------------------------------- */
	.thumbnail-list {
		padding: 10px 5px 5px 5px;
		border: 1px #8a8b80 solid;
		background: #cecfc0;
		text-align: left;
		}

	.thumbnail-list img {
		padding: 2px 3px 2px 3px;
		border: 0;
		}

	.thumbnail-list p {
		color: #141414;
		font-size: 1em;
		}
	/* ---------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */



.thumbnail img {
	text-decoration: none;
	border: 1px solid #333333;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}

#odd {
	background-color: #E5E0D1;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7E7B73;
	color: black;
	}

#even {
	background-color: #EAE9E0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7E7B73;
	color: black;
	}

h1, h2, h3, h4 {
	margin: 0;
	}

#content {
	padding: 10px 20px;
	}

#left-pane {
	width: 300px;
	margin-right: auto;
	}

#right-pane {
	float: right;
	width: 350px;
	margin: 0;
	}

.bottom-border {
	margin-bottom: 10px;
	border-bottom: 1px #b2b2a4 solid;
	}

.left-indent {
	padding: 3px 3px 3px 15px;
	}

.content-width {
	width: 675px;
	text-align: center;
	}

.narrow-content {
	margin: auto;
	width: 90%;
	text-align: center;
	}

.black-border {
	border: 1px black solid;
	}

.footnote {
	margin: 10px;
	padding: 10px;
	background: #cfccc0;
	border: 1px #b2b2a4 solid;
	font-style: italic;
	color: black;
	}


/* ICON LIST */



.icon-list {
	margin: 0 0 15px 0;
	padding-left: 5px;
	}

.icon-list li {
	clear: left;
	margin-bottom: 15px;
	padding: 0 0 3px 0;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	}

.icon-list li img {
	float: left;
	margin: 3px 10px 25px 0;
	border: 1px black solid;
	}

.icon-list li h3 {
	margin-left: 160px;
	}

.icon-list li p {
	margin-left: 160px;
	}

.shop-icon-list {
	margin: 0 0 25px 0;
	padding-left: 5px;
	}

.shop-icon-list li {
	margin-bottom: 15px;
	padding: 0 0 3px 0;
	height: 150px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	text-align: left;
	}

.shop-icon-list li img {
	float: left;
	margin: 3px 10px 0 0;
	border: 1px black solid;
	}

.shop-icon-list li h3 {
	margin-left: 100px;
	}

.shop-icon-list li p {
	margin-left: 100px;
	}

tt {
	background: white;
	font-weight: bold;
	color: green;
	}

ul.no-style {
	padding: 0;
	list-style: none;
	}

ul.square {
	list-style: square;
	}

/* TABLE Styles */

.table-style-1 {
	padding: 3px;
	border: 1px solid black;
	}

/* ############################################## */
/*                                                */
/* 10). FONTS                                     */
/* Style definitions that are basically for font  */
/* related formatting. h1, bread crumbs, etc.     */
/*                                                */
/* ############################################## */


	p {
		font-size: 1.1em;
		}

	ol {
		font-size: 1.2em;
		}  

	h4 {
		font-size: 1.4em;
		}

	/* ----------------------------------------- */
	/* Page Title - This is the h1 just before   */
	/* the .location (bread crumbs) on (most)    */
	/* pages.                                    */
	/* ----------------------------------------- */
	#page-title {
		padding-top: 5px;
		letter-spacing: 1px;
		font-size: 2.7em;
		}

	/* ----------------------------------------- */
	/* Location - the "break crumbs" just below  */
	/* the page h1 title.                        */
	/* ----------------------------------------- */
	.location {
		margin: 0;
		padding-bottom: 10px;
		font-size: x-small;
		}



/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */



/* ############################################## */
/*                                                */
/* 11). TABLES                                    */
/* Style defintions directly effecting tables     */
/*                                                */
/* ############################################## */




/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */



/* EOF */