/* 2010click.css */
/*Patrick O'Callaghan*/
/* Thanks to Stu Nichols at cssplay.co.uk for inspiration and a snippet or three. */	

body {text-align: center; font-family: Corbel, Calibri, "News Gothic MT", Arial, sans-serif;}

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.scrollbox:link, a.scrollbox:visited, a.scrollbox:active {border:0em solid white;}
#scrollbox-media li a {color:#ffffff;} 
a.stbar.chicklet img {border:0;height:2em;width:2em;margin-left:-0.3em;vertical-align:top;}
a.stbar.chicklet {height:2em;/* line-height:em;*/}



#mainbox {width: 100%; height: auto; margin: 0 auto; padding-top: 0.1em; 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: 21em; height: auto; background-color: #e3e3e3; margin: 0 auto; margin-top: 1em; margin-right: 2em; padding-top: 1em; font-family:  Corbel, Calibri, sans-serif; border:0.25em solid #535353;}





#greyback h2 {font-size: 0.8em; margin: 0 auto; margin-left: 1em; margin-right: 1em;  margin-top: -0.5em; padding-top:1em; font-weight: bold; text-align: center; font-family: Corbel, "Century Gothic", Century-Gothic, "Avant Garde", "Avant Garde Gothic", Arial, sans-serif;color:#535353;}

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

#scrollbox  {margin: 0 auto; margin-top: 1em;  margin-bottom: 1em; width:17em;  list-style: none;  height:auto;  max-height: 21em; overflow:auto; border-bottom: 0.1em solid #FFA500; border-top: 0.1em solid #FFA500;}

/* for IE6 */
* html #scrollbox {
 height: 22em;
}

.listcat {float: left; text-align:left; width: auto; margin-left: 0em; margin-right: 0.5em; margin-top: 0.1em; margin-bottom: 0.3em; padding-top:0.5em; color: green; font-size: 90%; font-weight:bold;} 

#scrollbox a {float: left; color:#000000; text-decoration:none; width:16em; height: auto; margin: 0 auto; margin-bottom: 0.5em; font-family: Arial, sans-serif; font-size: 0.9em; text-align:left;}

#scrollbox a.menu {}
#scrollbox a span {display:none; position:absolute; left:0em; top:0;}
#scrollbox a span img {float: right; border:0; max-width:7.5em;}
#scrollbox a span img:hover {border:0; max-width:7.8em;}
#scrollbox a span img.team {border:solid 2px #7ebb11; padding:2px; max-width:8em; margin: 0 auto; margin-bottom: 0.3em; margin-left: 0.5em; margin-top: 0em;}
#scrollbox a:hover {border: 0; color: #7ebb11; font-size:0.9em;}
#scrollbox a:hover span {border: 0; color: #535353;}
#scrollbox a span:focus {color: blue;}
#scrollbox a:active  {border:none; color: #535353; /*this is the color of the hover pop-up text */ text-decoration: none;}
#scrollbox a:focus {border:0em solid #000; outline:0;}

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

#scrollbox a:active span, #scrollbox li a:active span, #scrollbox a:focus span, #scrollbox li a:focus span   {display: block; width: 52.5em; min-height: 20em; height: auto; left: 1.5em; top:18em;  z-index:10; font-size:0.9em; text-align: left; padding: 1em; padding-bottom: 0em; background-color: #ffffff; color: #535353; border: solid #FFA500 0.25em;}

#scrollbox.extended {overflow: auto;}
#scrollbox.extended a:focus span {display: block; width: 54.6em; min-height: 20em; left: -60.3em; margin-top: -2.7em;  z-index:10; font-size:0.9em; text-align: left; padding: 1em; background-color: #ffffff; color: #535353; border: solid #FFA500 0.25em;}

/* These are the javascript-specific styles */

.main {width:14em; padding-left: 1em; }

#scrollbox span.logo a {float:right; /* bottom: 0.5em; right: 0.5em; */height: 4em; width:auto; margin-left:0.5em;}
#scrollbox span.logo a img {height: 4em; width: auto; }

