/* *********************************** STRUCTURE *********************************** */

body { font: small/1.3 Verdana, Arial, sans-serif; margin: 0; padding:5px; }

a:hover { border-bottom: 1px solid; }

p { margin: 1em 0; padding: 0; }

.skip { left: -99999em; position: absolute; top: -99999px; }

#structure { margin: 0 auto; max-width: 100%; }

#header { }

#header h1 {position:absolute; top:10000em; left:100000em; }



#nav li { display: inline; padding: 0 1em 0 0; }

/*
  EM >>  2em  +  40em  +  2em  +  14em  +  2em  = 60em
  %  >> 3.34% + 66.67% + 3.32% + 23.33% + 3.34% = 100%
*/

#main { margin: .5em  auto .5em  auto; width: 100%; }
#main img { width: 100%; max width:1028px;}

#nav{ clear: both;  width: 100%; }
.clear { clear: both;  width: 100%; }


#nav li {  margin: 0 ; padding:3px; font-weight:bold;}

#footer {  clear: both; font-size: 0.9em; padding: 0;  }

/* fix ie */

* html #content { height: 100%; }

* html #main { text-align:center; }
* html #main { margin: .7em  auto .5em  auto; }

* html #nav {  text-align:center;  }

/* small */

body.small { padding: 0; }

body.small #structure { width: 100%; }

/* smaller */

body.smaller #structure { padding-bottom: 2em; }

body.smaller #header { float: none; text-align: center; }

body.smaller #header h1 { float: none; padding: 1.5em 0 0.5em; }

body.smaller #nav { float: none; padding: 0 0 3em; }

body.smaller #main { margin: 1em 5% 0; width: 90%; }

body.smaller #supplement { margin: 0 5% 1em; width: 90%; }

body.smaller #footer { background: none; border: none; padding: 0; }

/* *********************************** STYLE *********************************** */

body { background:#FFFFFF; color: #222; }

a { color: #00CCCC; text-decoration: none; }

a:hover { border-color: #fbe; color: #d19; }

#structure { background: #FFFFFF;}

#header { background: #FFFFFF; border-color: #f3c; color: #fff; }

#header h1 { font-weight: normal; text-transform: capitalize; }


a.on{text-decoration:underline;}


#main { text-align: justify; font-size:1.2em; color:#666666; }
#main img { border: 1px  #000000 solid;}
#nav ul { list-style: none; margin:10px auto;    height:40px;width:666px;  }

#nav li { list-style: none; text-align: center; color:#993399; display:block; height:40px;  float:left;}

#nav li a,#nav li a:link,#nav li a:visited{  color: #FFFFFF  ;  background-color: #CCCCCC;  ;line-height:40px; overflow:hidden; float:left;   width:95px; height:40px; text-align:center;}


#nav li a:hover{color:#CCCCCC ; background-color: #666666;}



#footer {  color: #CCCCCC  ; text-align: center; padding:none; }

.vcard { white-space: nowrap; }
a {outline:none;}