/* Divisions used:
*   main
*     masthead
*     navmenu
*     content
*   validation
*/

body {
       color:          black ;
       background-color:       silver ;
       background-image: url('/mes/flags.jpg') ;
       margin: 1% 15% ;

       font-family:    Arial,Sans-serif ;
       font-size:      100% ;

}

#main {
       background-color:       white ;
       border: 1px solid gray ;
       padding:        2% ;
/*      clear:  right ;
*/
}

#masthead {
/*    display: inline ;
     font-weight:      bold ;
     font-size:  1.5em ;
        float: right ;
        font-style:  italic ;
*/
/*       vertical-align:     middle ; */
}

#masthead h1 {
   font-family: "Times New Roman",Serif ;
   font-size: 48px ;
}

#masthead h2 {
   font-family: "DejaVu Sans","MS Gothic",Sans-serif ;
   font-size: 30px ;
}

#masthead a {
   text-decoration: none ;
   color: black ;
}

#headloc {
   float: right ;
}

#navmenu ul {
   width: 100% ;
/*      float: right ;
*/
}

#object-list ul, #exit-list ul {
            text-align:    center ;
}

#object-list li, #exit-list li {
       list-style: none;
       display: inline;
       padding: 0.25em ;
}

/*
#navmenu li, #validation li {
       font-weight:    bold ;
       text-align:     center ;
       margin-bottom:  3px ;
       margin-top:     3px ;
       list-style: none;
       display:        inline ;
}

#navmenu li {
   width: 12% ;
}

#navmenu a, #validation a {
       padding:        4px ;
       margin:         2px ;
       text-decoration:    none ;
/@      display:            block ; @/
       color:              #ffffff ;
       background-color:   silver ;
/@      color:              #224059 ;
       background-color:   #b5c9e2 ;
@/
       border-style:       outset ;
/@      border-top:         2px #ffffff sold ;
       border-left:        2px #000000 sold ;
       border-bottom:      2px #000000 sold ;
       border-right:       2px #ffffff sold ;
@/
}

#navmenu a:hover, #validation a:hover {
/@      background-color:   #99aabf ;@/
/@      background-color:   #808080 ; @/
       background-color:   #acacac ;
       border-style:       inset ;
/@      border-top:         2px #31557f sold ;
       border-left:        2px #31557f sold ;
       border-bottom:      2px #cce3ff sold ;
       border-right:       2px #cce3ff sold ;
@/
}
*/

img-l {
   float: left ;
   margin: 20px ;
}

img-r {
   float: right ;
   margin: 20px ;
}


/*
button {
       font-weight:    bold ;
       text-align:     center ;
       margin-bottom:  3px ;
       margin-top:     3px ;
       list-style: none;
       display:        inline ;
}

button a {
       padding:        4px ;
       margin:         2px ;
       text-decoration:    none ;
/@      display:            block ; @/
       color:              white ;
       background-color:   black ;
       border-top:         2px #cce3ff sold ;
       border-left:        2px #cce3ff sold ;
       border-bottom:      2px #cce3ff sold ;
       border-right:       2px #cce3ff sold ;
}

button a:hover {
       background-color:   #99aabf ;
       border-top:         2px #31557f sold ;
       border-left:        2px #31557f sold ;
       border-bottom:      2px #cce3ff sold ;
       border-right:       2px #cce3ff sold ;
}
*/

#endcont {
   clear: both ;
}

#validation {
   clear: both ;
/*    text-align:       center ;*/
}

/*
#validation li {
       list-style: none;
       display: inline;
       padding: 0.25em ;
}
*/

/*
#validation a {
       background-color:       #fecb65 ;
       color:  black ;
}

#validation a:hover {
/@      background-color:       #ae7b15 ; @/
/@      background-color:       #ffb90f ; @/
/@      background-color:       #be984b ; @/
       background-color:       #e4b65a ; /@ Darkened by taking 90% each of RGB @/
}
*/

/* CSS Tabs by Joshua Kaufman <http://unraveled.com/publications/css_tabs/> */
/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #cfc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

basictab li{
display: inline;
margin: 0;
}

basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}

basictab li a:visited{
color: #2d2b2b;
}

basictab li a:hover{
background-color: #DBFF6C;
color: black;
}

basictab li a:active{
color: black;
}

basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #DBFF6C;
color: black;
}

/* "W3C buttons without images" by Marek Prokop <http://www.sovavsiti.cz/css/w3c_buttons.html> */
w3cbutton3 {
 margin: 1em 0;
 width: 9em;
 border: 1px solid #ccc;
 font-family: helvetica,arial,sans-serif;
 font-size: 70%;
 font-weight: bold;
}
w3cbutton3 a {
 display: block;
 width: 100%;
}
w3cbutton3 a:link,
w3cbutton3 a:visited,
w3cbutton3 a:hover {
 background-color: #fc6;
 color: #000;
 text-decoration: none;
}
w3cbutton3 span.w3c {
 padding: 0 0.4em;
 background-color: #fff;
 color: #0c479d;
}