/* 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%;
font-size: 10pt;
color: #0d2474;

}

h1 {

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

}

h2 {

font-family: "Arial", Arial, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #000000;
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: #0d2474;
text-decoration: underline;
font-weight: bold;

}

li a :link {

color: #0d2474;
text-decoration: none;
font-weight: bold;

}

a:visited {

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

}

li a:visited {

color: #e75522;
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: 850px; 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: 120px;
margin: 0;
margin-top: 40px;
margin-left: 250px;
line-height: 22pt;
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 ul

{
list-style: none;
padding: 0;
margin: 0;
}

#navigation li
{
float: left;
margin: 165px 1px; /* controls position  up/down left/right */
}

#navigation li a
{

background: url(Images/button.gif) #fff bottom left repeat-x; 
height: 32px;
line-height: 15px;
float: left;
width: 100px;
display: block;
border: 1px solid #dddddd;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#navigation li a
{
float: none
}
/* End hide */

#navigation
{
width:1000px
} 


#maintext {

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

}
#maintext ul

{
list-style: none;
padding: 0;
margin: 0;
}

#maintext li
{
float: left;
margin: 10px center; /* controls position  up/down left/right */
}

#maintext li a
{

background: url(Images/button.gif) #fff bottom left repeat-x; 
height: 32px;
line-height: 15px;
float: left;
width: 100px;
display: block;
border: 1px solid #dddddd;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#maintext li a
{
float: none
}
/* End hide */

#gallery {

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

/*GALLERY STYLES*/

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

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

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

#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; left: 100px; top: 75px; width: auto; height: auto; border: 1px solid black; } 

#promo1 {

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

#promo2 {

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

#promo3 {

position: absolute;
width: 300px;
height: 300px;
padding: 0 0 20px 0; /*top right bottom left*/
margin-top: 550px;
margin-left: 300px;
border: 1px solid red;
text-align: center;
font-family: "Arial", Arial, sans-serif;
font-size: 12pt;
line-height: 15pt;
font-weight: bold;
color: #000000;
text-decoration: none;
}
#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;
}

