/* Style properties for HTML elements based on the HTML 4.01 Specification. <http://www.w3.org/TR/html401/cover.html#toc> */

/* Section 1: Contextual selectors */

html {
font-family: Arial, sans-serif;
font-size: 12px;
color: #000;
margin: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px
}

/* Section 1.1: The document body */

body {
background-color: #EEE;
margin: 19px 0px; 
padding: 0px;
text-align:center
}

h1 {
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #014455;
padding: 0px;
margin-top: 15px;
margin-bottom: 10px;
padding-left: 40px;
padding-right: 260px
}

h2 {
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 15px;
color: #014455;
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 40px;
padding-right: 260px
}

h3,h4,h5,h6 {
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 15px;
color: #000;
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 40px;
padding-right: 260px
}
	
address {}

/* Section 1.2: Text */

/* 1.2.1: Structured text */

em {}
strong {}
dfn {}
code {}
samp {}
kbd {}
var {}
cite {}
abbr {}
acronym {}
blockquote {}
q {}
sub {}
sup {}

/* End of 1.2.1 */

p {
margin-top: 0px;
margin-bottom: 5px;
line-height: 15px;
padding-left: 55px;
padding-right: 255px
}

p.illustration {
padding-top: 10px;
padding-bottom: 10px
}

pre {}
ins {}
del {}

/* Section 1.3: Lists */

ul.notnav {
padding-left: 40px;
padding-right: 270px
}

ol.notnav {
padding-left: 40px;
padding-right: 270px
}
li {}
dl {}
dd {}
menu {}

/* Section 1.4: Tables */

table {}
caption {}
thead {}
tfoot {}
tbody {}
colgroup {}
col {}
tr {}

th {
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 15px;
color: #333;
text-align: center
}

th.extra {
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 15px;
color: #FFF;
padding-left: 5px;
text-align: left
}

td {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 15px;
color: #333
}

td.extra {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 15px;
padding-left: 5px;
color: #FFF
}

/* Section 1.5:  The A element */

a, a:link, a:active, a:visited {
font-family: Arial, sans-serif;
font-size: 12px;
color: #1177cc
}

a:hover {
color: #004499
}

a.foot, a.foot:link, a.foot:active, a.foot:visited {
font-family: Arial, sans-serif;
font-size: 12px;
color: #666666
}

a.foot:hover {
color: #333333
}

a.side, a.side:link, a.side:active, a.side:visited {
color: white;
text-decoration: none
}

a.side:hover {
text-decoration: underline
}
	
/* Section 1.6: Objects, Images, and Applets */

img {
border: 0px
}

object {}
applet {}

/* Section 1.7: Alignment, font styles, and horizontal rules */

/* 1.7.1: Fonts "[...] their use is discouraged in favor of style sheets." */

tt {}
i {}
b {}
big {}
small {}

/* End of 1.7.1 */

hr {
padding-right: 10px;
color: #000;
}

/* Section 1.8: Frames */

iframe {}

/* Section 1.9: Forms */

form {}
input {}
input:focus {}
button {}
button:focus {}
select {}
select:focus {}
optgroup {}
option {}
textarea {}
textarea:focus {}
label {}
fieldset {}
legend {}

/* Section 2: Class selectors */

.bodycontainer {
position: relative;
margin: 0px auto;
text-align: left;
padding: 0px;
width: 750px;
background-color: #FFF
}

.horbanner {
display: none
/* position: absolute;
top: 0px;
left: 0px;
height: 184px;
padding-top: 5px;
width: 750px;
text-align: center;
border-top: 1px solid #E6E6E6;
border-right: 1px solid #CCC;
background-color: #FFF */
}

.navigationcontainer {
display: none
/* position: absolute;
top: 190px;
height: 50px;
padding-left: 0;
margin-left: 0;
width: 750px;
border-right: 1px solid #CCC;
background-color: #FFF */
}

#navcontainer ul {
position: absolute;
top: 0px;
left: 5px;
padding-left: 0;
margin-left: 0;
background-color: #014455;
color: White;
width: 740px;
font-family: Arial, sans-serif;
font-weight: bold
}

/* .navigationcontainer {
position: absolute;
top: 120px;
height: 50px;
padding-left: 0;
margin-left: 0;
width: 730px;
border-right: 1px solid #CCC;
background-color: #FFF
}

#navcontainer ul {
position: absolute;
top: -14px;
left: 5px;
padding-left: 0;
margin-left: 0;
background-color: #0050B6;
color: White;
width: 720px;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: bold
} */

#navcontainer ul li { 
display: inline
}

#navcontainer ul li a {
padding: 0.2em 1em;
background-color: #014455;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #FFF
}

#navcontainer ul li a:hover {
background-color: #026E89;
color: #fff;
}

.contentcontainer {
position: absolute;
z-index: 3;
top: 209px;
left: 0px;
width: 750px;
height: 540px;
/* border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC; */
background-color: #FFF
}

.content {
position: absolute;
z-index: 5;
top: 0px;
left: 5px;
width: 738px;
height: 534px;
/* border-left: 1px dashed #999;
border-right: 1px dashed #999;
border-bottom: 1px dashed #999;
background-color: #FFF */
}

.breadcrumbs {
display: none
/* color: #1177cc;
margin-top: 5px;
margin-bottom: 5px;
line-height: 15px;
padding-left: 40px;
padding-right: 270px */
}

.extracontainer {
display: none
/* position: absolute;
z-index: 9;
top: 210px;
left: 545px;
width: 200px */
}

.extra1 { 
color: #FFF;
position: relative;
z-index: 10;
width: 200px;
background-color: #014455;
border-bottom: 2px solid #FFF
}

.extra2 {
color: #FFF;
position: relative;
z-index: 11;
width: 200px;
height: 50px;
background-color: #026E89;
border-bottom: 2px solid #FFF
}

.extra3 { 
color: #FFF;
position: relative;
z-index: 12;
width: 200px;
height: 50px;
background-color: #0283A4;
border-bottom: 2px solid #FFF
}

.extra4 { 
color: #FFF;
position: relative;
z-index: 13;
width: 200px;
height: 60px;
background-color: #C0B678
}

.logo { 
color: #FFF;
text-align: center;
padding-top: 20px;
position: relative;
z-index: 14;
width: 200px;
height: 100px
}

.copyright {
display: none
/* color: #999;
position: absolute;
z-index: 15;
top: 750px;
left: 0px;
width: 730px;
background-color: #EEE */
}