/*
------------------------------------------------------
Copyright Kemie Guaida, some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

/* general styles */

body {
color: #4D4D4D;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
background: #E6E6E6;
font-size: .8em;
line-height: 1.4em;
}

a {
color: #005880;
}

a:hover {
color: red;
}

a:visited {
color: #006B95;
}

a:visited:hover {
color: #2C91B2;
}

h1{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #006B95;
margin: 15px 0 15px 0;
padding-left: 15px; 
}

h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #007AAC;
margin: 15px;
}

h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #56A7C1;
margin: 15px;
}

p {
margin: 10px 15px 5px 15px;

}

ul li {margin: 0px 0px 10px 0px;}




/* Horizontal Lines */

hr.solidLine{height: 2px; 
width: 470px;
border: 0; 
border-top: 2px solid #0093d0; } 

hr.thinLine{height: 1px; 
width: 470px;
border: 0; 
border-top: 1px solid #0093d0; } 

/* Formatting Table */

table.general {border-width: 1px;
border-style: solid;
border-color: #0093d0;
border-collapse: collapse;
background-color: white;}

table.general th {border-width: 1px;
padding: 5px;
border-color: #95cfea;
background-color: #0093d0;
color: #FCFCFC;
text-align: left;}

table.general td {border-width: 1px;
padding: 5px;
border-color: #95cfea;
background-color: white;}

/* layout styles */

#container {
width: 766px;
text-align: left;
margin: 10px auto 0 auto;
background: url("../images/back_container.gif") #FFFFFF repeat-y;
padding: 0 !important;}

#banner {
height: 125px;
background: url("../images/back_banner.jpg") #006B95 no-repeat;
}

#banner h1 {
float: left;
color: #FFFFFF;
margin: 40px 0 0 20px;
background: none;
}

#emailSubscription{width: 175px;
height: 106px;
position: relative;
overflow: hidden;
float: right;
top: 20px;
right: 20px;
text-align: center;
line-height: 1.2em;}

#emailSubscription p {margin:0px 0px 5px 0px;}

#content {
float: left;
width: 470px; 
margin: 10px 10px 0 10px;
background-image: url("../images/back_content.jpg");
background-repeat: no-repeat;
padding: 0;
}

* html #content {
margin-left: 5px;
}

#sidebar {
float: left;
width: 254px;
margin: 10px 0 0 0;
padding: 0;
background-image: url("../images/back_sidebar.jpg");
background-repeat: no-repeat;
color: #787878;
}


/* meta nav */

#nav-meta {
float: right;
margin: 11px 25px 0 0;
background: url("../images/back_navmeta2.gif") no-repeat bottom right;
}

#nav-meta ul {
margin: 0;
padding: 2px;
background: url("../images/back_navmeta1.gif") no-repeat bottom left;
}

#nav-meta li {
display: inline;
padding: 4px;
}

#nav-meta a, #nav-meta a:visited {
color: #FFFFFF;
text-decoration: none;
margin: 4px;
}

#nav-meta a:hover, #nav-meta a:visited:hover {
color: #D1EBF4;
}

.skip {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
}

.skip:active, .skip:focus {
position: absolute;
overflow: visible;
width: auto;
height: auto;
background: #2C91B2;
}

/* main nav */

#nav-main {
margin: 10px 16px 10px 11px;
min-height: 30px;
background: url("../images/back_navmain.gif") #007AAC no-repeat;
}

#nav-main ul {
height: 100%;
margin: 0;
padding: 0 0 0 5px;
}

#nav-main li {
list-style-type: none;
float: left;
width: auto;
margin: 7px 5px 0 5px;
background: url("../images/back_navmainitems2.gif") no-repeat top right;
}

#nav-main a:link, #nav-main a:visited {
display: block;
color: #D1EBF4;
font-weight: bold;
text-decoration: none;
padding: 1px 6px 2px 6px;
background: url("../images/back_navmainitems.gif") no-repeat top left;
}

#nav-main a:hover, #nav-main a:visited:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 2px 6px 1px 6px;
}

.current {
margin-top: 4px;
background-image: url("../images/back_current2.gif")!important;
}

.current a:link, .current a:visited {
color: #006B95 !important;
background-image: url("../images/back_current1.gif") !important;
}

.current a:hover, .current a:visited:hover {
color: #2C91B2 !important;
}

