body {
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-family: georgia;
  color: #444444;
}

a:link, a:visited {
  color: #427597;
  text-decoration: none;
}

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


#itservices a:link, #itservices a:visited {
    color: #aa4400; 
}
#permaculture a:link, #permaculture a:visited {
    color: #008000; 
}
.hometext { font-size: 1.1em }


.quote .footer {
    text-align: right;
}

.quote blockquote {
    text-align: justify;
    font-style: italic;
    padding: 0;
    margin: 0;
}

#header {
  background: #fff;
}

#header-content {
  width: 66em;
  margin: 0 auto;
  padding-top: 1em;
  padding-bottom: 1em;
}

#main {
  margin-left: auto;
  margin-right: auto;
  background: #cbd3d5;
  background-image: url('/images/background3.png');
  background-position: center top;
  background-repeat: repeat-x;
  background-size: cover;
  margin: 0 auto;
  padding-bottom: 60px;
  clear: both;
}

#main-content {
  width: 66em;
  margin: 0 auto;
}

#main-slider {
  width: 66em;
  margin: 0 auto;
}

#footer {
  background: #222;
  color: #ddd;
}

#footer-content {
  width: 66em;
  margin: 0 auto;
  padding-top: 1em;
  padding-bottom: 2em;
  
}

#title {
  font-family: arial;
  font-size: 60px;
  font-weight: bold;
  color: #82A901;
  margin: 0 12px 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #ddd;
}

#right_column {
  width: 27.7em;
  display: inline-block;
  vertical-align: top;
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  border-right: 1px solid #ddd;
}

#left_column {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  width: 34em;
  display: inline-block;
  vertical-align: top;
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

#crumbs {
  color: #aaa;
  font-size: 10px;
  font-family: verdana;
  float: left;
  display: inline-block;
  white-space: nowrap;
}
#crumbs a:link, #crumbs a:visited {
  color: #aaa;
}


#auth_info {
  display: inline-block;
  float: right;
  text-align: right;
  color: #aaa;
  white-space: nowrap;
}
#auth_info a:link, #auth_info a:visited {
  color: #aaa;
}


#navigation li {
  line-height: 1.5em;
}

.plist li {
  padding-bottom: 0.5em;
}

.subnav {
  padding-left: 1em;
  list-style: disc;
}

.error {
    padding: 0.5em;
    margin: 0.5em;
    border: 1px solid #f00;
    background: #fee;
    text-align: center;
    font-weight: bold;
    font-size: larger;
}
.notice {
    padding: 0.5em;
    margin: 0.5em;
    border: 1px solid #f80;
    background: #ffffee;
    text-align: center;
    font-weight: bold;
    font-size: larger;
}
.info {
    padding: 0.5em;
    margin: 0.5em;
    border: 1px solid #d8efd8;
    background: #eff8ef;
    text-align: center;
    font-weight: bold;
    font-size: larger;
}
.general {
    padding: 0.5em;
    margin: 0.5em;
    border: 1px solid #ddd;
    background: #efeff8;
}

#debug {
    margin-top: 20em;
    margin-bottom: 1em;
    border: 1px solid #ccc;
    margin-left: auto;
    margin-right: auto;
    width: 66em;
    padding: 1em;
    color: #aaa;
    background: #fdd;
}


.button {
    padding: 5px 10px;
    display: inline;
    background: #777 url(/images/button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    font-family: georgia;
    font-size: 1em;
    }
.button:hover {
    background-position: 0 -48px;
    text-decoration: none;
    }
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }
.button.red { background-color: #e50000; color: #fff }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #97BE05; color: #fff }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; color: #fff }
.button.grey { background-color: #aaaaaa; color: #fff }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }


/* markup for ADMIN section of the default site */
.admin_tlist, .google-visualization-table-table {
    width: 100%;
    border-collapse: collapse;
    font-family: georgia;
    font-size: 12px;
}

.google-visualization-table-sortind {
    color: #eee;
}

.admin_tlist th, .admin_tlist td {
    border: 1px solid #82A901;
    padding: 0.3em;
}

.admin_tlist th {
    color: #fff;
    background: #97BE05;
    text-align: left;
    font-size: 1.1em;
}

.admin_tlist .even_row, .admin_row_odd td {
    background: #eff7d7;
}


.admin_header_cell {
    font-weight: bold;
    border: 1px solid #82A901;
    color: #fff;
    background: #97BE05;
    text-align: left;
    font-size: 1.1em;
    padding: 0.3em;
}

.admin_cell {
    font-family: georgia;
    border: 1px solid #82A901;
    padding: 0.3em;
}

#admin_bulk_load_report {
    border: 1px solid #ccc;
    padding: 1em;
    color: #aaa;
}
#admin_bulk_load_report pre {
    padding: 0;
    margin: 0;
}


.formtable {
    border-collapse: collapse;
    border: 1px solid #82A901;
}

.formtable th, .formtable td {
    padding: 0.3em;
}



.home_box {
  border: 3px solid #aa4400;
  border-radius: 20px;
  padding: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* home page image slider */
#slideshow {
    margin-top: 1em;
    z-index: 0;
}

#slideshow ul {
    list-style: none outside none;
    padding: 0;
    margin: 0;
}



/* top navigation bar styling */
#top-nav-content {
  width: 66em;
  margin: 0 auto;
}

nav {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 1.2em;
}

ul#css3menu_top {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #555;
    border-radius:5px;
    background-image:url("/images/mainbk.png");
    background-repeat:repeat;
    background-position:0 0;
    background-color:#444444;
}


ul#css3menu_top ul{
    display:none;
    position:absolute;
    top: 100%;
    left: 0;
    width:130px;
    box-shadow: 5px 5px 5px #000;
    padding:0 5px 5px;
    background-color:#cbd3d5;
    border-radius:2px;
    border: 1px solid #aaa;
}

ul#css3menu_top li:hover>* {
    display: inline-block;
    z-index: 10;
}

ul#css3menu_top li:hover{
    position:relative;
}

ul#css3menu_top li {
    display:inline-block;
    white-space:nowrap;
}



ul#css3menu_top a {
    display: inline-block;
    vertical-align:middle;
    text-decoration:none;
    color:#000;
    padding: 0.3em 1.5em 0.3em 1.5em;
    background-image:url("/images/mainbk.png");
    background-repeat:repeat;
    background-position:0 0;
    background-color:#444444;
}

ul#css3menu_top ul a{
    text-align:left;
    padding:4px;
    background-color: #cbd3d5;
    background-image: none;
    border-width:0;
    border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;
    color:#FFF;
    text-decoration:none;
}

ul#css3menu_top li:hover>a {
    color: #fff;
    text-decoration:none;
    background-image:url("/images/mainbk.png");
    background-position:0 100px;
}

ul#css3menu_top ul li {
    display: block;
    background-image: none;
    background-color: #cbd3d5;
    color: #555;
}
ul#css3menu_top ul li:hover>a {
    background-image: none;
    background-color: #cbd3d5;
    color: #555;
}

ul#css3menu_top li.topfirst>a {
    border-width:0;
    border-radius:4px 0 0 4px;
}
ul#css3menu_top li.topfirst:hover>a {
}

ul#css3menu_top li.topmenu>a {
}

ul#css3menu_top li.topmenu:hover>a {
}

ul#css3menu_top li.toplast>a {
    border-radius:0 4px 4px 0;
}
ul#css3menu_top li.toplast:hover>a {
}