@charset "utf-8";
/* CSS Document */

*{
padding:0;
margin:0;
}
img{
border:none;
}
body  {
	font-family: Arial, Helvetica, sans-serif;
	background: #4A5564;
	color: #DFD7BD;
	line-height:140%;
	font-size:medium;
	margin:10px 0;
	text-align: center;
}

#container { 
width: 988px; 
margin:35px auto;
text-align: left; 
background:#ffffff;
}

#header { 
background:#000000; 
position:relative;
height:136px;
width:100%;
}

#logo{
width:310px;
position:absolute;
top:-20px;
left:20px;
text-align:left;
background:#ffffff url(../graphics/bg-logo.png) no-repeat top left;
padding:6px 0px 8px 0;
}

#logo img{
padding-left:4px;	
}

#slogan{
background:url(../graphics/slogan.png) no-repeat top left;
position:absolute;
top:63px ;
right:45px;
width:580px;
height:50px;
text-indent:-9999px;
}

#navbar{
background: #EBC552 url(../graphics/bg-nav-bar.png) repeat-x top left; 
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
}

body.two-columns #content-wrapper{
background: #000000 url(../graphics/bg-content-wrapper.gif) repeat-y top left;
}

#main-content { 
float:left;
width:760px;
} 

#main-content .gutter{
padding: 10px 20px 60px 20px; 
}

#secondary-content{
float: right; 
width: 220px;
}

#secondary-content .gutter{
padding:0px 10px 10px 6px;
}


body.one-column #content-wrapper{
background: #000000;
}

body.one-column #main-content { 
float:none;
width:980px;
}

body.one-column #secondary-content{
display:none;
}

#footer { 
background: #000000 url(../graphics/bg-footer.png) repeat-x top left;
border-top:2px solid #ffffff;
clear:both;
} 

#footer .gutter{ 
padding: 2px 10px; 
} 

#footer p {
margin: 0; 
padding: 10px 0;
}

h1{
font-size:150%;
margin:.8em 0;
color:#EEAD35;
font-family:"Arn Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h2{
font-size:140%;
margin:.8em 0;
color:#EEAD35;
font-family:"Arn Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#secondary-content h2{
font-size:120%;
border-bottom: 1px solid #DFD7BD;
}

h3{
font-size:120%;
margin:.6em 0;
color:#D55500;
}

h4{
font-size:100%;
margin:.6em 0;
color:#D55500;
}

h5, h6{
color:#D55500;
}

p{
margin:.6em 0;
}

ol, ul{
margin:.6em;
padding:.6em;
}

ol li, ul li{
margin:.6em;
padding:0;
}

dl{
margin:.8em;
}

dt{
font-weight:bold;
color:#D55500;
margin:1.2em 0 .8em 0;
}

dd{
margin-left:20px;
margin:.8em 0 .8em 1.2em;
}

strong{
	color: #F2B94F;
}

a:link {
text-decoration: none;
color:#E09812;
text-decoration:underline;
}
a:visited {
color:#EEAD35;
}
a:hover {
color:#D55500;
}
a:active {
color:#C05005;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}

#featured-images{
text-align:center;
margin-top:40px;}

#featured-images img{
margin-bottom:40px;
}

#featured-images img.contact-image{

}

#featured-images p{
padding:0;
margin:0;
}

#related-content{
	
}

.featured-service{
background-color:#2E343D;
padding:6px 6px 6px 6px;
margin:1em 0;	
}

.featured-service img{
float:left;
margin-top:10px;
}



.featured-service-content{
margin-left:95px;	
}

.featured-service h2{
font-size:120%;
margin-top:5px;	
}

a.more{
background:url(../graphics/bullet.png) no-repeat center right;
padding-right:20px;
text-decoration:none;
}

#gallery{
text-align:left;
width:100%;	
}

#credits{
font-size:90%;
padding:10px;
}

p#copyright{
padding:0;
margin:0;
float:left;
width:70%;
}
p#by-de{
width:30%;
float:right;
text-align:right;
padding:0;
margin:0;
}

form{
width:98%;
margin:1em 0;	
}

label, .label{
color:#EEAD35;
margin:3px 0px;		
}

input{
margin:3px 0px;
padding:1px;	

}

.note{
font-size:90%;	
}

.meta{
	font-size:80%;
	margin:0;
	padding:0;
	line-height:125%;
	color:#F2BF60;
}

.button{
padding:.2em 1.5em;	
}

#latest-news{
background-color:#111317;
padding:8px 8px 15px 8px;
margin:0px 4px 15px 4px	
}

#news{
border-top: 1px solid #DFD7BD;
margin-top:1em;
}

.news-item{
border-bottom: 1px solid #DFD7BD;
margin-bottom:.6em;
padding-bottom:.6em;
}

#secondary-content .news-item p{
font-size:90%;
}

#secondary-content .news-item h3{
font-size:100%;
color:#D55500;
}


form th{
color:#D55500;
font-size:120%;
border-top: 1px solid #DFD7BD;
border-bottom: 1px solid #DFD7BD;
padding:8px 2px;
margin-bottom:.5em;
text-align:left;
}

form td{
padding:8px 5px; 
}

form h2{
margin:0;	
padding:0;
}

form p{
margin:0;	
padding:3px 0;
}


/* -------------------------------------- */
#skip-link {
left: 50%;
margin-left: -5.25em;
margin-top: 0;
position: absolute;
width: auto;
z-index: 50;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
background: #444;
background: rgba(0, 0, 0, 0.6);
color: #fff;
display: block;
line-height: 1.7;
padding: 1px 10px 2px 10px;
text-decoration: none;
-khtml-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
outline: 0;
}
/*clearnings*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block, * html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}