/* Custom CSS file for www.innovation.cc */
/* 2009, Christian Sauve: http://www.christian-sauve.com */
/* With inspiration from many */

/* Common HTML elements */

body { margin: 0; padding: 0; background: #FFF url('images/background.jpg'); font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; line-height: 125%; }
div { text-align: left; }
img { border:0;}
table { border: 0px none; border-spacing: 0; font-size: 0.9em; width: 100%; padding: 1px; }
a href { text-decoration: underline; }
a:link { color: #242; }
a:active { color: #121; }
a:visited { color: #121; }
a:hover { /* color: #ffffff; background: #121; */ }
ul { margin: 0.25em 0 0.75em 0; padding: 0 0 0 2.5em; }
tt, pre { font-size: 1em; }

/* Main layout element */

#container { width: 660px; margin: 0 auto; background:#FFF; } /* Control total page width here */  

/* Header element */

#header, #header-fra { width: 100%; margin: 0 auto; height: 100px; text-align: center; background: #030 url('images/banner-e.jpg') center no-repeat ; }
#header-fra { background-image: url('images/banner-f.jpg'); }
#header h1, #header-fra h1 { margin:0; font-size:0; }
#header h1 a, #header-fra h1 a { height: 100px; width: 600px; margin:0 auto; opacity: 0.01; display:block; text-align: center; font-size:0; }

/* Top Navigation bar */

#navbar { text-align:center; margin: 0; padding: 0.1em; background-color: #030; font-family: "Eras Demi", Corbel, Lucida, Geneva, Helvetica, Arial, sans-serif; line-height:125%;}
#navbar ul.menu { margin: 0; padding: 0; } 
#navbar ul.menu li { margin: 0; padding: 0 0.3em; display: inline; }
#navbar ul.menu li.current { font-weight: bold; }
#navbar ul.menu a { font-size: 1em; text-transform:uppercase; text-decoration: none; padding: 0.2em 0.5em; text-shadow:#666 1px 1px 1px ; font-weight:700;}
#navbar ul.menu a:hover { background-color:#060; color:#FFF;}
#navbar ul.menu a:link { color: #FFF; }
#navbar ul.menu a:active { color: #FFF; }
#navbar ul.menu a:visited { color: #FFF; }

/* Breadcrumbs */

#breadcrumb { padding: 5px; margin:0; font-size: 0.9em;}
#breadcrumb p { padding: 0; margin: 0;}
#breadcrumb p a { text-decoration: none; }
#breadcrumb p a.current { font-weight: bold; }

/* Side Navigation bar */
/* From listmatic */

#navcontainer { width: 160px; float: left; padding: 0; margin:0; font-family: Corbel, Lucida, Geneva, Helvetica, Arial, sans-serif; background-color: #030; color: #333; font-size: 1em; }
#navcontainer p.navhead { margin: 0; padding: 5px; color:#FFF; background-color:#050; font-weight:bold; font-size:1.1em; line-height:120%;}
#navcontainer ul { list-style: none; margin: 0; padding: 0; border: none; }
#navcontainer li { border-bottom: 1px solid #060; margin: 0; padding: 0; font-size:1em;}
#navcontainer li a { display: block; padding: 5px 5px; background-color: #030; color: #fff; text-decoration: none; width: 100%; font-size:1.1em; line-height:125%; }

html>body #navcontainer li a { width: auto; }
          #navcontainer li a:hover { background-color: #060; color: #fff; }

/* Main content container elements */

#contentcontainer { background:#FFF; color:#000; margin-left:165px; padding: 10px; min-height:500px;}
#contentcontainer-1col {background:#FFF; color:#000; margin:0; padding:10px; min-height:500px;} 

#main { width: 100%; padding: 0; margin: 0; background-color: #FFF; min-height:400px; font-size: 1.2em; border-top: 0px solid #36121e; } 
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { margin: 1em 0; color: #030; font-family: Trebuchet MS,sans-serif; font-weight: bold; }
#main h1 { font-size: 1.5em; text-align:center; }
#main h2 { font-size: 1.4em; }
#main h3 { font-size: 1.3em; }
#main h4 { font-size: 1.2em; }
#main h5 { font-size: 1.1em; }
#main h5 { font-size: 1.0em; }

#content { padding-bottom:10px;}
#content p { font-size:1.2em; line-height:125%;}
#content ul li { font-size:1.1em; line-height:125%; margin-bottom:3px;}
#content ul li ul li { font-size:1.0em; line-height:125%; margin-bottom:2px;}

#lastupdated { font-size:1em; color:#666; text-align:center; padding:10px 3px 0px 3px; margin:0;font-weight:700; border-top:1px solid #666;}

/* Footer element */

#footer { width: 100%; margin: 1em 0; padding: 0.5em 0; color: #000; background:#EFE; font: 1em Arial, sans-serif;  text-align:right; border-top:1px solid #060; }


/* Additional text styles */
.nowrap { white-space: nowrap; }