body {background: #003366; }
a { font-family: Verdana, Arial, sans-serif; text-decoration:none; font-size: medium; color: #de8600; cursor:pointer; cursor:hand; }
h1 { font-family: Verdana, Arial, sans-serif; font-size: x-large; font-weight: bold; background: #FFFFFF; color: #DE8600}
h2 { font-family: Verdana, Arial, sans-serif; font-size: large; font-weight: bold; color: #003366}
h3 { font-family: Verdana, Arial, sans-serif; font-size: medium; font-weight: bold; color: #003366}
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; background: #003366; color: #DE8600}
h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal; background: #FFFFCC; color: #000033}
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; color: #003366;}
a:visited {font-family: Verdana, Arial, sans-serif; font-size: medium; color: #de8600;}
a:hover { font-family: Verdana, Arial, sans-serif; text-decoration:none; font-size: medium; color: #DE8600;}

body {
padding: 0px;
border:0;
background: #003366;

}

div#wrapper {
width: 790px;
margin: 0 auto;

}

div#header {
background-image: url("header.jpg");
background-repeat: no-repeat;
color: #FFFFFF;
margin-left:auto;
margin-right:auto;
margin-top: 0;
width:780px;
height: 225px;
margin-bottom: 10px;
font-size: 12px;

}

#header .welcome {
text-align: left;
width: 700px;
padding-top: 95px;
padding-left: 20px;
padding-right: 20px;
color: #003366;
font-size: 12px;
}

#header > p { padding-top:95px}

p.welcome {
text-align: left;
width: 700px;
padding-top: 95px;
padding-left: 20px;
padding-right: 20px;
color: #003366;
font-size: 12px;
}

#header .slogan {
text-align: left;
width: 700px;
padding-left: 20px;
padding-right: 20px;
color: #003366;
font-size: 12px;
}

p.slogan {
text-align: left;
width: 700px
padding-left: 20px;
padding-right: 20px;
color: #003366;
} 

div#navcontainer
{
background: #003366;
margin: 0px 0px 0px 0px;
padding: 1em 0 0 0;
font-size: 0.8em;
text-align: center
text-transform: lowercase;
border-top: 2px solid #de8600;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 20%;
text-align: center
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #666666;
text-decoration: none;
background: #cccccc url(nav.gif);
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #cccccc url(nav.gif);
color: #996600;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #996600;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

#container 
{
position: relative;
display:block; 
background:#003366; 
border-left:200px solid #003366; 
border-right:200px solid #003366;
}

#inner 
{
display:block; 
margin-left:-200px; 
margin-right:-200px; 
padding:5px;

}

#left 
{
float:left; 
position: relative;
width:200px; 
left:0px;
z-index:100;
}

#right 
{
float:right; 
position: relative;
width:200px; 
right:0px;
}

#center 
{
margin-left:200px; margin-right:200px; position:relative; display:block; height:1%;}
.clear {clear:both;}

/* Just to extend each column */
#inner a:visited, a {text-decoration:none; cursor:default;}
#inner a span {display:none;}
#inner a:active, #inner a:focus {color:#fff; text-decoration:none; background:transparent; cursor:default;}
#inner a:active span, #inner a:focus span {display:block;}

.menu {
width:150px; 
position:relative; 
margin:0; 
font-size:11px; 
margin:0px 0;
z-index:100;

}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none;
color:#003366; width:150px; 
height:25px; 
text-align:center; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#003366 url(nav.gif);
line-height:19px; 
font-size:11px;
z-index:100;
}

.menu ul {
padding:0; 
margin:0;
list-style-type: none;
z-index:100;
}

.menu ul li {
float:left; 
margin-right:1px; 
position:relative;
z-index:100;
}

.menu ul li ul {
display:none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#996600; 
background:#cccccc;
font-size:11px;
text-decoration:none;
z-index:100;
}

.menu ul li:hover ul {
display:block; 
position:absolute; 
top:0; 
left:150px; 
width:150px;
font-size:11px;
z-index:100;
}

.menu ul li:hover ul li a.hide {
background:#ffffff; 
color:#003366;
font-size:11px;
text-decoration:none;
}

.menu ul li:hover ul li:hover a.hide {
width:150px;
font-size:11px;
text-decoration:none;
}

.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display:block; 
background:#cccccc; 
color:#996600; 
width:200px;
font-size:11px;
text-decoration:none;
z-index:100;
}

.menu ul li:hover ul li a:hover {
background:#dfc184; 
color:#666666;
font-size:11px;
text-decoration:none;
z-index:100;
}

.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:151px; 
top:0; 
color:#003366;
font-size:11px;
text-decoration:none;
z-index:100;
}

.menu ul li:hover ul li:hover ul li a {
display:block; 
width:200px; 
background:#dfc184; 
color:#003366;
font-size:11px;
text-decoration:none;
z-index:100;
}

.menu ul li:hover ul li:hover ul li a:hover {
background:#bd8d5e; 
color:#fff;
font-size:11px;
text-decoration:none;
z-index:100;
}

div#fla {
position:relative;
text-align: center;
font-size: 10px;
margin: 20px 0 20px 0;
} 

p.fla {
text-align: center;
font-size: 10px;
color: #ffffff;
margin: 0;
} 

p.date {
text-align: right;
font-size: 0.8em;
color: #ffffff;
margin: 0;
} 

div#guardian {
height:60px;
margin: 10px 0 10px 0;
align: right;
} 

div#banner {
width:200px; 
margin:20px 0 20px 0;
background:#ffffff;
padding:10; 
color:#003366;
font-size:10px;
text-align: center;
border:1px solid #de8600;
}

#banner a:hover {
color:#996600;
font-size:10px;
text-align: center;
background:#cccccc;

}

p.banner {
color:#003366;
font-size:10px;
text-align: center;

}

div#google {
width:180px; 
height:120px;
margin:10px 0 0 0;
background:#003366;
padding:5px; 
color:#ffffff;
}

div#search {
width:180px; 
margin:20px 0 20px 0;
background:#ffffff url("search.gif");
background-repeat: no-repeat;
padding:10px; 
color:#003366;
border:1px solid #de8600;
}

p.search {
color:#003366;
font-size:11px;
text-align: center;

}

a.search {
color:#003366;
font-size:11px;
text-align: center;

}

#search a:hover {
color:#996600;
font-size:11px;
text-align: center;

}

div#insulation {
width:180px; 
margin:20px 0 20px 0;
background:#ffffff url("insu-box.jpg");
background-repeat: no-repeat;
padding:10px; 
color:#003366;
border:1px solid #de8600;
}

p.insulation {
color:#003366;
font-size:11px;
text-align: center;

}

a.insulation {
color:#003366;
font-size:11px;
text-align: center;

}

#insulation a:hover {
color:#996600;
font-size:11px;
text-align: center;

}

div#edit {
width:250px; 
margin:20px 0 0 0;
background:#ffffff url("edit-box.jpg");
background-repeat: no-repeat;
padding:20px; 
color:#003366;
border:1px solid #de8600;
z-index:0;
}

p.edit {
color:#003366;
font-size:11px;
text-align: center;

}

a.edit {
color:#003366;
font-size:11px;
text-align: left;

}

#edit a:hover {
color:#996600;
font-size:11px;
text-align: left;

}

.gallerycontent{
width: 250px;
border: 1px solid #de8600
background-color: #fffFFF;
text-align: center;
display: block;
z-index:0;
}


div#footer {
clear:both;
position:relative;
align:center;
color: #FFFFFF;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
width:780px;
height: 160px

}

p.footer {
color:#ffffff;
font-size:10px;
text-align: left;

}