/* CSS for my homepage */

/* Main (common) settings*/
body {
padding: 0;
font: 12px Verdana, Tahoma, sans-serif, Arial;
background: #ffffff;
line-height: 1.2em;
}

#wrap {
margin: 0px 10px 0px 0px;
width: 760px;
}

/* The is formed by wrap structured like this

   header
   ***** banner ******
   menu content extras
 
   news

   ***** footer *****

*/

#header {
/*clear: both;*/
margin: 10px 10px 0px 0px;
/*padding: 0;
height: 50px;*/
}

#banner {
margin: 0 0 10px 0;
border: 0;
}

#menu {
clear: left;
float: left;
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
}

#menu ul {	
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	

#menu li {
margin-bottom: 4px;
}

#menu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
display: block;
padding: 6px 0 0 10px;
border-left: 4px solid #cccccc;
}	
	
#menu li a:hover {
background: #eaeaea;
border-left: 4px solid;
}

.news {
/*margin: 10px 0 10px 0;*/
padding: 10px;
width: 130px;
line-height: 1.3em;
}

#extras-out{
float: right;
width: 100px;
margin: 0 0 0 0;
}

#extras-in{
margin: 0 0 10px 0;
padding: 0px 0px 0px 10px;
font-size: 0.9em;
text-align: justify;
}

#content-out {
margin: 0 100px 10px 160px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 0px 0 10px;
}

#content-in {
padding: 0px 10px 10px 0px;
text-align: justify;
}

#content img {
padding: 1px;
display:inline;
background: #cccccc;
border: 4px solid #f0f0f0;
}

#search {
margin: 0px 0px 10px 160px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0px 10px 10px 10px;
}

#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 4px solid #f0f0f0;
width: 760px;
text-align: center;
font-size: 0.9em;
}

h1 {
font-size: 2.0em;
margin: 10px 0px 10px 0px;
}

h2 {
font-size: 1.5em;
}

h3 {
font-size: 1.2em;
border-bottom: 1px solid #cccccc;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: 0;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

/* Style for the "last update" note */
update {
  font-size: 0.8em;
  text-align: right;
  font-style: italic;
}


hr {
  border: 0;
  border-top: 1px solid #cccccc;
  height: 0;
}

/* The colors */

/* Color used to evidence */
a, a:hover, #menu li a:hover, #menu li a:hover.border-left, .bold{
color: #236444;
}

body{
color: #000000;
}

/* Foreground and background colors for menu, news, footer, line */
#menu li a, .news, footer, hr{
color: #505050;
background-color: #f4f4f4;
}

/* Foreground color for "last update" note */
update{
color: #cccccc;
}