/* mediterraneo_styles.css */ 

/* Universal style rule */ 
*{ 
  margin: 0; 
  padding: 0; 
} 

body { 
  background-color: #282E74; 
  font-family: Arial, Helvetica, sans-serif; 
} 

#wrapper{ 
  width: 46em; 
  background-color: #9AA152; 
  /* Put 20px margin above the wrapper */ 
  /* Set right and left to auto for centering */ 
  margin: 15px auto; 
} 

/********** Major layout divisions **********/ 
#branding{ 
  /* For absolutely-positioned hyperlinks */ 
  position:relative; 
   margin:0.1em 0.1em; 
} 

/** branding division hyperlinks **/ 
#branding a{ 
  /* Postions are set in tags in layout.htm */ 
  position:absolute; 
  text-decoration:none; 
  color:#000; 
  font-size:0.8em; 
} 

#branding a:link, #branding a:visited{ 
  color:#000; 
} 

#branding a:hover{ 
  color:#0f0; 
} 
#branding a:active{ 
  color:#1bb498; 
} 

/* Fixes the mysterious image gap */ 
#branding img{ 
  display:block; 
} 

#leftcolumn{ 
  /* Remember, content and navbar left margin must match this width */ 
  width:16em; 
   margin:0.2em 0.4em 0em 0.2em; 
float:left; 
} 

/**************************** Navbar division (For vertical navbar) */ 
#navbar{ 
  width:80%; 
 /* Center horizontally */ 
 margin:1em auto; 
} 

/* Remove bullets from ul in the navbar */ 
#navbar ul{ 
 list-style-type:none; 
} 

/* List items in the navbar */ 
#navbar li{ 
 /* For flyout menus */ 
 position:relative; 
} 

/* Applies to navbar links, unvisited and visited */ 
#navbar a, 
#navbar a:link, 
#navbar a:visited{ 
 text-decoration:none; 
 font-family:Arial, Sans-Serif; 
 font-weight:bold; 
font-size:80%; 
 color:#000; 
background-color:#9AA152; 
display:block; 
 height:2em; 
 width:auto; 
 border-right: solid 0px #ddd; 
 line-height:2em; 
 text-align:center; 
 outline-style:none; 
} 

/* Navbar hover, active and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{ 
 background-color:#9AA152; 
color:#282E74; 
} 

/****************************************************** Flyout menu styles */ 
/* Applies to flyout menus in navbar */ 
#navbar li ul{ 
 position:absolute; 
 top:0; 
 left:99%; 
 z-index:105; 
 visibility:hidden; 
} 

/* Make flyout menu visible on navbar hover */ 
#navbar li:hover ul, 
#navbar li a:hover ul{ /* IE6 hack */ 
 visibility:visible; 
} 

/* Applies to links on the drop-down menu */ 
#navbar li:hover ul li a, 
#navbar li a:hover ul li a{ /* IE6 hack */ 
 background:#9AA152; /* Removes background image */ 
 color:#000; 
 text-align:left; 
 display:block; 
 width:10em; 
 padding:0 0 0 1em; 
 height:auto; 
} 

/* Hover on drop-down menu links */ 
#navbar li:hover ul li a:hover, 
#navbar li a:hover ul li a:hover{ /* IE6 hack */ 
 background: #9AA152; 
 color:#282E74; 
} 

/* IE6 hack applies to table flyout manus */ 
#navbar table { 
 margin:-1px; 
 border-collapse:collapse; 
 position:absolute; 
 top:0em; 
 left:99%; 
 z-index:105; 
}

#content{ 
/* Left margin must match leftcolumn width */ 
  margin-left:16em; 
    margin-right:0.1em; 
height:23.7em;
background-color:#fff; 
  color:#000; 
  text-align:justify; 
  padding:10px 20px; 
} 

/** Applies to hyperlinks in the content **/ 
#content a{ 
text-decoration:none; 
  color:#000; 
}

/* Content hover, active and current page links */ 
#content a:hover, 
#content a:active, 
#content li.selected a:link, 
#content li.selected a:visited{ 
color:#000; 
      font-weight:bold; 
      text-decoration:none; 
}

/** Applies to images in the content division **/ 
#content img{ 
  text-decoration:none; 
} 

/* Applies to paragraphs in the content division */ 
#content p{ 
  line-height:1.5em; 
  font-size:0.8em; 
} 

/* Applies to all lists in the content division */ 
#content ul, #content ol{ 
  padding:10px 0 10px 40px; 
} 

/* Styles h1, h2, and h3 style rules in the content division */ 
#content h1, #content h2, #content h3{  
  color:#000; 
  font-weight:bold; 
} 

/* Size h1 headings in the content division */ 
#content h1{ 
    font-family: Papyrus, Arial, sans-serif;
    font-size:2em; 
    text-align:center;
    color:#282E74; 
    margin:1.2em 0em 0.6em 0em; 
} 

