/* GLOBAL */

body {
  background: #fff;
  color: #333;
  font: 75% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 3.4em;
  line-height: 1.2em;
  margin: 0.6em 0 0 0;
  color: maroon;  
}

h2 {
  font-size: 2em; 
  line-height: 1em;
  margin: 1.15em 0 .3em 0;
}

h3 {
  font-size: 1.5em;
  line-height: 1.7em;
  margin: 1em 0em 0em 0em; 
  color: maroon;
}

h4 {
  font-size: 1.1667em;
  line-height: 1.2857em;
  margin: 1.2857em 0 0 0; 
}

h5 {
  font-size: 1em;
  line-height: 1.5em;
  margin: 1.5em 0.5em 0 0; 
}

h6 {
  font-size: .9167em;
  line-height: 1.6364em;
  margin: 1.6364em 0 0 0; 
}

p {
  font-size: 1.3em;
  font-weight: 500;  
  line-height: 1.5em;
  margin: 0 0 1.5em 0;
}


a.nav:link, a.nav:visited {
  text-decoration: none;
  color: maroon;
}

a.nav:focus {
  outline: 1px dotted;
}

a.nav:hover, a.nav:active, li a.nav.active {
  outline: none;
  text-decoration: underline;
}

a.text:link, a.text:visited {
  text-decoration: underline;
  color: maroon;
}

a.text:focus {
  outline: 1px dotted;
}

a.text:hover, a.text:active, li a.text.active {
  outline: none;
  text-decoration: underline;
}

/*LAYOUT */
#wrapper {
  margin: 0 auto;
  width: 960px;
}

#container {
  margin: 0 0 10px;
}

/* 2 columns - sidebar-left */
body.sidebar-left #center {
  border-left: 1px solid #ccc;
  float: right;
  padding-left: 10px;
  width: 780px;
}

/* 2 columns - sidebar-right */
body.sidebar-right #center {
  border-right: 1px solid #ccc;
  float: left;
  padding-right: 10px;
  width: 780px;
}

/* 7.SIDEBARS  */
.sidebar {
  width: 160px;
}

#sidebar-left {
  float: left;
  margin-right: 9px;
}

#sidebar-right {
  float: right;
  margin-left: 8px;
}