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

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

a { border-bottom: 0px solid; }

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

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

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

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

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

#header h1 { float: left; width: 46.66%; font-size: 1.5em; font-weight: normal; padding: 1em 0 0 1.5em; }

#logo { float: right; margin: 1em 3.34% 0 0; }

#icon { background-image: images/icon.jpg 0 0 no-repeat; border:none; margin: 0 2px 0 0; }


/*
  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 0em 0em 3.34%; width: 46.66%; }

#icon {float: left; padding: 0 4px 0 0; }

#sample {float: left; border:none; margin: 4px 6px 0 2px; }

#supplement { float: right; margin: 2.2em 2% 1em 0em; width: 40%; }

#supplement1 { float: right; margin: 0 2% 1em 0em; width: 40%; }

#supplement { font: small/1.2 Arial, sans-serif; border: 1px solid; padding: 0px 6px 6px 6px ; }

#supplement1 { font: small/1.2 Arial, sans-serif; border: 1px solid; padding: 6px 6px 6px 6px ; }

#footer { border-top: 1px solid; clear: both; font-family:"Comic Sans MS"; font-size: 1em; padding: 0.5em 0 1em 0; }

/* fix ie */

* html #content { height: 1%; }

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

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

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

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

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

body { background: #0F518E; }

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

a:hover { border-color: #0F518E; color: #0F518E; text-decoration:none; }

#structure { background: #fff; }

#header { background: #fff; color: #0F518E; }

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

#main { text-align: justify; }

#supplement { background: #f1f1f1; border-color: #0F518E; text-align: justify;}

#supplement1 { background: #f1f1f1; border-color: #0F518E; text-align: justify;}

#footer { background: #f1f1f1; border-color: #0F518E; color: #222; text-align: center; }

.phpForms_pgtitle
{
    font-family : Arial;
    font-size   : 18px;
    color       : #0F518E;
    font-weight : bold;
}
.phpForms_btn
{
    border-top-width    : 1px;
    border-left-width   : 1px;
    border-bottom-width : 1px;
    border-right-width  : 1px;
    border-top-color    : #0F518E;
    border-left-color   : #0F518E;
    border-right-color  : #0F518E;
    border-bottom-color : #0F518E;
    font                : Verdana, Arial, Helvetica, sans-serif;
    color               : #000000;
}