/* Size h2 headings in the content division */ 
#content h2{ 
    font-family: Arial, sans-serif;
    font-size:0.8em; 
    color:#282E74; 
} 

/* Size h3 headings in the content division */ 
#content h3{ 
    font-family: Arial, sans-serif;
    font-size:1em; 
    color:#282E74; 
} 

/* Size h4 headings in the content division */ 
#content h4{ 
    font-family: Arial, sans-serif;
    font-size:1.5em; 
    text-align:center;
    color:#282E74; 
} 

#content2{ 
/* Left margin must match leftcolumn width */ 
  margin-left:16em; 
    margin-right:0.1em; 
height:132em;
background-color:#fff; 
  color:#000; 
  text-align:justify; 
  padding:10px 20px; 
} 

/** Applies to hyperlinks in the content2 **/ 
#content2 a{ 
text-decoration:none; 
  color:#000; 
}

/* Content2 hover, active and current page links */ 
#content2 a:hover, 
#content2 a:active, 
#content2 li.selected a:link, 
#content2 li.selected a:visited{ 
color:#000; 
      font-weight:bold; 
      text-decoration:none; 
}

/** Applies to images in the content2 division **/ 
#content2 img{ 
  text-decoration:none; 
} 

/* Applies to paragraphs in the content2 division */ 
#content2 p{ 
  line-height:1.5em; 
  font-size:0.8em; 
} 

/* Applies to all lists in the content2 division */ 
#content2 ul, #content2 ol{ 
  padding:10px 0 10px 40px; 
} 

/* Styles h1, h2, and h3 style rules in the content2 division */ 
#content2 h1, #content2 h2, #content2 h3{  
  color:#000; 
  font-weight:bold; 
} 

/* Size h1 headings in the content2 division */ 
#content2 h1{ 
    font-family: Papyrus, Arial, sans-serif;
    font-size:2em; 
    text-align:center;
    color:#282E74; 
    margin:1.2em 0em 0.6em 0em; 
} 

/* Size h2 headings in the content2 division */ 
#content2 h2{ 
    font-family: Arial, sans-serif;
    font-size:0.8em; 
    color:#282E74; 
} 

/* Size h3 headings in the content2 division */ 
#content2 h3{ 
    font-family: Arial, sans-serif;
    font-size:1em; 
    color:#282E74; 
} 

/* Size h4 headings in the content2 division */ 
#content2 h4{ 
    font-family: Arial, sans-serif;
    font-size:1.2em; 
    text-align:center;
    color:#282E74; 
} 

#content3{ 
/* Left margin must match leftcolumn width */ 
  margin-left:16em; 
    margin-right:0.1em; 
height:32em;
background-color:#fff; 
  color:#000; 
  text-align:justify; 
  padding:10px 20px; 
} 

/** Applies to hyperlinks in the content3 **/ 
#content3 a{ 
text-decoration:none; 
  color:#000; 
}

/* Content3 hover, active and current page links */ 
#content3 a:hover, 
#content3 a:active, 
#content3 li.selected a:link, 
#content3 li.selected a:visited{ 
color:#000; 
      font-weight:bold; 
      text-decoration:none; 
}

/** Applies to images in the content3 division **/ 
#content3 img{ 
  text-decoration:none; 
} 

/* Applies to paragraphs in the content3 division */ 
#content3 p{ 
  line-height:1.5em; 
  font-size:0.8em; 
} 

/* Applies to all lists in the content3 division */ 
#content3 ul, #content3 ol{ 
  padding:10px 0 10px 40px; 
} 

/* Styles h1, h2, and h3 style rules in the content3 division */ 
#content3 h1, #content3 h2, #content3 h3{  
  color:#000; 
  font-weight:bold; 
} 

/* Size h1 headings in the content3 division */ 
#content3 h1{ 
    font-family: Papyrus, Arial, sans-serif;
    font-size:2em; 
    text-align:center;
    color:#282E74; 
    margin:1.2em 0em 0.6em 0em; 
} 

/* Size h2 headings in the content3 division */ 
#content3 h2{ 
    font-family: Arial, sans-serif;
    font-size:0.8em; 
    color:#282E74; 
} 

/* Size h3 headings in the content3 division */ 
#content3 h3{ 
    font-family: Arial, sans-serif;
    font-size:1em; 
    color:#282E74; 
} 

/* Size h4 headings in the content3 division */ 
#content3 h4{ 
    font-family: Arial, sans-serif;
    font-size:1.2em; 
    text-align:center;
    color:#282E74; 
} 

/** Applies to hyperlinks in the footer **/ 
#footer a{ 
text-decoration:none; 
  color:#000; 
}

/* Footer hover, active and current page links */ 
#footer a:hover, 
#footer a:active, 
#footer li.selected a:link, 
#footer li.selected a:visited{ 
color:#000; 
      font-weight:bold; 
}