/*Test top horizontal navbar (NOT dropdown)*/

div#navcontainer
{
background-color: #D4523B;
border-bottom: 2px groove #f00000;
}

div#navcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}

div#navcontainer ul li
{
display: inline;
margin-left: -4px;
}

div#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: white;
text-decoration: none;
border-right: 2px groove #f00000;
border-bottom: none;
}

div#navcontainer ul li a:hover
{
background-color: #CC3232;
color: white;
}

#active a { border-left: 2px groove #f00000; }



/*Core stylesheet*/


body {
background-color: #D4523B;
background-image: url(images/image-red-new-background.gif);
background-attachment: fixed;
font: 0.89em/1.45 Georgia, sans-serif;
color: #333333;
margin: 0;
}

p {
text-align: justify;
}

p.comment {
text-align: center;
font-family: Arial, serif;
font-size: 0.85em;
}

p.top-return {
text-align: right;
color: #D4523B;
}

p.footer {
font-size: 0.84em;
text-align: center;
font-weight: bold;
}

p.base-info {
font-size: 0.84em;
}

p.keywords {
font-size: 0.7em;
color: #666666;
}

h1 {
font-size: 1.3em;
font-style: oblique;
text-align: right;
margin-bottom: -5px;
}

h2 {
font-size: 1em;
margin-bottom: -10px;
}

h3 {
text-align: center;
font-size: 1em;
font-style: oblique;
margin-bottom: -10px;
}

h4 {
font-size: 1em;
margin-bottom: -10px;
}

a:link {
color: #D4523B;
text-decoration: none;
border-bottom: 1px dotted #D4523B;
}

a.image:link {
border: none;
}

a.image:visited {
border: none;
}

a.email:link {
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #ffffff;
color: #ffffff;
}

a.spam-email {
color: #ffffff;
cursor: default;
border: none;
text-decoration: none;
}

a.spam-email:hover {
color: #ffffff;
cursor: default;
border: none;
text-decoration: none;
}

a:visited {
color: #D49E3A;
text-decoration: none;
border-bottom: 1px dotted #D49E3A;
}

a:hover {
color: #f00000;
text-decoration: underline overline;
border-bottom: none;
}

a.email:hover {
font-weight: bold;
text-decoration: underline overline;
border-bottom: none;
color: #ffffff;
}

a:active {
}

#content-two-column {
position: relative;
width: 778px;
margin-left: auto;
margin-right: auto;
}

#content-three-column {
position: relative;
width: 778px;
margin-left: auto;
margin-right: auto;
}

#main-text-two-column {
background-color: #ffffff;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
padding-top: 1px;
padding-left: 30px;
padding-right: 30px;
margin-left: 135px;
}

#main-text-three-column {
background-color: #ffffff;
border-left: 1px #000000 solid;
border-bottom: 1px #000000 solid;
margin-left: 125px;
margin-right: 130px;
padding-top: 1px;
padding-left: 20px;
padding-right: 20px;
}

.imaged-bullets ul li {
list-style-image: url(images/fthrpen.jpg);
list-style-position: outside;
font-size: 0.93em;
text-align: justify;
line-height: 1.5em;
}

.imaged-bullets ul ul li {
list-style-image: url(images/fthrpen.jpg);
list-style-position: outside;
font-size: 0.9em;
text-align: justify;
line-height: 1.5em;
}

#sources p {
text-align: center;
}

#navbar {
position: absolute;
top: 5px;   /*To render some top margin in IE*/
left: 0px;
width: 125px;
padding-left: 5px;
}

#right-sidebar {
width: 125px;
position: absolute;
top: 5px;   /*To render some top margin in IE*/
right: 0px;
padding-right: 10px;
}

p.navbutton {
line-height: 0px;
margin: 0px;
}

img.navbar-border {
margin-bottom: 10px;
margin-top: 10px;
height: 18px;
width: 120px;
}

p.box {
border: 3px #CC0000 groove;
padding: 3px;
width: 110px;
text-align: center;
line-height: 1.4em;
background-color: #FFFFCC;
}

p.box-right-three-column {
border: 3px #CC0000 groove;
padding: 3px;
margin: 15px;
width: 105px;
text-align: center;
line-height: 1.2em;
background-color: #FFFFCC;
}

p.box-left-three-column {
border: 3px #CC0000 groove;
padding: 3px;
width: 100px;
text-align: center;
line-height: 1.2em;
background-color: #FFFFCC;
}

p.navbar-text {
width: 120px;
color: #ffffff;
font-weight: bold;
font-size: 0.88em;
line-height: 1em;
text-align: center;
}

p.navbar-text-three-column {
width: 125px;
padding-left: 10px;
color: #ffffff;
font-weight: bold;
font-size: 0.88em;
line-height: 1em;
text-align: center;
}

div.right-float {
float: right;
}

#header-image {
background-image: url(images/image-red-new-logo-long.gif);
height: 85px;
border-bottom: 2px groove #f00000;
background-repeat: no-repeat;
}

#date {
text-align: right;
margin-top: -10px;
margin-right: 20px;
font-size: 0.75em;
font-style: oblique;
}

img.validator {
height: 31px;
width: 88px;
border: 0px;
float: right;
}


/*To switch the navigation-bar button images*/

a.button1 {
background: url(images/NavButton.gif);
width: 108px;
height: 41px;
background-repeat: no-repeat;
position: relative;
float: left;
}

a.button1:visited {
border-bottom: none;
}

a.button1:hover {
background: url(images/Nav2Button.gif);
}

a.button2 {
background: url(images/NavButton2.gif);
width: 108px;
height: 41px;
background-repeat: no-repeat;
position: relative;
float: left;
}

a.button2:visited {
border-bottom: none;
}

a.button2:hover {
background: url(images/Nav2Button2.gif);
}

a.button8 {
background: url(images/NavButton8.gif);
width: 108px;
height: 41px;
background-repeat: no-repeat;
position: relative;
float: left;
}

a.button8:visited {
border-bottom: none;
}

a.button8:hover {
background: url(images/Nav2Button8.gif);
}

a.button9 {
background: url(images/NavButton9.gif);
width: 108px;
height: 41px;
background-repeat: no-repeat;
position: relative;
float: left;
}

a.button9:visited {
border-bottom: none;
}

a.button9:hover {
background: url(images/Nav2Button9.gif);
}

a.button3 {
background: url(images/NavButton3.gif);
width: 108px;
height: 41px;
background-repeat: no-repeat;
position: relative;
float: left;
}

a.button3:visited {
border-bottom: none;
}

a.button3:hover {
background: url(images/Nav2Button3.gif);
}

a.button4 {
background: url(images/NavButton4.gif);
width: 108px;
height: 41px;
background-repeat: no-repeat;
position: relative;
float: left;
}

a.button4:visited {
border-bottom: none;
}

a.button4:hover {
background: url(images/Nav2Button4.gif);
}

a.button5 {
background: url(images/NavButton5.gif);
width: 108px;
height: 41px;
background-repeat: no-repeat;
position: relative;
float: left;
}

a.button5:visited {
border-bottom: none;
}

a.button5:hover {
background: url(images/Nav2Button5.gif);
}

a.button6 {
background: url(images/NavButton6.gif);
width: 108px;
height: 41px;
background-repeat: no-repeat;
position: relative;
float: left;
}

a.button6:visited {
border-bottom: none;
}

a.button6:hover {
background: url(images/Nav2Button6.gif);
}