body {
  background:#fec057;
  color:#333;
  font-family:arial,sans-serif;
  font-size:10pt;
  margin:0;
  padding:0;
  width:100%;
}

h1,h2,h3 {
  margin:0;
  padding:0;
} 
h1 {
  background:#cf5809 url(/images/mainbg.gif) repeat-x bottom;
  border-color:#fff;
  border-style:solid;
  border-width:1px 1px 0;
  color:#fff;
  font-size:14pt;
  font-weight:normal;
  padding:8px;
  margin:0;
  text-align:center;
}
h2 {
  color:#000;
  font-size:13pt;
  padding:10px 0 2px;
}
h3 {
  color:#000;
  font-size:11pt;
  padding:4px 0 2px;
}
h3:before{
  content: url(/images/bullet.jpg) " ";
}

a {
  color:#5E60AB;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  color:#f00;
  text-decoration:underline;
}
a img {
  border: 0;
}

p {
  margin:0;
  padding:0 0 4px;
}
p.testimonialText {
  font-style:italic;
}
p.testimonialWho {
  text-align:right;
  font-style:italic;
  font-weight:bold;
}

form {
  margin:0;
  padding:0;
}

img.floatPicLeft {
  float:left;
  margin-right:1em;
  margin-top:0.5em;
  margin-bottom:0.3em;
}

img.floatPicRight {
  float:right;
  margin-left:1em;
  margin-top:0.5em;
  margin-bottom:0.3em;
}

.showElement {
  display:block;
}
.hideElement {
  display:none;
}

.quote {
  color:#202060;
  font-style:italic;
}
.quoter {
  text-align:right;
  font-weight:bold;
}

.box-tiny {
  background:#000 url(/images/menubg.gif) repeat-x top;
  border:1px solid #fff;
  color:#fff;
  font-size:9pt;
  margin-bottom:10px;
  padding:5px;
}
.box-tiny a {
  color:#fff;
  font-weight:normal;
  text-decoration:underline;
}
.box-tiny a:hover {
  color:#f00;
}

.small-print {
  font-size:8pt;
}

#header {
  background:url(/images/logo-provocative-change-works-bg.gif) no-repeat 95px 18px;
  float:left;
  height:115px;
  margin:0;
  padding:0;
  width:100%;
}
#header img {
  margin:5px 10px 0;
}

#contact-info {
  color:#fff;
  float:right;
  font-size:9pt;
  margin:5px 10px 0;
  text-align:right;
}
#contact-info a {
  color:#fff;
}

#menu {
  background:url(/images/menubg.gif) repeat-x top;
  border:1px solid #fff;
  font-size:9pt;
  margin:0 10px 10px;
  padding:5px;
  position:relative;
  text-align:center;
  white-space:nowrap;
  z-index:999;
}
#menu a {
  color:#fff;
  padding:0 0 7px 0;
}
#menu a:hover {
  text-decoration:none;
}
#menu a.selected {
  color:#fec057;
}
#menu ul {
  list-style:none;
  margin:0;
  padding:0;
  z-index:999;
}
#menu li {
  display:inline;
  margin:0;
  padding:0 5px;
  position:relative;
  z-index:999;
}
#menu li ul {
  background:#000000;
  border:1px solid #fff;
  border-top:1px solid #000000;
  display:none;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:19px;
  z-index:999;
}
#menu li ul li {
  border-bottom:1px solid #888;
  display:list-item;
  font-size:9pt;
  padding:0;
  text-align:left;
  white-space:nowrap;
  z-index:999;
}
#menu li ul li a.selected {
  background:#cf5809;
  color:#ffffff;
  font-weight:bold;
}
#menu li ul li a {
  color:#ffffff;
  display:block;
  font-weight:normal;
  padding:5px 10px;
}
#menu li ul li a:hover {
  background:#808080;
}
#menu li:hover ul,
#menu li.over ul {
  display: block;
}

#colmask {
  position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;     /* width of whole page */
  overflow:hidden;    /* This chops off any overhanging divs */
  /* Left column background colour */
}
#colmid {
  float:left;
  width:200%;
  position:relative;
  left:170px;
  /* Centre column background colour */
}
#colright {
  float:left;
  width:100%;
  position:relative;
  left:50%;
  margin-left:-343px;
  /* Right column background colour */
}
#col1wrap {
  float:right;
  width:50%;
  position:relative;
  right:100%;
}
#col1pad {
  margin:0 0 0 343px;
  overflow:hidden;
}
#col1 {
  width:100%;
  overflow:hidden;
}
#col2 {
  float:left;
  position:relative;
  margin-left:-50%;
  left:183px;
  overflow:hidden;
  width:152px;
}
#col3 {
  float:left;
  width:155px;
  position:relative;
  left:8px;
  overflow:hidden;
  text-align:center;
}

#content {
  background:#fef0d7;
  border-color:#fff;
  border-style:solid;
  border-width:0 1px 1px;
  padding:5px 10px;
}

#videoList {
  height:565px;
  margin-right:10px;
  overflow:auto;
  width:auto;
}
#videoList li img {
  vertical-align:middle;
}
#videoList li {
  padding:2px 1px 4px 1px;
  text-align:left;
  white-space:normal;
}
#videoList li.selected {
  padding:5px;
  white-space:nowrap;
  display:block;
  background:#2c143f;
  color:#ffffff;
}
#videoSelected object {
  margin:15px 0;
}
#videoSelected div {
  background:#efefef;
  border:1px solid #999;
  font-size:1.5em;
  height:250px;
  padding:25px;
  width:320px;
}

#footer {
  color:#fff;
  clear:both;
  float:left;
  width:100%;
  padding:0;
  margin:10px 0 0;
  text-align:center;
}
#footer p {
  margin:10px 165px 10px 170px;
  text-align:left;
}