#hidden, #hidden2, #hidden3, #hidden4, #hidden5, #hidden6, #hidden7, #hidden8, #hidden9, #hidden10, #hidden11, #hidden12, #hidden13, #hidden14, #hidden15, #hidden16, #hidden17, #hidden18, #hidden19, #hidden20, #hidden21, #hidden22, #hidden23, #hidden24, #hidden25, #hidden26, #hidden27, #hidden28, #hidden29, #hidden30, #hidden31, #hidden32, #hidden33, #hidden34 
{position: absolute; width: 46.5em; min-height: 20em; height: auto; left: 2em; top:16.5em;  z-index:10; font-size:0.8em; text-align: left; padding: 1em; padding-bottom: 0em; background-color: #ffffff; color: #535353; border: solid #FFA500 0.15em; display: none; font-family: Arial, sans-serif; float:left; margin-right: 0.5em;}



#scrollbox span.team img {float: right;  border: solid 0.1em #7ebb11; padding:2px; width:6em; margin: 0 auto; margin-bottom: 0.3em; margin-left: 0.5em; margin-top: 0em;}




#hidden a, #hidden2 a, #hidden3 a, #hidden4 a, #hidden5 a, #hidden6 a, #hidden7 a, #hidden8 a, #hidden9 a, #hidden10 a, #hidden11 a, #hidden12 a, #hidden13 a, #hidden14 a, #hidden15 a, #hidden16 a, #hidden17 a, #hidden18 a, #hidden19 a, #hidden20 a, #hidden21 a, #hidden22 a, #hidden23 a, #hidden24 a, #hidden25 a, #hidden26 a, #hidden27 a, #hidden28 a, #hidden29 a  {float: left; width: auto; height:2em; margin: 0 auto; margin-right: 1em; margin-bottom: 0.5em;  padding-top:0.5em; color: green; font-weight: bold; font-size: 100%;}

 #hidden a img, #hidden2 a img, #hidden3 a img, #hidden4 a img, #hidden5 a img, #hidden6 a img, #hidden7 a img,  #hidden8 a img, #hidden9 a img, #hidden10 a img, #hidden11 a img, #hidden12 a img, #hidden13 a img, #hidden14 a img, #hidden15 a img, #hidden16 a img, #hidden17 a img, #hidden18 a img, #hidden19 a img, #hidden20 a img, #hidden21 a img, #hidden22 a img, #hidden23 a img, #hidden24 a img, #hidden25 a img, #hidden26 a img, #hidden27 a img, #hidden28 a img, #hidden29 a img {width: 2em; margin:0 auto; float: left;  height:2em; margin-top: -0.5em;}




#spanlink {float:right; width: auto;} /*for the embedded "live link within a freeze link"  */
#spanlink img {}
#spanlink img:hover {width: 7.8em;}

#spanlink.pdfclass img {height: 3em; width: 3em;}
#spanlink.pdfclass img:hover {height: 3.3em; width: 3.3em;}

#spanlinkleft {float:left; width: 4em; } 
#spanlinkleft.icon img {float: left; width:3em; margin: 0 auto; margin-bottom: 0.5em; border: 0px solid green; }
#spanlinkleft.icon img:hover {width: 3.3em; margin-bottom: -0.3em;}

#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", "Avant Garde", "Avant Garde Gothic", Arial, sans-serif; font-size: 0.9em; }

#scrollbox-media {text-align: left; padding:0; margin:0 auto; margin-top: -2em; margin-left: -1em;  width:25em; list-style:none; height:auto; max-height: 16em; overflow:auto;  border-bottom: 0.1em solid #FFA500; border-top: 0.1em solid #FFA500; padding-bottom:2em;}
#scrollbox-media ul {margin: 1.3em; padding: 0; }
#scrollbox-media li, #scrollbox-media li a {float:left; list-style: none; background: url(blank.png) no-repeat left center; font-family: "Century Gothic", "Avant Garde", "Avant Garde Gothic", Arial, sans-serif; font-size: 0.9em; margin-bottom: 0.7em;}

#stage {width: 68em; position: relative;  margin: 0 auto; margin-top: 0em;} 

#greytop {width: 100%; height: 1.55em; border-style: none; 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-style: none; 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 {height: 6em; max-height: 6em; }




#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, Corbel, sans-serif; border:0.25em solid #535353;}
#formbox h1 {text-align: right;  font-style: italic;
  font-size: 0.7em; padding-right:2em; }
#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;}


#leftmarkets {width: 80%; margin: 0 auto; margin-left: 2em; padding-top: 10%; margin-top: 0em; height: 6em;  font-size: 1em; border: 0; color: #ffffff; font-family: Corbel, Calibri, Arial, sans-serif;} 
#leftmarkets img {top: 3em; max-width: 21em; max-height:16em; border: 0.4em solid #535353; padding: 0.3em; margin-left:0em; background-color: #656565;}
#leftmarkets span {font-size: 0.7em; color: #e3e3e3;}



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", "Avant Garde", "Avant Garde 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", "Avant Garde", "Avant Garde Gothic", Arial, sans-serif; font-size: 0.9em;}


.quote { float:right; width: 45%; height: 10em; border: 0.2em solid #FFA500; margin: 0 auto;  margin-right: 0em; padding: 1em; text-align:left; background-color: #656565; color: #ffffff;}
.quote p {text-align:right; }

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

.blockquote {font-family: Geneva, Candara, sans-serif; float: left; position: relative; height: auto /*10em*/ ; color: #ffffff; font-size:0.7em; text-indent: 2.3em; margin: 0 auto; margin-left: 1em; margin-right: 1em; margin-top: 3em; padding-top: 2em;  padding-right: 1em; text-align: left; border-top: 2px orange solid;}


.bqend {float: right; font-size: 4em; color: #7ebb11; line-height: 1em; padding-top: 0.3em;}

.greenfine {clear: both; margin: 0 auto;  margin-left: 2em; margin-right: 2em; margin-bottom: 1em;  height: 1px; border-top: 1px solid #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", "Avant Garde", "Avant Garde 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; }

.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;}


#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;}

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

#scroll-v a {color: #ffffff;}

#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-style: none; margin: 0 auto;}
#contact-strip1, #contact-strip11 {clear:both; margin-top:1em;}
#contact-strip1 {font-size: 2em; margin-left:0em;  }
#contact-strip2 {float:left; width: 18em;  margin-left:2em; margin-top:1em; text-align:left;}
#contact-strip3 {float:right; width: 10em; height: 2em; margin-top:0em; padding-top:1em;margin-right:2em; text-align: right;}
#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-style: none; 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-style: none;}
#contact-strip12 img {margin-top:0em;  max-height: 3em; background-color: #ffffff; border-style: none; 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;} 

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

#leftspace {float:left; width: 40em; min-height: 29em; height: auto; margin: 0 auto;  margin-left: 1em;  margin-top: 0em; padding-top: 0em;}
#leftspace h1 {margin: 0 auto; margin-left: 1em; margin-right: 1em; margin-top: 0.5em; padding-top:0.5em; font-size: 1em; color: #ffffff; font-weight: bold; text-align:center; font-family:   Corbel, Candara, Calibri, Arial, sans-serif;} 

/* #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;} */