html {
  overflow: auto;
}

body {
  color: #fff;
  font-family: arial, tahoma, serif;
  text-align: center;
  border: none;
  padding: 0;
  margin: 0;
  background: #2A2A2A url(/assets/img/page_bg.png) repeat-x;
  font-size: 0.8em;
}

img, a img {
  margin: 0;
  padding: 0;
  border: none;
  behavior: url(/assets/css/iepngfix.htc);
}

p, a {
  color: #fff;
  text-decoration: none;
}

span#loading {
  padding: 2px;
  margin: 4px;
}

a:hover {
  color: #0096B5;
}

.orange {
  color: #FC6F10;
}

.blue {
  color: #0096B5;
}

h1, h2, h3 {
  font-weight: normal;
}

h1 {
  margin: 0 0 0.3em 0;
}

ul {
  list-style-image: url(/assets/img/bullet.png);
  behavior: url(/assets/css/iepngfix.htc);
  list-style-type: circle;
  list-style-position: outside;
}

#content ul li {
  margin-bottom: 0.4em;
}

#container {
  width: 700px;
  text-align: left;
  margin: 0 auto;
}

body.admin #container {
  width: 900px !important;
}

#top, #banner, #content {
  width: 100%;
  float: left;
  margin-top: 2em;
}

#top #logo, #banner .lhs, #banner .rhs {
  float: left;
}

#top #main-menu, #content .rhs {
  float: right;
}

#top #main-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#top #main-menu li {
  display: inline;
  margin-left: 1.5em;
}

body.home #top #main-menu ul li.home a,
body.workshops #top #main-menu ul li.workshops a,
body.consultancy #top #main-menu ul li.consultancy a,
body.resources #top #main-menu ul li.resources a,
body.contact #top #main-menu ul li.contact a {
  color: #0096B5;
}

#banner {
  width: 692px;
  background: #fff url(/assets/img/banner_bg.jpg) top right no-repeat;
  border: 4px solid #0096B5;
  margin-bottom: 1em;
  padding: 0;
  height: 200px;
  overflow: hidden;
}

#banner .lhs {
  width: 290px;
}

#banner .rhs {
  color: #000;
}
#banner .rhs h1 {
  color: #3C4457;
  font-size: 1.5em;
  line-height: 1.4em;
  padding: 22px;
  width: 336px;
}

.no-bg {
  background: none !important;
}

#content {
  margin-top: 1em;
  margin-bottom: 1.5em;
  background: #1E1E1E;
  line-height: 135%;
  border: 1px solid #3F3F3F;
  font-size: 95%;
}

#content a {
  color: #FC6F10;
}

#content a:hover {
  text-decoration: underline;
}

#content .wrapper {
  padding: 1.5em;
}

#content h1, #content h2, #content h3 {
  color: #0096B5;
  font-size: 1.8em;
  padding: 0;
  margin-top: 0;
  line-height: 1.1em;
}

#content h2 {
  font-size: 1.2em;
}

#content h3 {
  font-style: italic;
  font-size: 1.2em;
}

body.admin #content div.lhs {
  width: 550px;
}

#content div.rhs {
  width: 260px;
  margin-left: 25px;
  margin-bottom: 25px;
}

#footer {
  font-size: 0.9em;
  margin-bottom: 2em;
  float: left;
  padding: 0 10px;
  width: 680px;
}
#footer p {
  margin: 0;
  color: #888;
}
#footer p.menu, #footer p.menu a {
  color: #888;
  margin-bottom: 0.4em;
}

.alert {
  float: none;
  padding: 0.4em 2.5em;
  background: #222;
  background-position: 0.6em 0.4em;
  background-repeat: no-repeat;
  display: inline-block;
  -moz-border-radius: 4px;
  border: 1px solid #444;
  margin: 1em 0;
}
.alert.error, .alert.error a {
  color: #CF4040;
}
.alert.error {
  background-image: url(/assets/img/exclamation.gif);
}
.alert.info, .alert.info a {
  color: #75A1D0;
}
.alert.info {
  background-image: url(/assets/img/information.gif);
}

.homepage-promo {
  border: 1px solid #3F3F3F; 
  background: #2A2A2A; 
  text-align: center; 
  padding: 1em; 
  margin: 1em auto; 
  width: 50%
}

.coming-soon {
	float:right;
	position:absolute;
	top:230px;
	left:70%;
}

.homepage-promo a, .homepage-promo a:hover {
  text-decoration: none !important;
}

/* LOGOUT */

#logout {
  text-align: right;
  border-bottom: 1px solid #333;
  padding: 0.2em;
  font-size: 0.9em;
  margin-bottom: 1.4em;
}
#logout a {
  color: #fff;
  margin-left: 0.6em;
}
#logout a img {
  width: 1em;
}

/* INPUTS */

input, textarea {
  border: 1px solid #ddd;
  padding: 0.15em;
  font-family: arial;
  font-size: 1em;
}

.inputfile {
  background-color:grey;
  border: 1px solid #ddd;
  padding: 0.15em;
  font-family: arial;
  font-size: 1em;
} 


/* LOGIN SCREEN */

td.error, input.error, textarea.error {
  color: #FF8F8F;
  font-weight: bold;
}
input.error, textarea.error {
  color: #8F0000;
  background: #FF8F8F;
}


/* CALENDAR */

span.date {
  float: right;
  width: 60px;
  background: #fff;
  padding: 2px;
  margin-bottom: 1em;
  margin-left: 1em;
}

span.date span.month,
span.date span.day {
  font-weight: bold;
  display: block;
  width: 100%;
  text-align: center;
}

span.date span.month {
  text-transform: uppercase;
  color: #1D1D1D;
}

span.date span.day {
  height: 47px;
  font-size: 3em;
  line-height: 1.4em;
  color: white;
  background: url(/assets/img/calendar_bg.png) repeat-x; 
}


/* TABLES */

table.styled {
  border-collapse: collapse;
  margin-bottom: 2em;
  width: 100%;
}
table.bordered, table.bordered td, table.bordered th {
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
}

td {
  padding: 0.3em;
}

th {
  padding: 0.3em 0.6em;
}

table.styled td, table.styled th {
  border-bottom: 1px solid #333;
  margin: 0;
}

table.styled th {
  border-top: 1px solid #333;
}

table.styled tr.no-bottom-border th, 
table.styled tr.no-bottom-border td {
  border-bottom: none !important;
}

table.styled tr.no-top-border th,
table.styled tr.no-top-border td {
  border-top: none !important;
}

table.styled tr:hover td, table.styled th {
  background: #222;
}

table.styled th img {
  margin-right: 0.6em;
  float: left;
}

pre {
  padding: 1em;
  background-color: #222;
  border: 1px dashed #888;
  line-height: 1em;
}

tr.duplicate {
  color: grey;
}