/* ceu2010.css */
/*Patrick O'Callaghan*/


body {text-align: center;}
a img {border: none; } 
a {text-decoration: none; color: green;} 
a, a:visited, a:hover, a:active, a:focus {color:#000;}
a.nav:link, a.nav:visited {color: #40253C ; text-decoration: none;}
a.nav:hover, a.navcopy:hover, a.navhot {color: #66cc33 ; text-decoration: overline;}
a.nav:active {color: blue; text-decoration: none;}
a.navcopy:link, a.navcopy:visited {color: #626262 ; text-decoration: none;}
a.navcopy:active {color: blue; text-decoration: none;}
.wildcarbon a {font-family:arial, sans-serif; font-size: 90%; color:#626262; z-index:1000;}
a.stbar.chicklet img {border:0;height:2em;width:2em;margin-left:-0.3em;vertical-align:top;}
a.stbar.chicklet {height:2em;line-height:2em;} /* note height:2em was previously height:em, check functionality */
#holder {position:relative; background: transparent; margin: 0 auto; margin-right: 2.7em; margin-top: 1em;  width:28em; height:19em; }
/*#holder img {float: right; position: static; margin-left: 1.5em; margin-top: 0.5em; width: 12em; border: white solid 0.1em; width: expression(this.width > 12em ? 12em: true);}*/
#holder p {display: table-cell; width: 22em;  z-index: 100;  color: #535353;  font-size: 0.8em; font-family: "Century Gothic", "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Verdana, sans-serif; text-align: left; padding-left: 2.6em; padding-top: 1em; border: solid 2px blue;}
#scrollbox-left 
	{float:left;  
	width:auto;
max-width: 100%; 
	padding: 0em; 
	margin: 0 auto; margin-top: 0.5em; margin-bottom: 0em; margin-left:0em; 
	/* --always have that width wider than the width in scrollbox-left a -- */ 
	list-style:none; height:10em;	overflow:auto; font-family: Century-Gothic, "Century Gothic", Corbel, Consolas, nevis-Bold, nevis, "nevis Bold", Arial, sans-serif;}
#scrollbox-left ul  {/* -- this is all the visible text - including the header text plus the list text --*/ float: left;  margin: 0em; padding-left: 0.5em; padding-bottom: 0.5em; font-size: 0.9em; text-align: left; font-family: Century-Gothic, "Century Gothic", Corbel, Consolas, nevis-Bold, nevis, "nevis Bold", Arial, sans-serif;  color: #646464; background-color: #ffffff; border-width: 0.25em; border-style: solid; border-color: #999 #535353 #333 #ccc;}
#scrollbox-left ul h1 {/* -- this is the header  --*/ float: left;  margin: 0 auto; margin-top: 1em; margin-right: 2em; padding-left: 0.5em; padding-bottom: 0.5em; font-size: 1em; font-family:  Century-Gothic, "Century Gothic", Corbel, Consolas, nevis-Bold, nevis, "nevis Bold", Arial, sans-serif;  text-align: left; color: #646464;}
#scrollbox-left ul li {/* -- this is the entire list, bullets and all --*/float:left; list-style: none;  list-style-image: none; background: url(w-arrow.png) no-repeat left center;   font-size: 1em; font-weight: normal; margin-left: 3em; border: 0;}
#scrollbox-left ul li a:hover span {/* - this is the block of hidden text and its background, borders etc --*/ border-width: 0.35em; border-style: solid; border-color: #68cb2f #62c02c #5eb92A #6fd733;}
#scrollbox-left a {/* -- this is the individual "a" tags, being each line of coverable menu -- */ display:block; color:#646464; text-decoration:none; border: none; width:24em; height:1.7em; margin-left: 1em; padding:0.25em;  font-size: 0.9em; text-align:left; }
#scrollbox-left a.menu{}
 #scrollbox-left a span {display:none;  position:absolute; left:0em; top:0; } 
#scrollbox-left a span img {border: 0;}
 #scrollbox-left a:hover {border:0; color: #7ebb11; /*--this is the color of the hover pop-up text--*/ text-decoration: none; font-family:  Corbel, Consolas, nevis-Bold, nevis, "nevis Bold", Arial, sans-serif; }
#scrollbox-left a.menu:focus {border: solid 0px #FFFFFF;}
#scrollbox-left a:active {border:0.05em solid #000;}
#scrollbox-left a:focus {border:0.05em solid #000; outline:0;}
* html #scrollbox a:active span {width:41.5em; height:auto; top:0; left:0.75em; color:#66cc33; z-index:-1; font-size:1em;} 

#scrollbox-left a:focus span {display: block; border: 0; width: 37em;  height: 27em; min-height: 27em; left:49.5em; top: 16.2em;  z-index:100; font-size:0.9em; text-align: left; padding: 1.78em; background-color: #e3e3e3; color: #535353; border-style: solid; border-width:0.35em; border-color: /*#7ebb11;*/ #68cb2f #62c02c #5eb92A #6fd733; font-family:  Corbel, Consolas, nevis-Bold, nevis, "nevis Bold", Arial, sans-serif; }

/* - for terms and media pages only - and these DO use this stylesheet --*/
#scrollbox-terms {padding:0; margin:0 auto; width:26.5em; /*always have that width wider than the width in scrollbox a */ list-style:none; height:auto; max-height: 18em; overflow:auto; float:right; border-bottom: 0.1em solid #535353; border-top: 0.1em solid #FFA500; }

#scrollbox-terms ul {margin: 1.3em; padding: 0; }

#scrollbox-terms li {float:left; list-style: none; background: url(blank.png) no-repeat left center; font-family: "Century Gothic", Arial, sans-serif; font-size: 0.9em; }

#scrollbox-media {float: left; text-align: left;  width: 27em; margin:0 auto; margin-left: 2em; margin-top: 1.2em; list-style:none; height:auto; height: 20em; max-height: 20em; overflow:auto;  border-bottom: 0.1em solid #FFA500; border-top: 0.1em solid #FFA500; padding-bottom:2em; padding-right: 0.5em;} 

 #scrollbox-media li a {float:left; width:90%; margin-right: 1em; padding-left: 1em; list-style: none; background: url(blank.png) no-repeat left center; font-family: "Century Gothic", Arial, sans-serif;  font-size: 0.9em; color: #e3e3e3; margin-bottom: 0.7em; }
#scrollbox-media li {color: #7ebb11; height: auto;}
#scrollbox-media li.mediahead {float: left; margin-top: 0.5em; font-size: 1em; color: #e3e3e3; font-weight: bold; height: auto; width: 100%; padding-bottom: 0.5em;}




#leftmarkets {float: left; width: 32em; margin: 0 auto; padding-top: 1em; height: 26em; font-size: 1em; color: white; font-family: Arial, Calibri, sans-serif;} 

#leftmarkets h1 {font-family: Tahoma, "Century Gothic", Century-Gothic, Arial, sans-serif; font-size: 1em; margin-left: 2em;}

#leftmarkets img {margin-top: 3em; max-width: 21em; max-height:16em; border: 0.4em solid #535353; padding: 0.3em; margin-left:3.5em; background-color: #656565;}

#leftmarkets span.caption {float: left; margin-left: 5em; font-size: 0.8em; color: #e3e3e3; height: auto; width: 26em;}
#leftmarkets span {float: left; margin-left: 5em; font-size: 0.8em; color: #e3e3e3; height: auto; width: auto;}
#leftmarkets span.mediahead {float: left; font-weight:bold; color: #e3e3e3; font-size: 1em;}


#stage {width: 68em; position: relative;  margin: 0 auto; margin-top: 0em;  } 
#greytop {width: 100%; height: 1.55em;   border: 0em; border-top: 0.05em solid #535353; border-left: 0.05em solid #535353; border-right: 0.05em solid #535353; background: url('animals6.jpg'); font-size: 0.7em; color: #BFC3CC; font-family: Arial, Calibri, sans-serif; text-align:right; margin: 0 auto; padding-bottom: 0.35em; }
#greytop a {color: #ffffff;}
#greytop img {display:inline-block; margin: 0 auto; margin-bottom: -0.25em; margin-top: 0.15em; padding-right: 0.2em; }
.greenstrip {width:100%; margin: 0 auto; margin-top: 0em;  height: 0.45em; background-color: #7ebb11; border: 0em; border-left: 0.05em solid #535353; border-right: 0.05em solid #535353;}
.topspace {width: 100%; margin: 0 auto; height: 7em; background-color: #ffffff; border-left: 0.05em solid #535353; border-right: 0.05em solid #535353;}

.topspace img {padding-top: 0.2em;}

.line-container {width: 100%; margin: 0 auto; height: 1em; padding-top: 0.5em; background-color: #ffffff; border-left: 0.05em solid #535353; border-right: 0.05em solid #535353; }

.greyline {width: 94%; margin: 0 auto; height: 1px; border-top: 1px solid #BFC3CC; }

#topgrab {float: right; font-family: "Century Gothic", sans-serif; color: #7EBB11; font-size: 1.3em; margin: 0 auto; margin-top: 1.3em; margin-left: 0em; margin-right: 1.5em;}

#logo {float: left; height: 6em; width: 7em; margin: 0 auto; margin-top: 0.7em; margin-left: 2em;}

#logo img {max-height: 6em;}

#mainbox {width: 100%; height: 29em; margin: 0 auto; border-left: solid 0.05em  #535353; border-right: solid 0.05em #535353; border-bottom: solid 0.1em #535353;  background: url('animals6.jpg');}

#greyback {float: right; width: 47%; height: 24.5em; background-color: #e3e3e3; margin: 0 auto; margin-top: 1em; margin-right: 2em; padding-top: 1em; font-family:  Calibri, sans-serif; border:0.25em solid #535353;}

#greyback p {text-align: right;  font-style: italic;
  font-size: 0.7em; padding-right:2em; }

#greyback h1, #greyback H1 {font-size: 0.8em; padding-left: 2em; margin-top: -0.5em; padding-top:1em; font-weight: bold; text-align: center; font-family: Tahoma, "Century Gothic", Century-Gothic, Arial, sans-serif;color:#535353;}

#greyback img {margin-top:1em; border: 0.5em white solid; max-width:85%; height: auto;}

#greyback-index {float: right; width: 26em; height: 20em; margin: 0 auto; margin-top: 1.5em; margin-right: 2em; padding-top: 2em;}

#greyback-index img {float:right; margin: 0 auto; margin-top:-1.5em;  background-color:#656565; width:28.3em;  border: 0.4em solid #535353; padding: 0.3em; } /* max-height: 22.5em; removed for IE6 misbehaviour */

#greyback-index h3 {font-size: 0.7em; font-weight: normal; margin: 0 auto; margin-left:3.7em; color:#ffffff; text-align: left; max-width: 85%;}

#formbox {float: right; width: 47%; height: 22.5em; background-color: #e3e3e3; margin: 0 auto; margin-top: 1em; margin-right: 2em; padding-top: 1em; font-family:  Calibri, sans-serif; border:0.25em solid #535353;}

#formbox h1 {text-align: right;  font-style: italic;
  font-size: 0.7em; padding-right:2em; }

#formbox p {padding: 0em; padding-left: 1em; padding-right: 1em; }

#formbox p2 {text-align: left;  font-style: italic;
  font-size: 0.7em;  }

#formbox img {max-height: 20em;}
#formbox form {padding-left:2em; padding-top: 1em;}


#leftspace {display: block; width: 46%; height: 24em; margin: 0 auto;  margin-left: 2em;  padding-top: 1.6em;}

#frontdots {width:80%; margin: 0 auto; margin-left: 0em; padding-top: 10%; height: 6em; background-color: #ffffff; font-size: 1em; color: #40253C; } /* - keep this here for space in all */

/*
#popspots a {	clear: both;
	position: absolute;
margin-top: -13em;

	margin-left: 5em;

	height: 15em;
	width: 22em;	
	text-decoration: none;font-size: 0.8em;
 z-index:5000
	
	}
#popspots a span {display: none; }
#popspots a:hover span {position: relative; display: block; z-index: 1; left: -15em; top: 0em;  font-size:0.8em; text-align: left; width: 12.5em;   background-color: #bfc3cc;  padding: 0.8em; border: solid #BFC3CC 0.1em;}

a#linkspot { top: 17em; left:6.9em;} 

*/

#navbar {float: right; width: 60%;  height: 2em; font-family: "Century Gothic", Century-Gothic, "Avant Garde", "Avant Garde Gothic", Arial, sans-serif; margin: 0 auto; margin-right: 2em; margin-top: 2em; }


.bloc1, .bloc2, .bloc3, .bloc5 {height: 2em; width: 10%; float: right; margin-top: 0em; margin-left: 1.5%; text-align: center; color: #40253C; font-family: "Century Gothic", Arial, sans-serif; font-size: 0.9em;}

.bloc4 {height: 2em;	width: 10%; float: right; margin: 0 auto; margin-top: 0em; margin-left: 3.5%; text-align: center; color: #40253C; font-family: "Century Gothic", Arial, sans-serif; font-size: 0.9em;}

#shades /* - green box on home page -- */  {float:left; width: 35%; height: 13em; font-family: Corbel, Consolas, Arial; font-size:0.8em; background-color: #3FA84B; margin: 0 auto; margin-left:0em; padding: 1em; text-align: left; border-width: 0.25em; border-style: solid; border-color: /*#7ebb11;*/ #68cb2f #62c02c #5eb92A #6fd733;}

.quote { float:right; width: 45%; height: 10em; border-width: 0.2em; border-style: solid; border-color:  #FDbb32 #Fd9a2a  #FD8526 #fed037; margin: 0 auto;  margin-right: 0em; padding: 1em; text-align:left; background-color: #656565; color: #ffffff; font-family: Candara, Calibri, "Century Gothic", "Avant Garde", "Avant Garde Gothic", Optima, Arial, sans-serif;}

.quote p {text-align:right; font-family: Candara, Calibri, "Century Gothic", "Avant Garde", "Avant Garde Gothic", Optima, Arial, sans-serif;}

/* html > body .greenfine {width:94%; margin: 0 auto; margin-top: 1em;  height: 2px; background-color: #7ebb11; } */

.bottomstripewhite {width: 100%; height:0.5em; color: #535353; font-size: 90%; border: 0}


.wildcarbon {float: right; width:15%; height: 5em; font-family: Candara, Calibri, "Century Gothic", Optima, Arial, sans-serif; font-size: 0.6em; text-align: right; margin: 0 auto; margin-right: 0em; margin-top:0em; padding-top:1em;  color:#626262;}

.wildcarbon img {margin-top:-0.5em; margin-right: 0.3em; float:right; width:12em; height: 7.9em; z-index:5000;}

.copyright {clear: both; top: -1.5em; font-family: Optima, sans-serif; color: #626262; font-size: 70%; position: relative; text-align: center; }

a.copyright:link {color:#626262;}

.footer-menu, a.footer-menu {float: left; width: 15em; padding-top: 0.3em; height:5.5em; color: #FFA500; font-size: 0.7em; text-align: left; font-family: Arial, Calibri, sans-serif;}

.footer-menu img {width: 2em; height: 2em;}


.bqstart {text-indent: 0;
float:left; 
margin-top: -0.4em;
margin-left:-0.18em;
padding-top: 0em;
padding-bottom: 0em;
        font-size: 4em;
     color: #7ebb11;
height: 2.3em;
 }


.blockquote {font-family: Geneva;
	float: right;
position: relative;
color: #ffffff;
font-size:0.7em;
	text-indent: 2.3em;
padding: 0em;
margin: 0 auto; margin-top: 2em;
margin-right: -2.1em;
text-align: left;}

.bqend {float: right; height:1em; margin-top: 0em;margin-bottom:0em;margin-right: -0.2em; padding-top: 0em;
     font-size: 4em; color: #7ebb11;}



#picright {float: right; display: block; margin: 0.55em 0.55em 0.55em 1.5em; max-width: 50%; max-height: 10.9em; border: 0.15em solid white;}

#billboard  {width: 45% ; height: 99%; float: right;}
#billboard p {text-align: center; margin: 0; margin-top: 1.5em; margin-right: 0.5em; font-family: Optima, Calibri, Candara, Century-Gothic, Arial, sans-serif; font-size: 1.6em; color: #ffffff;}


 

.bottomstrip {width:100%; margin-top: 1em; height: 0.15em; background-color: #7ebb11;}

#scroll-v a {color: #ffffff; font-family: Calibri, Candara, Arial, sans-serif;}


#contact {float: left; width: 90%; height: auto; background-color: #e3e3e3; margin: 0 auto; margin-top: 0em; margin-right: 2em; padding-top: 0em; }

#contact-strip1, #contact-strip2, #contact-strip3 {  background-color: #e3e3e3; text-align: center; border: 0em; margin: 0 auto;}

#contact-strip1, #contact-strip11 {clear:both; margin-top:1em; border: 0px solid green;}

#contact-strip1 {font-size: 2em; margin-left:0em;  }


#contact-strip2 {float:left; width: 18em;  margin-left:2em; margin-top:1em; text-align:left; border:0px solid orange;}

#contact-strip3 {float:right; width: 10em; height: 2em; margin-top:0em; padding-top:1em;margin-right:2em; text-align: right; border:0px solid blue; }

#contact-strip3 img {margin-top:0em; max-width: 4em; background-color: #e3e3e3; border: red solid 1px;}

#contact-strip11 img {margin-top:0em; max-height: 2em; background-color: #e3e3e3; border: 0em; padding-right: 2em;}
#contact-strip11{margin-left: 2em; margin-right:2em; }

#contact-strip4 {width: 50%; float:right; margin-right:2em; margin-top:1em; text-align:left; }

#contact-strip4 img, #contact-strip3 img {max-height: 1.2em; background-color: #e3e3e3; border: 0em;}

#contact-strip12 img {margin-top:0em;  max-height: 3em; background-color: #ffffff;  padding-left:0.5em; padding-right: 2em; padding-top:0.5em; padding-bottom: 0.5em;}
#contact-strip12{ background-color: #ffffff; margin-left: 2em; margin-right:2em; padding-top:0.5em; padding-bottom: 0.5em; padding-left:0.5em;}

#recaptcha_widget_div { width: 22em; height: 5.5em; margin-top: 0.5em; overflow:hidden; } 
#recaptcha_image img { width: 12em; height: 2.5em;} 


#flatquote {display: block; width: 40em; position: relative; margin: 0 auto; margin-top: 1.2em; margin-left: 0.5em; z-index:1000; color: gray;} 

#newpic img  {margin: 0 auto; margin-left: 10em; margin-top: 2em; font-size: 1em; color: white; font-family: Arial, Calibri, sans-serif; height:13em; border: 0.3em solid #535353; padding: 0.3em; background-color: #656565;} 



.greenfine {clear: both; margin: 0 auto;  margin-left: 2em; margin-right: 2em; margin-bottom: 1em;  height: 1px; border-top: 1px solid #7ebb11; }