/* Generic Selectors */

body {

font-family: "Times New Roman", Times, serif;
font-size: 14pt;
color: #333333;
background-color: #b4b4b4;

}

p {

width: 100%;

}

li {

list-style-type: none;
line-height: 150%;
list-style-image: url(Images/arrowSmall.gif);

}

h1 {

font-family: "Times New Roman", Times, serif;
font-size: 18pt;
font-weight: bold;
color: #000000;

}

h2 {

font-family: "Times New Roman", Times, serif;
font-size: 16pt;
font-weight: bold;
color: #000000;
border-bottom: 1px solid #C6EC8C;
text-decoration: italic;

}

h3 {

font-family: "Times New Roman", Times, serif;
font-size: 16pt;
font-weight: normal;
color: #000000;
border-bottom: 1px solid #C6EC8C;
text-decoration: none;

}

h4 {

font-family: "Arial", Arial, sans-serif;
font-size: 12pt;
line-height: 14px;
font-weight: bold;
color: #000000;
text-decoration: none;

} 

h6 {

font-family: "Arial", Arial, sans-serif;
font-size: 8pt;
line-height: 10pt;
font-weight: bold;
color: #000000;
text-decoration: none;

} 

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

a:link {

color: #00CC00;
text-decoration: underline;
font-weight: bold;

}

li :link {

color: #00CC00;
text-decoration: none;
font-weight: bold;

}

a:visited {

color: #00CC00;
text-decoration: underline;
font-weight: bold;

}

li a:visited {

color: #b585de;
text-decoration: none;
font-weight: bold;

}

a:hover {

color: rgb(0, 96, 255);
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;

}

li a:hover {

display: block;
color: rgb(0, 96, 255);
padding-bottom: 5px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C6EC8C;

}

a:active {

color: rgb(255, 0, 102);
font-weight: bold;

}

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

/* wrapper, container and bgwrap are used to set initial position */

#wrapper {margin-top: 5px;}

#container {

width: 900px; height: 100px; margin:0 auto;
}

#bgwrap {

border: 3px solid ;
background-image: url(Images/bglong.jpg); width: 800px; height: 900px;
margin: 0 auto;
}

#picture {

position: absolute;
width: 200px;
height: 100px;
margin: 40;
margin-top: 40px;
border: 1px solid #C6EC8C;
padding: 0 0 20px 0; /*top right bottom left*/
background: url(Images/house.jpg); width: 198px; height: 98px;

}

#logo {

position: absolute;
width: 520px;
height: 130px;
margin: 0;
margin-top: 40px;
Margin-left: 240px;
line-height: 25pt;
text-align: center;
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 36pt;
font-weight: bold;
color: #000000;
background: url(Images/flagbg.jpg); /*width: 520px; height: 150px;*/

}

#navigation {

position: absolute;
width: 160px;
height: 180px;
margin: 40;
margin-top: 200px;
border: none;
font-weight: normal;
padding: 0px 0px 20px 0px;
font-family: "Arial", Arial, sans-serif;
font-size: 11pt;
line-height: 15pt;
font-weight: bold;
color: #000000;
text-align: left;
text-decoration: none;

}

#subnavigation {
position: absolute;
width: 160px;
height: 160px;
margin: 40;
margin-top: 410px;
border: none;
padding: 0px 0px 20px 10px;
font-family: "Arial", Arial, sans-serif;
font-size: 11pt;
line-height: 15pt;
font-weight: bold;
color: #000000;
font-weight: normal;

}

#maintext {

position: absolute;
padding: 5px 10px 20px 10px; /*top right bottom left*/
margin-top: 200px;
margin-left: 240px;
height: 370px;
width: 500px;
border: 1px solid #C6EC8C;
text-align: center;
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 12pt;
font-weight: normal;
color: #000000;
text-decoration: none;

}

#gallery {

position: absolute;
padding: 0 0 20px 0; /*top right bottom left*/
width: 720px;
height: 200px;
margin-top: 600px;
margin-left: 40px;
border: none;
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 12pt;
font-weight: normal;
color: #000000;
text-decoration: none;
}

/*GALLERY STYLES*/

#gallery { width: 720px; clear: both; min-height: 255px; height: auto !important; height: 255px; }

#gallery ul { list-style: none; padding: 0; margin: 0 0 15px 0; width: 180px; position: relative; float:right; }

#gallery ul li { display: inline; width: 52px; height: 52px; float: left; margin: 0 0 5px 5px;}

#gallery ul li a { display: block; width: 50px; height: 50px; text-decoration:none; border:1px solid #745d34; }

#gallery ul li a img { display: block; width: 50px; height: 50px; border: 0; }

#gallery ul li a:hover { white-space: normal; border-color: #c7beae;}

#gallery ul li a:hover img { position: absolute; right: 185px; top: 0; width: auto; height: auto; border: 1px solid black; }


#footer {

position: absolute;
width: 760px;
height: 15px;
padding: 0 0 20px 0; /*top right bottom left*/
margin-top: 850px;
margin-left: 20px;
/* border: 1px solid #C6EC8C; */
text-align: center;
font-family: "Arial", Arial, sans-serif;
font-size: 8pt;
line-height: 10pt;
font-weight: bold;
color: #000000;
text-decoration: none;
}