*{margin:0;padding:0;}

body {
	font-size:62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#FFF;
	color:#666;
}

#wrap {
	background:#fff url(../images/wrapbg.gif) left top repeat-x;
}

#global {
	width:766px;
	margin:0 auto;
	background:#fff url(../images/globalbg.gif) left top repeat-y;
	z-index:2;
	font-size:1.1em;
	text-align:left;
}

* html #global {
	width:761px;
}

/* ELEMENTS*/
img {border: 0px;}
h1,h2,h3,h4,h5,h6{margin-bottom:0.3em; padding:0px; position:relative;}
h1{font-size:1.66em;color:#333399; margin:5px 0px; }
h2{font-size:1.25em; }
h3{font-size:1.10em;}
h4{font-size:1em;}
h5{font-size:0.91em;}
h6{font-size:0.83em;}

p {
	margin:3px 0px;
	padding:0px 0px 5px;
}

ul,
ol {margin:5px 2em;}
dl {margin-bottom:0.5em;}
dt {font-weight:bold;}
dd {margin:3px 0px 3px 20px;}

kbd {
	border:1px solid #ddd; 
	border-color:#ddd #333 #333 #ddd;
	padding:0.2px 0.4em;
	background:#f8f8f8;
	color:#17519B;
	font-weight:bold;
	font-family:Verdana;
	font-size:0.9em;
}

/* ----code */
div.code {
	display: block;
	margin-bottom: 0.5em;
	padding: 10px;
	border: 1px solid #8CACBB;
	background: #DEE7EC;
	max-height: 100px;
	overflow: auto;
}

* html div.code {height: 100px;}

/* ---- pull quote */
div.pullquote {
	display: block;
	float: right;
	padding: 0px 10px;
	border-left: 5px solid #99cc33;
	width: 40%;
	margin: 5px 0 5px 10px;
	color: #333399;
}

  .success,.msginfo,.msgerror{
  background-position:10px 50%;
  background-repeat:no-repeat;
  text-align:left;
  padding: 5px 20px 5px 35px;
  border-width:2px 0px;
  border-style:solid;
  margin:0.5em 0px;
  }
  .msgerror{
  background-color:#fff6bf ;
  background-image:url(../images/icons/exclamation.gif);
  border-color:#ffd324;
  }
  .msginfo {
  background-color:#F8FAFC ;
  background-image:url(../images/icons/information.gif);
  border-color:#B5D4FE;
  }
  .success{
  background-color: #ebf4e6;
  background-image:url(../images/icons/accept.gif);
  border-color:#72B95B;
  }
  .hidden{display:none !important;}

  a{color:#666}
  a:hover{color:#0099cc;}

  /* STRUCTURE */
  #header{
  background:url(../images/headerbg.gif) bottom repeat-x;
  text-align:right;
  }

  #headerwrap {
  width:766px;
  background:url(../images/topbg.gif) bottom no-repeat;
  margin:0 auto;
  min-height:86px;
  }

  * html #headerwrap {
  height:86px;
  }

  /* TOP LINKS */
  #toplinks{
  list-style:none;
  margin:0px 0px 0.5em ;
  font-size:1em;
  padding:5px 0 0;
  }

  #toplinks li{
  display:inline;
  padding:5px 0;
  padding-left:0.5em;
  }
  #toplinks a{color:#000; text-decoration:none;}
  #toplinks a:hover{color:#0099cc;}

  #timer {
  float:left;
  margin:5px 0px 0px 240px;
  font-size:1.5em;
  color:#0099cc;
  font-weight:bold;
  }

  * html #timer {
  margin-left:120px;
  }

  /*FOOTER*/
  #end {
  clear:both;
  }

  #footer{
  font-size:1em;
  background:url(../images/footerbg.gif) top no-repeat;
  padding:5px;
  color:#666;
  margin:0 auto;
  width:766px;
  clear:both;
  text-align:left;
  }

  #footerwrap {
  background:url(../images/footerwrapbg.gif) top repeat-x;
  margin:0 auto;
  }

  #logos {
  margin-top:150px;
  width:800px;
  }


  /* BANNER  */
  #banner{
  margin:0px;
  padding:0px;
  }

  #banner img {
  margin-bottom:-5px;
  padding:0px;
  width:766px;
  }

  /* CONTENT AREA*/
  #content{
  margin:0px;
  margin-bottom:4px;
  float:left;
  margin:0 1px;
  }
  /* SIDE MENU*/
  #menu{
  float:left;
  width:161px;
  color:#fff;
  }

  * html #menu {
  width:160px;
  }

  #menu ul{margin:0px;}
  #menu ul a{
  color:#fff; 
  display:block; 
  padding:4px 5px; 
  text-decoration:none;
  }
  

