/* Colors used ===========================================================================
Intel Blue: #0071C5 - banner and footer color, heading level color, links in body.
White: #FFFFFF - body background, font color for banner and footer, link color in footer
Black: #000000 - text color for all normal text
Do not add any colors without testing them on all target browsers.
=========================================================================================== */
/* -------------------------------------- */
/* General classes - Use these classes as the foundation for clean, well-formed HTML. */
/* -------------------------------------- */
body {
background-color:#FFFFFF;
font-family: "Intel Clear", Verdana, Arial, sans-serif;
font-size: 10pt;
margin: 0px;
padding: 0px;
}
p, td {
font-family: "Intel Clear", Verdana, Arial, sans-serif;
font-size: inherit;
margin-top: 0;
line-height: 130%;
margin-bottom: 5px;
}
HR {
color: #0071C5;
background-color: #0071C5;
height: 1px;
margin-top: 15px;
margin-bottom: 15px;
margin-right: 10px;
margin-left: 0px;
border: none;
}
/* -------------------------------------- */
/* Divs and classes to control the banner */
/* -------------------------------------- */
#banner {
/* Div for banner */
float:left;
margin: 0px;
width: 100%;
background-color: #0071C5;
z-index: 0;
}
#banner h1.title {
/* Add as class to H1 in banner */
font-family: "Intel Clear", Verdana, Arial, sans-serif;
font-weight:normal;
color: #FFFFFF;
font-size: 170%;
margin-right: 40px;
margin-left: 40px;
text-indent: -80px;
padding-right: 20px;
text-indent: 20px;
}
#banner .logo {
/* Apply to logo in banner. Add as class to image tag. */
float: left;
margin-right: 20px;
margin-left: 20px;
margin-top: 10px;
padding-bottom: 5px;
}
/* -------------------------------------- */
/* Divs and classes to control main content */
/* -------------------------------------- */
#image {
/* Add as class to image tag. */
float: right;
margin-right: -50px;
margin-top: -90px;
display: block;
}
/* DIV container for centering all content  */
#centercontent, div.centercontent {
text-align: center;
}
#contentblock {
/* Div for main content container. Everything not in the banner should be wrapped in this container. */
text-align: left;
width: 600px;
display: block;
padding-top: 50px;
padding-bottom: 70px;
margin-left: auto;
margin-right: auto;
clear: both;
}
#contentblock h1 {
font-family: "Intel Clear", Verdana, Arial, sans-serif;
color: #0071C5;
font-size: 200%;
line-height: 110%;
font-weight: normal;
text-align: left;
padding-right: 100px;
}
#contentblock h2 {
color: #0071C5;
margin-top: 18px;
margin-bottom: 15px;
font-size: 150%;
font-weight: normal;
line-height: 120%;
}
#contentblock h3, h4, h5, h6 {
color: #0071C5;
margin-top: 30px;
margin-bottom:5px;
font-size: 100%;
font-weight: bold;
}
#contentblock a:link, a:active, a:visited {
font-size:inherit;
text-decoration: none;
color: #0071C5;
}
#contentblock a:hover {
font-size: inherit;
text-decoration: underline;
color: #0071C5;
}
/* -------------------------------------- */
/* Classes to control tables */
/* -------------------------------------- */
#contentblock table.tablecontrol, table {
border-spacing: 0px;
border-collapse: separate;
width: 100%;
}
#contentblock li, ol, ul{
font-family: inherit;
font-size: 10pt;
margin-top: 0;
line-height: 120%;
margin-bottom: 10px;
}
#contentblock li {
margin-left: -15px;
list-style-type: circle; 
}
#contentblock td {
vertical-align: top;
font-size: inherit;
text-align: left;
padding-top: 0;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0;
}
/* -------------------------------------- */
/* Divs and classes to control footer.
/* -------------------------------------- */
#footer {
/* Div for footer */
text-align:center; 
color: #000000;
position: fixed;
bottom: 0px;
width: 100%;
background-color: #0071C5;
clear: both;
z-index: 9999;
}
#footer  p.copyright {
/* Control links in footer only. */
color: #FFFFFF;
font-family: "Intel Clear", Verdana, Arial, sans-serif;
font-size: x-small;
padding-top: 5px;
}