/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 25px 0; line-height: 18px; }
.clear{clear:both;}
.wrap { width: 920px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
a { color: #928B08; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

/* BASE */
body { background-color: #fff; font-family: verdana, helvetica, sans-serif; font-size: 80%; color: #373730; height: 100%; }

#top { background: url(images/bg-top.gif) #fff repeat-x; height: 134px; }
  #logo { width: 300px; float: left; padding: 43px 0 0 64px; }
  #phonenumber { width: 300px; float: right; text-align: right; padding: 53px 36px 0 0; }

#headerwide { height: 231px; background: url(images/bg-header-wide.gif) repeat-x; }
  #header { background: url(images/bg-header.gif) no-repeat; }
    #headerimg { width: 500px; height: 231px; padding: 0 0 0 64px; float: left; }
    #mainmenu { width: 290px; float: left; }
      #mainmenu ul { margin: 0; padding: 26px 0 0 0; list-style: none none; }
      #mainmenu li { padding: 0 0 8px 0; list-style: none none; font-size: 11px; height: 16px;}
      #mainmenu li a { height: 16px; display: block; color: #000; font-weight: bold; text-decoration: none; }
      #mainmenu li a:hover { color: #c2d71b; }
      #mainmenu li a span{visibility: hidden;}
      
      #mainmenu #home, #mainmenu #home a{background: url(images/mainmenu_home.gif) no-repeat;}
      #mainmenu #pmalt, #mainmenu #pmalt a{background: url(images/mainmenu_pmalt.gif) no-repeat; height: 33px;}
      #mainmenu #tild, #mainmenu #tild a{background: url(images/mainmenu_tild.gif) no-repeat;}
      #mainmenu #short-programmes, #mainmenu #short-programmes a{background: url(images/mainmenu_short-programmes.gif) no-repeat;}
      #mainmenu #about-inner-leader, #mainmenu #about-inner-leader a{background: url(images/mainmenu_about-inner-leader.gif) no-repeat;}
      #mainmenu #leadership-source, #mainmenu #leadership-source a{background: url(images/mainmenu_leadership-source.gif) no-repeat;}
      #mainmenu #contact, #mainmenu #contact a{background: url(images/mainmenu_contact.gif) no-repeat;}
      
      #mainmenu #home a:hover, #mainmenu #home a.active {background: url(images/mainmenu_home2.gif) no-repeat;}
      #mainmenu #pmalt a:hover, #mainmenu #pmalt a.active {background: url(images/mainmenu_pmalt2.gif) no-repeat;}
      #mainmenu #tild a:hover, #mainmenu #tild a.active {background: url(images/mainmenu_tild2.gif) no-repeat;}
      #mainmenu #short-programmes a:hover, #mainmenu #short-programmes a.active {background: url(images/mainmenu_short-programmes2.gif) no-repeat;}
      #mainmenu #about-inner-leader a:hover, #mainmenu #about-inner-leader a.active {background: url(images/mainmenu_about-inner-leader2.gif) no-repeat;}
      #mainmenu #leadership-source a:hover, #mainmenu #leadership-source a.active {background: url(images/mainmenu_leadership-source2.gif) no-repeat;}
      #mainmenu #contact a:hover, #mainmenu #contact a.active {background: url(images/mainmenu__contact2.gif) no-repeat;}
      
#leftcontent { width: 214px; float: left; padding: 20px 40px 0 64px; font-size: 11px; }
  #leftcontent p { line-height: 20px; }

#content { width: 560px; float: left; padding: 20px 0 0 0; }
  #content h1 { font-weight: normal; font-size: 135%; color: #89004B; margin: 0 0 20px 0; }
  #content h2{font-size: 115%; padding: 0; margin: 0; color: #40527B;} 
  #content ul { padding: 0 0 15px 30px; }
  #content ul li a { text-decoration: none; }
  #content ul li a:hover { text-decoration: underline; }
  #content a { text-decoration: none; }
  #content a:hover { text-decoration: underline; }
  blockquote{background: #eee; padding: 15px 50px 10px 50px; border: 1px solid #dadada;}
  cite{margin: 0; padding: 0; position: relative; bottom: 45px; padding: 0 50px;}

.sidemenu { width: 214px; padding: 0 0 45px 0; }
  .banner { font-size: 15px; font-weight: bold; padding: 0 0 10px 0; }
  .sidemenu ul { padding: 0; list-style: none; }
  .sidemenu li { width: 214px; }
  .sidemenu li a { text-decoration: none; }
  .sidemenu li a{ width: 181px; font-size: 11px; color: #333; font-weight: normal; display: block; background: url(images/bg-sidemenu.gif) no-repeat left center; padding: 7px 0 9px 25px; text-decoration: none; border-bottom: 1px dotted #adadad;}
  .sidemenu li a:hover { text-decoration: underline; }

#registerbox{float: right; width: 230px; text-align: right; position: relative; bottom: 10px;}

#pads { padding: 0 0 0 64px; }
.box { width: 202px; padding: 4px 20px 0 50px; float: left; background: url(images/icon-puzzle.gif) no-repeat; font-size: 11px; } 
h2 { color: #928B08; font-size: 115%; padding: 0 0 13px 64px; }

/* FOOTER */
#footer { padding: 30px 0 30px 0; font-size: 10px; color: #000; }
  #footer ul { list-style: none none; padding: 0 36px 0 64px; }
  #footer ul li { float: left; margin: 0 40px 0 0; }
  #footer ul .flast { float: right; margin: 0; }
  #footer a { font-weight: normal; color: #000; }

#footerline { width: 100%; background: url(images/bg-footer.gif) #fff repeat-x; height: 10px; font-size: 1px; }


#testimonial
{
margin: 0px;
padding-bottom: 35px;
padding-top: 0px;
line-height: 1.5em;
font-size: 1.1em;
}




/************* contact form ***************************/
form{
	width: 500px;
	margin: 15px 0 40px 0;
	clear: left;
}

#form-left{
	width: 250px;
	float: left;
}

#form-right{
	width: 250px;
	float: right;
}

.formfield, #messagediv label{
	padding: 0 0 10px 0;
}

input, select, textarea{
	border: solid 1px #666;
	background: #fff;
	width: 180px;
}

textarea{
	width: 430px;
}

#submitdiv input{
	float: right;
	margin: 0 70px 0 0;
	background: #eee;
}

#errormsg{
	width: 270px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) #fff no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	height: 60px;
}