/* Generic Selectors */

body {

font-family: "Helvetica", "Arial", "sans serif";

font-size: 12px;

line-height: 150%;

color: #333333;

background: #FFFFFF;

}

p {

width: 80%;

}


li {

list-style-type: none;

line-height: 200%;

}

h1 {

padding-top: 15px;

font-family: "Arial Black", "sans serif";

font-size: 24px;

font-weight: normal;

color: #000000;

background: #FFFFFF;

}


h2 {

font-family: "Arial Black", "sans serif";

font-size: 36px;

font-weight: normal;

padding: 0 0 10 60px; /*top right bottom left*/

color: #FFFFFF;

background: transparent;



}


h3 {

font-family: Arial, "sans serif";

font-size: 16px;

font-weight: bold;

color: #000000;

background: #FFFFFF;

border-bottom: 1px solid #990033;

}

h4 {

font-family: Arial, "sans serif";

font-size: 16px;

font-weight: bold;

color: #000000;

background: #FFFFFF;
}


h5 {

font-family: Arial, "sans serif";

font-size: 12px;

font-weight: bold;

color: #FF6600;

background: #FFFFFF;Ê
}

h6 {

font-family: Arial, "sans serif";

font-size: 12px;

font-weight: bold;

color: #990000;

background: #FFFFFF;Ê
}

strong {

font-weight: bold;

color: #990000;


}

/**************** Pseudo classes ****************/


a:link {

color: #FF6600;

background: #FFFFFF;

padding-bottom: 5px;

font-weight: normal;

text-decoration: underline;


}

li a:link {

display: block;

color: #FF6600;

background: #FFFFFF;

padding-bottom: 5px;

font-weight: normal;

text-decoration: none;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #990000;

}

A:visited {

color: #2F4F2F;

background: #FFFFFF;

padding-bottom: 5px;

font-weight: normal;

text-decoration: underline;



}

li a:visited {

display: block;

color: #2F4F2F;

background: #FFFFFF;

padding-bottom: 5px;

font-weight: normal;

text-decoration: none;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #990000

}

a:hover {

color: #990000;

background: #FFFFFF;

padding-bottom: 5px;

font-weight: bold;

text-decoration: underline;

}

li a:hover {

display: block;

color: #990000;

background: #FFFFFF;

padding-bottom: 15px;

font-weight: bold;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #FF6600;

}

a:active {

color: CC9966;

background: #FFFFFF;

font-weight: bold;

}

/************************* ID's *************************/

#TopLeftCorner {

position: absolute;

z-index: 5;

width: 210px;

height: 100px;

margin-top: 0px;

border-bottom: 1px solid #C0C0C0;

}

#TopBarMenuHomePage {

position: absolute;

z-index: 10;

background-image: url("images/waterlong1.jpg");

width: 700px;

height: 100px;

margin-top: 0px;

margin-left: 210px;

border-bottom: 1px solid #C0C0C0;

font-weight: normal;

}


#TopBarMenu {

position: absolute;

z-index: 10;

width: 700px;

height: 100px;

margin-top: 0px;

margin-left: 210px;

border-bottom: 1px solid #C0C0C0;

font-weight: normal;

}


#navigation {

position: absolute;

z-index: 15;

width: 210px;

height: 700px;

margin-top: 100px;

border-right: 1px solid #FF6600;

font-weight: normal;

}

#centerDoc {

position: absolute;

z-index: 20;

padding: 0 0 30px 60px; /*top right bottom left*/

width: 700px;

height: 700px;

margin-top: 100px;

margin-left: 210px;

}