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

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

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

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

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

#header { border-bottom: 3em solid; clear: both; float: left; line-height: 1; width: 100%; }

#header-image {float: left; margin: 0em; padding: 0em 0em .5em 2em }

#newsletter {float: right; margin: 1em 2.5em 0 0; }

#nav { float: left; margin: -2.8em 0 0 2em; }


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


#main { clear: left; float: left; margin: 1em 0 1em 3.34%; width: 63.3%; }

#supplement { clear: right; float: right; border: 1px solid; margin: 2em 3.34% 1em 0; width: 26.67%; padding: 0em 0.5em 0.5em 0.5em; }

#port { border-top: 2px solid; border-bottom: 1px solid; clear: both; padding: 1em 0 1em 2em;}

#port img { border: 1px solid; margin: 0 1.1em 0 0; }

#footer { border-top: 1px solid; clear: both; padding: 0.5em 0 1em 0;}

/* fix ie */

* html #content { height: 1%; }

* html #main { margin-left: 1.67%; }

* html #supplement { margin-right: 1.67%; }

/* 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 #main { margin: 1em 5% 0; width: 90%; }

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

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

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

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

body { background: #222; }

img { border: none; }

a { color: #000; text-decoration: underline; }

a:hover { color: #659ffc; }

#structure { background: #fff; }

#header { background: #c8dcfd; border-color: #fde9c9; }

#main { text-align: left; }

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 1.5em; color: #7EAFFC; padding: 0.5em 0 0 0;}

h6 { font-size: 1.0em; color: #990000; padding: 0em 0 0 0;}

#supplement { background: #ffffff; border-color: #000000; }

#port { background: #fde9c9; border-color: #000000; }

#footer { background: #c8dcfd; border-color: #000000; text-align: center; font-size: 0.7em; }