/* sub nav */

#nav-section {
clear: both;
}

#nav-section ul {
margin: 0;
padding: 0 10px 0 10px;
}

#nav-section li {
list-style-type: none;
float: left;
margin: 0px 4px 0 4px;
background-image: url("../images/bullet_off.gif");
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 12px;
}

#nav-section a:link, #nav-section a:visited {
text-decoration: none;
}

.youarehere a:link, .youarehere a:visited {
font-weight: bold;
}

.youarehere{
background-image: url("../images/bullet_on.gif")!important;
}

/*supplemental nav */

#nav-supp ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-supp {
margin: 15px;
}

#nav-supp li {
background-image: url("../images/bullet_link.gif");
background-repeat: no-repeat;
background-position: center left;
padding: 0 0 0 15px;
margin: 2px 0 10px 10px;
}


#h1n1Container {background-image: url("../images/h1n1.jpg");
background-repeat: no-repeat;
width: 465px;
height: 300px;}

#h1n1LeftContent {float: left;
width:230px;
overflow: hidden;}

#h1n1RightContent {float: right;
width:50%;
overflow: hidden;}

#h1n1RightContent p {margin: 0px 0px 0px 30px;}

#h1n1RightContent h1 {margin: 10px 0px 0px 0px;}

#h1n1RightContent ul {margin: 0px 0px 0px 50px;}


/* footer */

#row{width: 766px;
clear: both;}

#rowLeftContainer {
float: left;
width: 375px;
line-height: 1.4em;
overflow: hidden; }

#rowLeftContainer h1, #rowLeftContainer h2, #rowLeftContainer h3 {color: white;
font-size: 1em;
text-align: center;}

#rowsubLeftContainer {float:left;
position:relative;
background-image: url("../images/box.png");
background-repeat: no-repeat;
width: 185px;
border: 0px;
overflow: hidden;
height: 140px; }

#rowsubLeftContainer p {margin:0px 0px 10px 2px;
padding: 0px;}

#rowsubLeftContainer h3 {margin:0px 0px 10px 2px;
padding: 0px;}

#rowsubRightContainer {float: right;
position:relative;
background-image: url("../images/box.png");
background-repeat: no-repeat;
width: 185px;
border: 0px;
overflow: hidden;
height: 140px; }

#rowsubRightContainer p {margin:0px 0px 10px 2px;
padding: 0px;}

#rowsubRightContainer h3 {margin:0px 0px 10px 2px;
padding: 0px;}

#rowRightContainer {
float: right;
width: 382px;
line-height: 1.4em;
overflow: hidden; }

#rowRightContainer h1, #rowRightContainer h2, #rowRightContainer h3 {color: white;
font-size: 1em;
text-align: center;}


#rowsubRightContainerLeft {float: left;
position:relative;
background-image: url("../images/box.png");
background-repeat: no-repeat;
width: 185px;
border: 0px;
overflow: hidden;
height: 140px; }

#rowsubRightContainerLeft p {margin:0px;
margin-left: 2px;
padding: 0px;}

#rowsubRightContainerLeft h3 {margin: 0px 0px 10px 2px;
padding: 0px;}

#rowsubRightContainerRight {float: right;
position:relative;
margin-right:5px;
background-image: url("../images/box.png");
background-repeat: no-repeat;
width: 185px;
border: 0px;
overflow: hidden;
height: 140px; }

#rowsubRightContainerRight p {margin:0px 0px 0px 2px;
padding: 0px;}

#rowsubRightContainerRight h3 {margin:0px 0px 10px 2px;
padding: 0px;}


.graphicFlu{position:relative;
top: 5px;}

html>body .graphicFlu{top: 0px;}

#info-site {
clear: both;
text-align: left;
background-image: url("../images/back_infosite.gif");
background-repeat: no-repeat;
background-position: center bottom;
margin: 0;
padding: 30px 0 15px 0;
}

	
#info-company {
padding: 5px;
background: url("../images/back_navmain.gif") #007AAC no-repeat;
margin: 10px 16px 10px 10px!important;
color: #FFFFFF;
}

#info-company a,#info-company a:visited {
color: #D1EBF4;}

#info-company a:hover,#info-company a:visited:hover {
color: #FFFFFF;}

#info-standards{
font-size: 10px;
padding: 0;
margin: 5px !important;}
