/***
 * Reset styles 
 ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ul, ol {
	margin:0;
	padding:0;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***
 * main page layout elements
 ***/
 body {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    background: url(background-gradient.jpg) repeat-x #FFFFFF;
 }
 .container {
    width:960px;
    margin-right:auto;
    margin-left:auto;
    background-color:#fff;
 }
 .footer {
     background-color:#036;
     padding: 10px 10px 6px 10px;
     color:#fff;
 }
a, a:visited {color:#36c;}

 
/****
 * styles for header area
 ***/
 .nav {
      background-color:#036;
      padding-left:22px;
 }
 .nav .homelink {float:left;}

.menu {float:right;}
ul.menu {list-style-type:none; padding:0; margin:0;}
.menu .navitem {float:left;}
.nav:after {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
   }
 .nav {
      %zoom:1;
 }

 .nav a, .nav a:visited {
    color:#fff;
    text-decoration:none;
 }
 .nav a:hover {text-decoration:underline;}
.nav .navlink  { 
   padding:10px 15px 6px 15px;
   display:block;
   font-size:14px;
}
.menu .selected, .menu .selected:visited {  
   background:#fff; 
   color: #09247E; 
}
.menu a.navlink:hover {
   background: #945800;
   color:#fff;
}

.l3 {  
    border-bottom: 15px solid #999; 
 }

/*** 
 * Menu styles 
 ***/
.holder { position:relative; left:90px; top:3px;}

ul.pureCssMenu ul{display:none;}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%; z-index:100;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#003366;
	background-repeat:repeat;
/*	border-color:#cccccc #111111 #111111 #cccccc;
	border-width:0.5px;
	border-style:solid;*/
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	width:280px;
}
ul.pureCssMenu li{
	display:block;
	margin:0px 0px 0px 0px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#003366;
	border-width:0.5px;
	border-color:#003366;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:2px 5px 2px 10px; 
	_padding-left:0;
	color: #FFFFFF;
	font:14px Verdana;
	text-decoration:none;
	cursor:default;
}

ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
	font:12px Verdana;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#cccccc #111111 #111111 #cccccc;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3px;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#945800;
	border-color:#945800;
	border-style:solid;
	/*font:14px Verdana;*/
	color: #FFFFFF;
	text-decoration: underline;
	cursor:pointer;
}

ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#945800;
	border-color:#945800;
	border-style:solid;
	/*font:14px Verdana;*/
	color: #FFFFFF;
	text-decoration:underline;
}
ul.pureCssMenu li.dis a {
	color: #666 !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arr_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(./images/arrv_white.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(./images/arrv_white.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_white.gif)}

/*** 
 * landing page banner
 ***/

  .banner h2 {
      font-size:24px;
      color:#fff;
      font-weight:bold;
      font-family: "Times New Roman", Georgia, Times, serif;
     }
  .banner .serv, .banner .chal {
        width:760px;
  }
  .banner .serv {
     background:url(../images/services-banner.jpg) no-repeat;
     text-align: right;
     padding-top:100px;
	 margin-top: 10px;
	 padding-right: 50px;
     height:100px;
	 width:940px; 
  }  
  .banner .pub {
    background:url(../images/publications-banner.jpg) no-repeat;	
    text-align:right;
    padding-top:80px;
	padding-right: 60px;
	margin-top: 10px;
    width:940px; 
    height:100px;
  }
  .banner .chal {
       background:url(../images/challenges-banner.jpg) no-repeat;
       height:100px;
	   width:960px;
       padding: 80px 0 0 5px;
	   margin-top: 10px;
  }
  .banner .about {
       background:url(../images/about-banner.jpg) no-repeat;
       height:100px;
	   width:950px;
       padding-top:130px;
	   padding-right: 120px;
	   margin-top: 10px;
	   text-align:right; 
  }
  
  .banner .contact {
       background:url(../images/contact-banner.jpg) no-repeat;
       height:100px;
	   width:950px;
       padding-top:130px;
	   padding-left: 40px;
	   margin-top: 10px;
  }
  
  .banner .events {
       background:url(../images/events-banner.jpg) no-repeat;
       height:100px;
	   width:960px;
       padding: 80px 0 0 5px;
	   margin-top: 10px;
	   padding-right: 60px;
	   /*text-align:right;*/ 
  }
  
   .banner .press {
       background:url(../images/press-banner.jpg) no-repeat;
       height:100px;
	   width:960px;
       padding: 80px 0 0 350px;
	   margin-top: 10px;
	   color:#003366;
  }
  
  /* Banners for the secondary pages */
    .banner .serv-blue {
     background:url(../images/services-blue-banner.jpg) no-repeat;
     text-align: right;
     padding-top:100px;
	 margin-top: 10px;
	 padding-right: 50px;
     height:80px;
	 width:940px; 
  }  
  .banner .chal-blue {
       background:url(../images/challenges-blue-banner.jpg) no-repeat;
       height:100px;
	   width:960px;
       padding: 80px 0 0 5px;
	   margin-top: 10px;
  }
  .banner .about-blue {
       background:url(../images/about-blue-banner.jpg) no-repeat;
       height:100px;
	   width:950px;
       padding-top:130px;
	   padding-right: 120px;
	   margin-top: 10px;
	   text-align:right; 
  }
  
  .banner .quote {
     background-color:#036;
     color:#fff;
     min-height:180px;
     %height:180px;
     width:192px;
     margin: -180px 0 0 768px;
     font-size:18px;
     font-style:italic;
     position:relative;
  }
.banner .quote div {
   position:absolute;
   bottom:0;
   padding:40px 20px;
}


/***
 * homepage styles
 ***/
 .content {
 	position:relative;
}
 .column1 {
 	float: left;
 	width: 315px;
	padding-left: 20px;
	padding-right: 5px;
 }

 .column1 img {
 	margin-top: 50px;
	border: none;
 }
 
 .ifont {
 font-style:italic;
 }
  
 .column2 {
 	float: right;
 	width: 600px;
 }
 
 .column2 h2 {
 	font-size: 18px;
	padding: 0px 0px 0px 0px;
	color:#003366;
 }
 
.superscript{font-size: 70%; vertical-align:top;}
.superscript2{font-size: x-small; vertical-align:top;} 
	
 .panel h3 {
	width:270px;
	font-size:20px;
	text-align:center;
	padding: 20px 0px 20px 0px;
	margin: 10px 0px 10px 0px;
	background-color:#036;
	color:#FFFFFF;
	border: 1px  #CCCCCC;
	border-style: solid;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
  }
  .panel div {
     font-size:14px;
	 width: 270px;	 
	 position: absolute;
	 left: 290px; 
	 padding: 20px 30px; 
	 border: 1px  #CCCCCC;
	border-style: solid;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	background-color: #945800;
	color:#FFFFFF;
  }
  
.upper {  top: 30px;  }
.lower {  top: 180px;  }
  
  .shadow {
  	border:1px solid black;
	background:#FFFFFF;
  	-o-box-shadow: 5px 5px 2px #888;
	-icab-box-shadow: 5px 5px 2px #888;
	-khtml-box-shadow: 5px 5px 2px #888;
	-moz-box-shadow: 5px 5px 2px #888;
	-webkit-box-shadow: 5px 5px 2px #888;
	box-shadow: 5px 5px 2px #888;
	}
	
	.frame {
	display:none;
	position:relative;
	top:-20px;
}

  
 /***
  * basic formatting styles for content 
  ***/
 .copy h2 {font-size:22px; font-weight:bold; padding-bottom:25px;}
 .copy p, .copy ul { padding-bottom:15px;}
 .copy ul {padding-left:15px;}
 .copy h3 { font-size:14px; }
 .copy a {text-decoration:none;}
 .copy a:hover {text-decoration:underline;}
 .copy .para-list {padding-left:40px;margin-top:-10px; %padding-bottom:0; line-height:130%;} /* use for bulleted lists that are part of a paragraph */
 .copy .mini {font-size:75%;}
 .copy h4 {padding-top:15px;}
 .copy .textfield { margin: 10px 20px 10px 10px;}
 .callout {font-weight: bold;}
 
 .copy #logo {
 	position:absolute;
	left: 650px;
	top: -20px;
 }
 
 /* LEMON Colours */
 .blue { color:#6699cc;}
 .green { color:#99cc66;}
 .yellow { color:#ffcc00}
 .orange {color:#ff9933}
 .red {color:#ff6633;}
 
 /* Convergence Colours */
 .tan {color:#b19b75;}
 .convblue {color:#003366;}
 
 /***
  * landing pages
  ***/
  .landing {padding:20px;}
  
/***
 * L3 pages. left nav + content
 ***/

 .content {
    margin: 30px 0 20px 0;
/*    background: url(leftnav-border.JPG) repeat-y #fff;*/
 }
    
 .leftnav, .content .copy { float: left; }
 .content:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }
  .content {
     %zoom:1;
 }
 .leftnav {
    width: 210px;   
  }
 .leftnav ul { list-style-type:none;}
 .leftnav .navhead { padding:2px 0; margin-bottom:13px;}
 .leftnav .navhead span {
    font-weight:bold;
    color:#000;
    display:block;
  }
 .leftnav ul ul a, .leftnav ul span { padding:0 20px; }
 .leftnav ul ul a {margin-left:10px;}
 .leftnav li {padding:2px;}
 .leftnav .selected { background-color:#ccf; }
 .leftnav .selected a, .leftnav .selected a:visited {color:#000;}
 .leftnav a {display:block; text-decoration:none;}
 .leftnav a:hover {text-decoration:underline;}
 
 .content .nojs {display:none;}
 .content .copy {
    padding: 0 20px;   
    width: 710px;
 }
 
.bookLink {
	float:right;
	padding: 20px 20px;
}
 
 /***
  * publications page 
  ***/
  .content-pub .col {
     float:left; 
     margin:0 10px; 
     %margin:0 8px;
     width:460px;
  }
  
 .item:after, .item-short:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }
  .item, .item-short {
     %zoom:1;
 }
 
 .content-pub h3 {
    font-size:18px;
    padding: 17px;
 }
   .content-pub .item, .content-pub .item-short {
      padding:15px;
      margin-bottom:20px;
      background-color:#ccc;
   }
   .content-pub .item { height:300px; }
   .content-put .item-short {padding-bottom:30px;}
   .content-pub .pubhead {
      font-size:14px;
      padding:11px 10px 12px 10px;  
      background: url(pub-header-gradient.jpg) no-repeat;
   }
   .item .inset, .item-short .inset {
         float:left;
         padding-right:30px;
   }
   .item .inset img, .item .inset a, .item-short .inset img, .item-short .inset a {display:block;}
   .item .inset a { margin-top:50px; }
   .item-short .inset a {margin-top:20px;}
   .item p, .item-short p {padding-bottom:10px;}

/***
* Book Landing Pages
***/
.book-landing {
     float:right; 
     margin:0 10px; 
     %margin:0 8px;
     width:250px;
	 text-align:right;
  }
.book-landing .pubhead {
      font-size:14px;
      padding:11px 10px 12px 10px;  
      background: url(pub-header-gradient.jpg) no-repeat;
   }
.book-landing .item-container .pubhead {
      font-size:14px;
	  text-align:center;
      padding:11px 10px 12px 10px;  
      background: url(pub-header-gradient.jpg) no-repeat;
   }
        
 .book-landing-long {
     float:right; 
     margin:0 10px; 
     %margin:0 8px;
     width:270px;
	 text-align:right;
  }
  
.book-landing-long .pubhead {
      font-size:14px;
      padding:11px 10px 12px 10px;  
      background: url(pub-header-gradient.jpg) no-repeat;
   }

.book-sell {
    background-color:#ccc;
    padding: 10px 10px 10px 10px;
    font-size:14px;
	border:1px solid black;
  	-o-box-shadow: 5px 5px 2px #888;
	-icab-box-shadow: 5px 5px 2px #888;
	-khtml-box-shadow: 5px 5px 2px #888;
	-moz-box-shadow: 5px 5px 2px #888;
	-webkit-box-shadow: 5px 5px 2px #888;
	box-shadow: 5px 5px 2px #888;
 }

.endorsement .synopsis .excerpt{
	padding: 15px 15px;
	text-align:left;
}
.endorsement {margin-bottom:10px;}
.synopsis p {margin-bottom: 10px;}
.excerpt p {margin-bottom: 10px;}
.reviewer {
	text-align:right;
	font-style:italic;
	font-size:12px;
	margin-bottom:5px;
	color:#003366;
}

.author { width:460px; margin:0 auto;}
.authorcol1 {float:left; width:160px; }
.authorcol2 { float:right; width: 300px; }

.excerptTitle {font-size:24px; text-align:center;}
.capSize {font-size:36px; font-weight:bold;}

.copybook {
	float:left;
    padding: 0 10px;   
    width: 450px;
 }
 .copybook h2{ margin-bottom:10px;}
 .copybook p{ margin-bottom:10px;}
 .leftnavbook {
 	float:left;
    width: 150px;   
  }
 .leftnavbook ul { list-style-type:none;}
 .leftnavbook .navhead { padding:2px 0; margin-bottom:13px;}
 .leftnavbook .navhead span {
    font-weight:bold;
    color:#000;
    display:block;
  }
 .leftnavbook ul ul a, .leftnavbook ul span { padding:0 20px; }
 .leftnavbook ul ul a {margin-left:10px;}
 .leftnavbook li {padding:2px;}
 .leftnavbook .selected { background-color:#ccf; }
 .leftnavbook .selected a, .leftnav .selected a:visited {color:#000;}
 .leftnavbook a {display:block; text-decoration:none;}
 .leftnavbook a:hover {text-decoration:underline;}
 
 .indent {padding-left: 30px; }
/***
 * buy page
 ***/
 .content-pub .checkout {
    text-align:right;
    font-size:14px; 
    padding:0 20px 15px 15px;
  }
 .content-pub .item-container {
    float:left; 
    width:300px; 
    margin-left:10px;
    %width:299px;
  }
  .row:after, .book:after, .booklet:after {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
   }
   .row, .book, .booklet {
      %zoom:1;
  }
  .row {
     margin: 0 20px 10px 2px;
  }   

 .book {
    background-color:#ccc;
    padding: 10px 10px 17px 10px;
    font-size:14px;
 }

.book img {float:left;padding-right:40px;}
.book span {display:block;padding-top:35px; font-weight:bold;}
.item-container .cart {padding: 20px 0 0 70px;}
.content-pub .intro {font-weight:bold; padding:0 10px 10px 20px}
.item .link { text-decoration:none; color:#000000; }
.item-short .link { text-decoration:none; color:#000000; }
.item:hover, .item-short:hover {
	border:1px solid black;
	background:#CCCCCC;
  	-o-box-shadow: 5px 5px 2px #888;
	-icab-box-shadow: 5px 5px 2px #888;
	-khtml-box-shadow: 5px 5px 2px #888;
	-moz-box-shadow: 5px 5px 2px #888;
	-webkit-box-shadow: 5px 5px 2px #888;
	box-shadow: 5px 5px 2px #888;
}

 .booklet {
    background-color:#ccc;
    padding: 10px 10px 17px 10px;
    font-size:12px;
 }

.booklet img {float:left;padding-right:10px;}
.booklet label {display:block; padding-bottom:5px;}

/*** 
 * Community page 
 ***/
#community {
   background-color:#CCCCCC;
   border: 1px solid black;
   padding: 10px 10px 10px 10px;
   text-align: center;
   height: 400px;
   width: 570px;
}
   
.board {
    width:390px;
	height: 370px;
	position: absolute;
	left: 330px;
	top: 60px;
	background-color:#CCCCCC; /*#086ca2;*/
	text-align:center;
	padding-top: 6px;
	padding-left: 3px;
}
.communityboard {
	width: 380px;
	height: 350px;
	margin-top: 10px;
}
.communityboard a{ cursor:pointer;}
#left {float:left; width:85px; cursor:pointer; margin-top: 150px; margin-right:60px;}
#right { position:relative; left: 478px; top: -75px; margin-left:5px;  width:90px; cursor:pointer;}

.communityboard td{ height:105px; width:80px; }

.popupimage { float:left; margin-right: 20px;}
 #maxpage {  display:none;}
 
#backgroundPopup{  
  display:none;  
  position:fixed;  
  _position:absolute; /* hack for internet explorer 6*/  
  height:100%;  
  width:100%;  
  top:0;  
  left:0;  
  background: #CCCCCC;  
  border:1px solid #cecece;  
  z-index:1;  
  }  
.popupContact{  
  display:none;  
  position:fixed;  
  _position:absolute; /* hack for internet explorer 6*/  
  height:384px;  
  width:408px;  
  background:#FFFFFF;  
  border:2px solid #cecece;  
  z-index:2;  
  padding:12px;  
  font-size:13px; 
  text-align:left; 
  }  
.popupContact  h1{  
  text-align:left;  
  color:#6FA5FD;  
  font-size:22px;  
  font-weight:700;  
  border-bottom:1px dotted #D3D3D3;  
  padding-bottom:2px;  
  margin-bottom:20px;  
  }  
.popupContactClose{  
  font-size:14px;  
  line-height:14px;  
  right:6px;  
  top:4px;  
  position:absolute;  
  color:#6fa5fd;  
  font-weight:700;  
  display:block; 
  cursor:pointer; 
  }  
  
  .popup {
    margin: 0 20px;   
    width: 600px;
	text-align:left;
  }
  table.formtable { margin-top:20px;  text-align:center; border-collapse:separate; border-spacing:10px;}
  #submitbtn { margin-top:20px;}
  #notification {
	border: 5px solid #9c9;
	background-color: #cfc;
	padding: 5px;
	margin: 10px 0px;
}
.fieldWithErrors {
	border: 5px solid #f66;
}
  
  /* Events Pages */
.infoblock {background-color:#ccc; padding:10px 10px;}
.lemonbkgrnd { background: url(../images/sidelemon.jpg) no-repeat right;}
.lemons {text-align:center;}
.left {float:left; margin:10px;}
.right {float:none; margin:10px; padding-left:140px; height:160px;}
.buffer {margin-right: 20px; padding-right:10px;}
.paymentblock {background-color:#ccc; padding:10px 10px; margin:10px 10px;}
.paymentblock h3 {font-size:14px; padding-top:15px; padding-bottom:10px; color:#036;}
.events {
	float: left;
    padding: 0 20px;   
    width: 710px;
 }

.events h2,h1 {font-size:22px; font-weight:bold; padding-bottom:15px; padding-top:10px; color:#036;}
.events h3 {font-size:14px; padding-top:15px; padding-bottom:10px; color:#036;}
.events p, .events ul { padding-bottom:15px; line-height:150%;}
.events ul {padding-left:30px;}
.events a {text-decoration:none;}
.events a:hover {text-decoration:underline;}
.events .para-list {padding-left:30px;margin-top:5px; %padding-bottom:5px; line-height:180%;} /* use for bulleted lists that are part of a paragraph */
.events .mini {font-size:75%;}
.events h4 {padding-top:15px;}
.events .textfield { margin: 10px 20px 10px 10px;}
.events table { margin-top:20px;  text-align:left; border-spacing:10px;}
.events table,td,tr { border:1px solid black;  border-collapse:collapse; padding:5px;}

.pad-bottom { position: relative; top:-15px;}

.repCapital { background: url(../images/RepurposingCapitalBkgrnd.jpg) no-repeat; }
.convergence { background: url(../images/convergencebkgrnd.jpg) no-repeat; }

/*
*** CountryLink
*/
#countrylink {
	padding:5px;
	margin: 10px 5px;;
	color:#945800;
	font-weight:bold;
	background: url(pub-header-gradient.jpg) no-repeat;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	opacity:0.6; filter:alpha(opacity=60);
	float:right;
}
#countrylink:hover {
	cursor: pointer;
	opacity:1; filter:alpha(opacity=100);
}

.region:hover { cursor: pointer; text-decoration:underline; color:#945800;}
.region {font-size:14px;}
#regionnavigator {  
	padding:20px; 
	margin:10px;
	width:224px; 
	float:left;
}
div#regionnavigator li {padding:3px; list-style-type:none;}
div#regionnavigator h2 {font-size:16px; font-weight:bold;}
#countrymap { 
	float:right;
	border: 1px solid black;
	margin-right:20px;
	background: #ddd url(../images/world.jpg) no-repeat;
	height:310px;
	width:460px; 
	background-position:0px 0px;
}

#worldcontainer {
	height: 400px;
}

/* Our Team */
.bio { 
	margin:20px;
	width:550px;
	}
	
.bio img {padding: 5px 20px 20px 20px; float:left;}

/* For Online Application Pages*/
.pages td {margin: 10px;padding:20px;vertical-align:top;}


/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 959px; 
height: 40px; 
margin: 10; 
padding: 10;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 925px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 950px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0px 0px 30px 0px;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #036;
font: bold 14px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

/* fancy zoom css */
div#photos                {overflow:auto;}
div.photo                 {float:left; display:inline; margin:0 20px 20px 0;}
div.photo a img           {border:1px solid; padding:1px;}
p#turtles_caption         {margin:5px 0 0;}

div#text a                {font-weight:bold;}

div#zoom h2               {margin:10px 0 10px;}
div#zoom p                {line-height:1.6;}

div#wrapper {background:#fff; width:560px; margin:0 auto; padding:20px; border:10px solid #bc8c46; border-width:0 10px;}
div#header	{position:relative; border-bottom:1px dotted; margin:0 0 10px; padding:0 0 10px;}
div#header p							{margin:0; padding:0;}
div#header h1							{margin:0; padding:0;}
ul#nav										{position:absolute; top:0; right:0; list-style:none; margin:0; padding:0;}
ul#nav li									{display:inline; padding:0 0 0 5px;}
ul#nav li a								{}
div#content								{}
div#content p             {line-height:1.6;}
div#footer								{clear:both; margin:40px 0 0; border-top:1px dotted; padding:10px 0 0;}

/* Advertisement no main page */
#advert { position:absolute; top:-75px; left:650px; width:300px;}

/* Call to action */    
#calltoaction { position:absolute; top:100px; left:650px; float:right; margin-top:40px; margin-left:10px;  padding:10px;  width:270px; border: 1px  #CCCCCC; border-style:solid; /*height:680px;*/ height:260px; 
 -webkit-border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -moz-border-radius-topright:8px; 	-moz-border-radius-topleft:8px; border-top-right-radius:8px; border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px; 	-webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; -o-box-shadow: 5px 5px 2px #888; -icab-box-shadow:5px 5px 2px #888; 	-khtml-box-shadow:5px 5px 2px #888; -moz-box-shadow:5px 5px 2px #888; -webkit-box-shadow:5px 5px 2px #888; box-shadow:5px 5px 2px #888; z-index:5000; }    
#calltoaction tr.centre, td.centre {padding:5px; text-align:right; border:none;} 

#purpose { position:relative; top:-25px; width:600px; margin-left:20px; font-size:14px; color:#003366; font-style:italic;}

.navigation {position:relative; top:10px; left:40px;}
.nav-control {
	cursor:pointer;
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	display:block;
	border: 0;
	margin-right:3px;
	float:left; 
}

.nav-arrow-prev {
	cursor:pointer;
	display:block;
	width:44px;
	height:22px;
	background:url(../images/arrow-prev.png) no-repeat;
	text-indent:-9999px;
	display:block;
	border: 0;
	margin-right:3px;
	float:left; 
}

.nav-arrow-next {
	cursor:pointer;
	display:block;
	width:44px;
	height:22px;
	background:url(../images/arrow-next.png) no-repeat;
	text-indent:-9999px;
	display:block;
	border: 0;
	margin-right:3px;
	float:left; 
}

#applytraining { margin-top:40px; margin-left:10px;  padding:10px; width:600px; border: 1px  #CCCCCC; border-style:solid; height:190px;
 -webkit-border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -moz-border-radius-topright:8px; 	-moz-border-radius-topleft:8px; border-top-right-radius:8px; border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px; 	-webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; -o-box-shadow: 5px 5px 2px #888; -icab-box-shadow:5px 5px 2px #888; 	-khtml-box-shadow:5px 5px 2px #888; -moz-box-shadow:5px 5px 2px #888; -webkit-box-shadow:5px 5px 2px #888; box-shadow:5px 5px 2px #888; z-index:1000; } 
#applytraining table {border:none; margin-left:20px;} 
#applytraining tr.centre, td.centre {padding:5px 5px; text-align:right; border:none;}

#applylemon { margin-top:10px; margin-left:10px;  padding:10px; width:600px; border: 1px  #CCCCCC; border-style:solid; height:190px;
 -webkit-border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -moz-border-radius-topright:8px; 	-moz-border-radius-topleft:8px; border-top-right-radius:8px; border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px; 	-webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; -o-box-shadow: 5px 5px 2px #888; -icab-box-shadow:5px 5px 2px #888; 	-khtml-box-shadow:5px 5px 2px #888; -moz-box-shadow:5px 5px 2px #888; -webkit-box-shadow:5px 5px 2px #888; box-shadow:5px 5px 2px #888; z-index:1000; } 
#applylemon table {border:none; margin-left:20px;} 
#applylemon tr.centre, td.centre {padding:5px 5px; text-align:right; border:none;}

/* Portal CSS */
#login {
	position:relative;
	float:right;
	top:50px;
	margin-right:20px;
	font-size:14px;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#999999;
}

#admin {
	position:relative;
	float:right;
	top:52px;
	margin-right:20px;
	font-size:14px;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#999999;
}
.submitLink {
   font-size:14px;
   font-weight:bold;
   background-color:#FFFFFF;
   color:#3366CC;
   text-decoration: underline;
   border: none;
   cursor: pointer;
   cursor: hand;
  }
 .error {
 	color:#FF0000;
	background-color:#CCCCCC;
	border: 1px solid #000000;
	padding:20px;
 }
 .entryportal {
 	width:300px;
	height:300px;
	margin:20px;
	float:left;
	border: 1px solid black;
	text-align:center;
 }
 .entryportal p {
 	font-size:24px;
	font-weight:bold;
	margin:5px 10px;
	color:#3366CC;
}
.portalholder {
	position:relative;
	left:100px;
}
.convergence { background-image:url(bkgrnd_convergence.jpg); }
.transformsociety { background-image:url(bkgrnd_convergence.jpg); }
.repcapital { background-image:url(bkgrnd_repurposingcapital.jpg); }
.lemon { background-image:url(bkgrnd_lemon.jpg); }
.curved {
-webkit-border-top-right-radius:18px; -webkit-border-top-left-radius:18px; -moz-border-radius-topright:18px; 	-moz-border-radius-topleft:18px; border-top-right-radius:18px; border-top-left-radius:18px; -webkit-border-bottom-right-radius:18px; 	-webkit-border-bottom-left-radius:18px; -moz-border-radius-bottomright:18px; -moz-border-radius-bottomleft:18px; border-bottom-right-radius:18px; border-bottom-left-radius:18px;
}
.opaque {opacity:0.4; filter:alpha(opacity=40); }

.promo-landing { 
	float:left;
     margin:0 10px; 
     %margin:0 8px;
     width:300px;
	 text-align:right;
  }
.promo-landing .item-container .pubhead {
      font-size:14px;
	  font-weight:bold;
	  text-align:center;
      padding:11px 10px 12px 10px;  
      background: url(pub-header-gradient.jpg) no-repeat;
   }