/* @group STANDARD */
/* -------------------------------------------------------------- */
* { margin:0; padding:0; }

body {
  color: #4d4d4d;
  font-family: Verdana, sans-serif;
  font-size: .69em; /* 11px */
  margin: 0;
  padding: 0;
}

acronym {
  border-bottom: 1px dotted #4d4d4d;
  cursor: help;
}

p {
  line-height: 1.5em;
  margin: .5em 0;
}

a:link, a:visited, a:active  {
  font-weight: 700;
  color: #208597;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  outline: 1px dotted #208597;
}

a img {
  background-color: #fff;
  border: 1px dotted #DCDEE1;
  padding: 7px;
  text-decoration: none;
}

em{
  /*color: #EB6841;*/
  font-weight: 700;
  font-style: normal;
}

blockquote {
  border-bottom: 1px dotted #DCDEE1;
  border-top: 1px dotted #DCDEE1;
  color: #999;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 1em 0 1em 1em;
  padding-left: 1em;
  text-indent: -.5em;
}

h2 {
  color: #333;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 1.667em;
  font-weight: 700;
  line-height: 1.5em;
  margin: 0 0 .5em;
}

h3 {
  margin: 1em 0 0;
}

iframe {
  border: 0;
  width: 100%;
}

iframe.L2 {
  min-height: 1400px;
}  

iframe.L3 {
  min-height: 1450px;
}  

/* @group LAYOUT */
/* -------------------------------------------------------------- */
#Container {
  margin: auto;
  position: relative;
  /*min-width: 780px;
  max-width: 1000px;*/
  width: 69em;
}

body.exercise {
  background-color: #fff;
  width: auto;
}

.Content {
  width: 66em;
}

#MainOutter {
  border: 1px solid #DCDEE1;
  padding: 10px;
}

#Main {
  background-color: #F5F5F5;
  padding: .1em;
  margin: 0;
}

#Logo{
  background-color: #fff;
  border: 1px dotted #DCDEE1;
  border-width: 1px 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2em;
  letter-spacing: .1em;
  margin: 0 -2px;
}

body.exercise #Logo {
  margin: 0;
}

#Logo a {
  color: #333;
  display: block;
  padding: 1em;
  text-decoration: none;
}

#Logo a:focus {
  outline: 0;
}

#Logo .row {
  display: block;
}

#Logo .font1 {
  color: #DCDEE1;
}

#Logo .font2, #Logo .font3 {
  font-weight: normal;
  font-size: .9em;
}

#internalMenuLeft a, #externalMenu span{
  text-transform: uppercase;
}

#externalMenu {
  margin: 0;
  padding: 1em 2em 0.8em;
  font-size: .85em;
  text-align: right;
}

#externalMenu span a {
  letter-spacing: .1em;
  padding: 0 0 0 1em;
}

#internalMenu {
  color: #DCDEE1;
  margin: .5em 1em;
}

#internalMenuLeft {
  padding: 0 0 0 .5em;
  float: left;
}

#internalMenuRight {
  float: right;
}

#internalMenuLeft a {
  float: left;
  font-size: .85em;
  letter-spacing: .1em;
  padding: 0 1.5em 0 0;
}

#internalMenuRight span, #internalMenuRight a {
  border-right: 1px dotted #DCDEE1;
  float: right;
  padding: 0 .5em;
}

#internalMenuRight a:first-of-type {
  border: none;
  margin-right: -.5em;
}

#Content {
  margin: 0 0 1em;
}

#Content a {
  font-weight: 400;
}

#Bottom {
  padding: 1em 22px 2em;
}

#Bottom span {
  float: right;
}

#Bottom a.license {
  background: url("../img/minis.png") no-repeat scroll -146px 0 transparent;
  font-weight: 400;
  padding-left: 16px;
}

/* @group SPECIFIC classes */
/* -------------------------------------------------------------- */
.clearfloats {
  clear: both;
  height: 1px;
  margin: -1px 1em 0;
  overflow: hidden;
} 

.hidden {
  display: none;
}

.active {
  color: #B12C1E !important;
}

.important {
  color: #B12C1E !important;
}

.Category {
  float: left;
  margin: 2em 1.5em 0;
  width: 30em;
}

.Category ul , .Category ul li {
  line-height: 1.5em;
  margin: 0.3em 0;
  padding: 0;
  vertical-align: top;
  list-style-type: none;
}

.Category ul {
  margin: 0;
  list-style-type: none;
  list-style-position:inside;
}

.Category ul ul {
  list-style-position:inside;
  padding-left: 2em;
}

ul.indent {
  padding-left: 2em;
}

ul.indent li {
  list-style-type: disc;
}

.space .Primary{
  margin-top: 2em; 
}

.space .Secondary {
  margin-top: 3em; 
}

.Primary {
  float: left;
  padding: 0 3em 0 1.5em;
  width: 67%;
}

.Primary ul, .Primary ol {
  margin: 1em 2.5em;
}

.Secondary {
  color : #999; 
  float: left;
  font-size: .80em;
  padding: 1em 0;
  width: 25%;
}

.Secondary.quote {
  border-bottom: 1px dotted #DCDEE1;
  border-top: 1px dotted #DCDEE1;
}

.site {
  float: left;
  font-weight: normal;
  margin: 1em 0 0 1em;
}

.Secondary .site {
 margin: 1em 0 0;
}

.Secondary ul {
  margin-left: 1.5em;
}

.siteSnippet a {
  margin-bottom: .5em;
  text-decoration: none;
}

.siteSnippet a img {
  margin: 0 .5em;
}

.siteDetails {
  font-size: .8em;
  margin-left: 1em;
  text-align: center;
}

.siteDetails p {
  margin: 0;
  text-align: left;
}

.obs {
  margin: 1.5em 0 0;
  color: #999;
  font-size: .8em;
}