html, body {
margin : 0;
padding : 0;
}
body {
text-align : center;
margin-top : 0;
margin-bottom : 0;
background-color : #ccc;
font-family : Trebuchet, Helvetica, sans-serif;
}
#surround {
width : 810px;
padding-bottom : 15px;
margin-right : auto;
margin-left : auto;
text-align : center;
border-left : 1px solid #999;
border-right : 1px solid #999;
background-image : url(resources/gradient.jpg);
background-repeat : repeat-x;
background-position : left top;
background-color : #fff;
}
#frame {
width : 780px;
margin-right : auto;
margin-left : auto;
text-align : center;
background : #fff;
}

#flags { position:relative; left:725px; top:15px; width:30px; height:30px;}

#header {
	width : 780px;
	height : 160px;
	clear : left;
	margin : 0;
	text-align : left;
	background-image: url(resources/header-index.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header-environmental {
	width : 780px;
	height : 160px;
	clear : left;
	margin : 0;
	text-align : left;
	background-image: url(resources/header-environmental.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header h1 {
font-size : 16px;
font-weight : bold;
line-height : 20px;
color : #f60;
padding-left : 400px;
margin : 0;
padding-top : 20px;
}
#header h2 {
font-size : 18px;
font-weight : bold;
line-height : 19px;
color : #fff;
padding-left : 400px;
margin : 0;
padding-top : 15px;
padding-bottom : 0px;

}
#header h3 {
font-size : 18px;
font-weight : bold;
line-height : 19px;
color : #036;
padding-left : 400px;
margin : 0;
padding-top : 15px;
padding-bottom : 0px;

}
#header p {
font-size : 12px;
font-weight : normal;
line-height : 14px;
color : #fff;
padding-left : 400px;
margin : 0;
}
#header a:link {
color : #fff;
text-decoration : none;
font-weight : bold;
}
#header a:visited {
color : #fff;
text-decoration : none;
font-weight : bold;
}
#header a:hover {
color : #f60;
text-decoration : none;
font-weight : bold;
}
#holder {
float : left;
width : 760px;
height : 25px;
text-align : left;
font-size : 11px;
line-height : 25px;
background : #036;
color : #fff;
padding-left:10px;
padding-right:10px;

}
#strapline {
float : left;
width : 380px;
height : 25px;
text-align : left;
font-size : 11px;
line-height : 25px;
background : #036;
color : #fff;
}
#nav {
float : right;
height : 25px;
width : 380px;

text-align : center;
font-size : 10px;
line-height : 25px;
background : #036;
}

#nav ul {
padding : 0;
margin : 0;
list-style : none;
float : right;
}
#nav li {
float : left;
position : relative;
}

#nav li a {
display : block;
color : #fff;
font-weight : bold;
text-decoration : none;
background-color : #036;
padding-left : 8px;
padding-right : 8px;
}
#nav li a:hover {
color : white;
background-color : #f60;
}
#nav li ul {
position : absolute;
width : 180px;
left : -999em;
margin-left : 0px;
margin-top : 0px;
min-height : 1%;
}

#nav li a {
display : block;
color : #fff;
font-weight : normal;
text-indent : 0px;
text-decoration : none;
background-color : #036;
line-height : 25px;
}
#nav li a:hover {
color : white;
background-color : #f60;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left : -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left : auto;
}


#content {
width : 780px;
float : left;
background-color : #D8E0E8;

}
#left {
width : 220px;
float : left;
text-align : left;
color : #fff;
font-size : 11px;
font-weight : normal;
line-height : 14px;
padding-top : 10px;
padding-left : 10px;
padding-bottom : 20px;

}
#left p {
margin-top : 10px;
list-style : none;
padding : 0;
text-align : left;
}
#left ul {
padding : 0;
margin : 0;
list-style : none;
float : left;
}
#left li {
position : relative;
float : left;
line-height : 25px;
border-top : 1px solid #339;
border-bottom : 1px solid #000;
}
#left li li li li {
position : relative;
float : left;
line-height : 25px;
width : 180px;
border-top : 1px solid #339;
border-bottom : 1px solid #000;
}
#left li li li li a {
width : 180px;
display : block;
color : #fff;
font-weight : normal;
text-indent : 10px;
text-decoration : none;
background-color : #036;
line-height : 25px;
}
#left li ul {
position : absolute;
width : 180px;
left : -999em;
margin-left : 210px;
margin-top : -26px;
min-height : 1%;
}
#left li ul ul {
left : -999em;
min-height : 1%;
}
#left li a {
width : 210px;
display : block;
color : #fff;
font-weight : normal;
text-indent : 10px;
text-decoration : none;
background-color : #036;
line-height : 25px;
}
#left li a:hover {
color : white;
background-color : #f60;
}
#left li:hover ul ul, #left li:hover ul ul ul, #left li.sfhover ul ul, #left li.sfhover ul ul ul {
left : -999em;
}
#left li:hover ul, #left li li:hover ul, #left li li li:hover ul, #left li.sfhover ul, #left li li.sfhover ul, #left li li li.sfhover ul {
left : auto;
}

#right {
width : 510px;
float : left;
text-align : left;
color : #333;
font-size : 12px;
font-weight : normal;
line-height : 18px;
padding-bottom : 10px;
padding-right : 20px;
padding-left : 20px;
background-color : #fff;

}
#right h1 {
	font-size : 18px;
	font-weight : bold;
	line-height : 24px;
	color : #f60;
	padding-top : 15px;
	font-variant: normal;
}
#right a:link {
font-family : Arial, Helvetica, sans-serif;
color : #f60;
text-decoration : none;
font-weight : normal;
}
#right a:visited {
font-family : Arial, Helvetica, sans-serif;
color : #f60;
text-decoration : none;
font-weight : normal;
}
#right a:hover {
font-family : Arial, Helvetica, sans-serif;
color : #333;
text-decoration : underline;
font-weight : normal;
}

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

#silver {
clear : both;
width : 780px;
height : 20px;
margin : 0;
padding : 0;
}
#bottom {
width : 780px;
clear : both;
height : 40px;
margin : 0;
text-align : left;
background : #036;
}
#copyright {
float : left;
width : 225px;
margin-top : 5px;
padding : 0;
text-align : left;
font-size : 11px;
font-weight : normal;
line-height : 14px;
padding-left : 15px;
color : #fff;
}
#footer {
width : 540px;
float : left;
margin-top : 5px;
padding : 0;
text-align : left;
font-size : 11px;
font-weight : normal;
line-height : 14px;
color : #fff;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}