#menu ul a:hover {
	background: #669900;
}

  /* First List*/
  #menu ul{list-style:none;}
  #menu ul li{
  border-top:1px solid #c8e185; 
  background:#99cc33;
  padding:0;
  }
  /* 2nd List*/
  #menu ul li ul{
  margin:0;
  background:#C8E185;
  }
  #menu ul li ul li{border:0; background:#C8E185;}
  #menu ul li ul li a{padding:3px 0px 3px 10px; color:#333;}
  #menu ul li ul li a:hover {background:#C8E185; color:#669900;}
  /* MAIN CONTENT*/
  #maincontent{
  float:right;
  width:579px;
  padding:0px 10px;
  }


  p.description{font-weight:bold;}

  #quotebox {
  border:1px solid #dff2f8;
  float:right;
  width:570px;
  margin:0px 10px;
  padding:5px;
  }

  * html #quotebox {
  width:560px;
  }

  #quotebox img {
  float:right;
  margin-left:5px;
  }

  /* TEXT EDITOR */
  body#maincontent{
  background:#fff;
  text-align:left;
  font-size:12px !important;
  margin:5px !important;
  width:auto !important;
  float:none !important;
  padding:0;
  }

  /* Pages */
  #breadcrumbs{margin-bottom:10px;}

  /* Media Centre */
  p.back,
  p.more{
  margin-top:1em;
  clear:both;
  }
  p.date{
  font-size:0.9em;
  border-bottom:1px solid #E0E0D6;
  padding:3px 15px;
  margin-bottom:1em;
  background:url(../images/icons/icon_date.gif) left 3px no-repeat;
  }
  a.viewmore
  {
  text-decoration:none;
  padding-left:15px;
  background:url(../images/icons/arrow_right.gif) left top no-repeat;
  }

  .imageArticle{
  float:right;
  margin:0px 5px 10px;
  border:1px solid #000
  }

  .box h2{font-size:1.4em;}
  .box h2 a{text-decoration:none;}
  .box h2 a:hover{text-decoration:underline;}

  .box:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } 
  .box{display:inline-block; padding:5px 0 10px;} 
  /* Hides from IE Mac \*/ 
  * html .box{height: 1%;} 
  .box{display:block;} 
  /* End Hack */ 

  #mediacentre_actions
  {
  margin-top:2px;
  text-align:right;
  float:right;
  position:relative;
  z-index:8
  }
  #mediacentre_actions a{padding:0; margin:0; height:2px;}
  #mediacentre_actions a img
  {
  border:1px solid #fff;
  padding:2px;
  margin:0px;
  }

  #mediacentre_actions a:hover img
  {
  border:1px solid #027ABB;
  background:#E9F6FD;
  }


  /* thumbnail list*/
  #thumbnail { list-style:none; margin:0}
  #thumbnail li{float:left;}

  #thumbnail a{
  text-decoration:none;
  display:block;
  border:1px solid #B5D4FE;
  margin-right:10px;
  width:100px;
  text-align:center;
  padding:5px;
  background:#fff;
  }
  #thumbnail a:hover{ border:1px solid #36c; background:#F8FAFC;}
  #thumbnail li img{
  margin:0 auto; 
  width:80px;
  height:65px;
  display:block;}


  /*gallery*/
  .gimage{
  min-height:145px;
  }
  * html body .gimage{height:145px}
  .gimage a, .gimage_large a,#gcaption{ 
  display:block;
  border:1px solid #dfdfdf;
  padding:10px ;
  background:#fafafa;
  text-decoration:none;

  }

  .gimage a:hover, .gimage_large a:hover{background:#f3f3f3;}
  .gimage a{width: 102px; }
  .gimage img, .gimage_large img{display:block;border:1px solid #ccc;margin:0px auto;}
  .gimage{
  text-align:center;
  float:left;
  margin-right:10px;
  margin-bottom:1em;
  }
  .gimage .gcaption{
  display:block;
  color:#333;
  font-size:10px;
  margin-top:5px;

  }
  .gimage_large{
  width: 424px;
  margin:0px auto;
  }
  #gcaption{ width:404px; margin:1em auto; text-align:center}

  /********************** PAGES MANAGEMENT *********************/
  .page{
  margin:1em 0px 0.5em 0px;
  border:1px solid #d5d5d5;
  background: #fff url(../images/page_bg.gif) bottom repeat-x;
  padding:0.7em 0.5em;
  color:#656565;
  float:left;
  clear:left;
  position:relative;
  }

  .page a,
  .page a:visited,
  .page .this{
  border:1px solid #027ABB;
  margin:2px;
  text-decoration:none;
  background:#E9F6FD;
  padding:2px 0.5em;
  color:#027ABB;
  }
  .page .this{
  background:#fff;
  color:#999;
  border-color:#999;
  }
  .page a:hover,
  .firstlast{
  color:#fff !important;
  background:#037BBC !important;
  }

  table{ margin: 5px 0px;}