/***************************
 RESET BROWSER DEFAULT MARGINS, PADDING AND BORDERS
***************************/
html, body, div, h1, h2, h3, h4, h5, h6, p, a, img, ul, ol, li, header, fieldset{
margin:0;
padding:0;
border:0;
}
/***** render html5 elements as block in non-supported browsers ****/
header, footer, section, nav, article {/*add any html5 elements you use*/
display: block;
}

/*************
GLOBAL STYLES
**************/
/******BASIC LAYOUT*****/
body{
background:url(body.jpg) top left repeat #04486f;
font-family: 'Arimo', Verdana, Arial, Helvetica, sans-serif;
font-size:.875em;
text-align:center;
color:#333;
}
#wrapper{
margin:0 auto;
margin-top:10px;
width:980px;
padding-bottom:30px;
}
.clear{
clear:both;
}
hr{
margin:10px 0;
border: 0;
height: 1px;
background: #095682;
background: -webkit-linear-gradient(left, #ccc, #6e94aa, #ccc); 
background: -moz-linear-gradient(left, #ccc, #6e94aa, #ccc); 
background: -ms-linear-gradient(left, #ccc, #6e94aa, #ccc); 
background: -o-linear-gradient(left, #ccc, #6e94aa, #ccc);
background: linear-gradient(left, #ccc, #6e94aa, #ccc);
}

/*******FONTS*******/
p, li{
line-height:1.5em;
margin-bottom:10px;
}
h2,h3,h4,h5{
font-family: 'Oswald', Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#606e2f;
}

/******HEADER******/
header{
width:980px;
height:150px;
}
header h1{
text-indent:-9999px;
height:150px;
width:980px;
background:url(header.png) center no-repeat;
}
header h1 a{
display:block;
height:150px;
background:transparent;
border:0;
}
header h1 a:focus{
outline:1px solid #82091a;
}

/******MAIN NAVIGATION*****/
/**SKIPNAV**/
#access{
text-align:left;
padding:0 0 0 10px;
font-size:80%;
}
#access a{
position:absolute; 
left:-9999em; 
z-index:999; 
display:block;
}
#access a:active, #access a:hover, #access a:focus{
left:5px; 
top:10px; 
color:#eaeaea; 
background-color:#373737;
padding:10px; 
font-weight:bold; 
text-decoration:underline;
}
/**NAVIGATION**/
nav#main{
width:980px;
margin:0 auto;
padding:0 0 0 30px;
margin-bottom:20px;
text-align:left;
}
nav#main ul{
list-style-type:none;
padding:5px 0;
}
nav#main li{
display:inline-block;
margin-bottom:0;
padding:4px 5px;
border-right:1px solid #3d6b85;
font-family: 'PT Sans Narrow', sans-serif;
font-size:1em;
color:#696e76;
text-transform:uppercase;
letter-spacing:-.025em;
word-spacing:2px;
}
nav#main li:first-child{
border-left:none;
}
nav#main li:last-child{
border-right:none;
}
nav#main a:link, nav#main a:visited{
color:#e7e1aa;
text-decoration:none;
font-size:1.3em;
padding:5px 10px;
margin:0 5px;
-webkit-border-radius:20px;
-mox-border-radius:20px;
border-radius:20px;
}
nav#main a:hover, nav#main a:focus, nav#main a.current{
background:#8a2919;
color:#fff;
}
/**search**/
nav li#search{
padding:0 10px;
}
#search fieldset label{
display:none
}
#search input#term{
color:#e3e6eb;
background:#1b1b1b;
width:140px;
margin-left:10px;
margin-right:5px;
padding:2px 5px 2px 5px;
font-size:80%;
text-transform: uppercase;
letter-spacing:normal;
border:1px solid #dfe1af;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#search input#term:focus{
background:#033f64;
}
input#searchbutton {
background:#8a2919;
height:30px;
width:30px;
color:#e7e1aa;
border:1px solid #9a3322;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
input#searchbutton:hover, input#searchbutton:focus{
background:#dfe1af;
border:1px solid #dfe1af;
color:#8d3d30;
cursor:pointer;
}
/********MAIN CONTENT**********/
#content{
text-align:left;
background:#e4e4c7;
margin:10px 0 20px 0;
padding:5px 20px 20px 20px;
-webkit-box-shadow: 0 0 15px rgba(0,0,0, .55); 
-moz-box-shadow: 0 0 15px rgba(0,0,0, .55); 
box-shadow: 0 0 15px rgba(0,0,0, .55);
-webkit-border-radius:10px;
-moz-border-radius:10px;border:6px solid #843427;
border-radius:10px;
}
#content section{
width:auto;
overflow:hidden;
margin:30px 0;
padding:10px;
background:#efefe1;
-webkit-box-shadow: 0 0 10px rgba(0,0,0, .3); 
-moz-box-shadow: 0 0 10px rgba(0,0,0, .3); 
box-shadow: 0 0 10px rgba(0,0,0, .3);
-webit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
/**BREADCRUMBS**/
nav#breadcrumbs{
font-size:.7em;
margin:0 0 15px -15px;
padding-bottom:10px;
text-transform:lowercase;
color:#546268;
font-weight:bold;
}
#breadcrumbs ul{
list-style-type:none;
}
#breadcrumbs ul li{
display:inline;
padding-right:3px;
}
#breadcrumbs a{
padding-right:3px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#breadcrumbs a:link, #breadcrumbs a:visited{
color:#546268;
padding:2px 5px;
}
#content #breadcrumbs a:active, #content #breadcrumbs a:hover, #content #breadcrumbs a:focus{
color: #fff; 
background: #546268; 
}
/**CONTENT FONTS**/
#content p, #content li{
font-size:1.1em;
}
#content h2{
display:block;
color:#a84c3d;
font-size:2.8em;
word-spacing:normal;
letter-spacing:.1em;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.6), 0 -1px 0 rgba(255, 255, 255, 0.5);
text-transform:none;
font-style:normal;
word-spacing:4px;
line-height:1em;
font-weight:strong;
}
#content h2 span.tag{
text-transform:lowercase;
display: block;
color:#966861;
font-size:60%;
padding:0;
font-weight:400;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.8), 0 -1px 0 rgba(255, 255, 255, 0.5);
letter-spacing:.05em;
}
#content h3{
text-shadow:1px 1px 2px rgba(34,34,34,.5);
margin:0 0 10px -5px;
font-size:1.6em;
letter-spacing:.1em;
}
#content h4{
font-size:1.3em;
letter-spacing:.08em;
}
#content h5{
font-size:1.1em;
letter-spacing:.08em;
margin-bottom:0;
}
#content a{
padding:2px;
border-radius:5px;
}
#content a:link{
color:#893d31;
}
#content a:visited{
color:#285760;
}
#content a:hover{
color:#3e7a45;
text-decoration:none;
}
#content a:focus{
color:#fff;
background:#546268;
}
/**INTRO TEXT**/
#content section#intro{
width:auto;
overflow:hidden;
background:#ded9c1;
margin:30px 0 40px 0;
padding:10px 20px;
border-radius:10px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0, .3); 
-moz-box-shadow: 0 0 5px rgba(0,0,0, .3); 
box-shadow: 0 0 5px rgba(0,0,0, .3);
}
#intro p span.caps{
font-size:90%;
}
#intro p{
margin-top:20px;
color:#505050;
text-shadow:1px 2px 2px rgba(34,34,34,.2);
font-size:1.2em;
font-variant:small-caps;
letter-spacing:.05em;
line-height:1.6em;
}
#intro a:link, #intro a:visited{
color:#505050;
}
#intro a:hover, #intro a:focus{
color:#fff;
background: #546268; 
}
/***LATEST***/
#content #latest h3{
margin-bottom:10px;
margin-left:-5px;
color:#a84c3d;
text-shadow:2px 2px 2px rgba(34,34,34,.3);
letter-spacing:.04em;
}
#content #latest p{
clear:both;
}
span.num{
font-size:80%;
}
#latest img{
margin:10px 0 0 30px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .45);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .45);
box-shadow: 0 1px 4px rgba(0, 0, 0, .45);
}
#latest img:hover{
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .45);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .45);
box-shadow: 0 1px 2px rgba(0, 0, 0, .45);
}
#content  a.image:hover{
background:transparent;
}
#content #latest  span.date{
color: #435055;
font-family:'droid sans', sans-serif;
font-size:110%;
font-weight: 500;
letter-spacing: 2px;
text-shadow:1px 1px 2px rgba(34,34,34,.36);
}
#content #latest a{
color:#893d31;
text-shadow:1px 1px 2px rgba(34,34,34,.3);
}
#content #latest a:hover, #content #latest a:focus{
color:#045787;
}

/*********FOOTER*********/
footer{
width:980px;
overflow:hidden;
background:url(footer.png) right 50% no-repeat;
margin:0 auto;
padding:10px;
font-size:90%;
text-align:left;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .45); 
-moz-box-shadow: 0 0 4px rgba(0,0,0, .45); 
box-shadow: 0 0 4px rgba(0,0,0, .45);
}
#footer01, #footer02{
width:260px;
float:left;
padding:5px 10px 5px 50px;
margin:0 20px 5px 20px;
border-right:1px dashed #9d8674;
}
footer p{
color:#d0d0d0;
}
footer ul{
list-style-type:none;
}
footer li{
font-size:.95em;
line-height:1.4em;
padding-left:0;
margin:5px 0 10px 0;
}
footer a:link, footer a:visited{
color:#cfcec4;
padding:2px 3px;
}
footer a:active, footer a:hover, footer a:focus{
text-decoration:none;
color:#fff;
background:transparent;
}
footer h4{
font-size:1.6em;
color:#e4e0ca;
text-shadow: 0px 1px 1px #5d5d5d;
}
/**********BASE***********/
#base{
color:#444;
font-size:.8em;
margin:10px 0 0 0;
padding:10px 0 30px 0;
}
#base p{
line-height:1.4em;
margin-bottom:15px;
color:#d0d0d0;
}
#base a{
color:#e1caaf;
padding:0 2px;
}
#base a:active, #base a:hover, #base a:focus{
color:#d4cfba;
text-decoration:none;
}
#base a.image:hover{
background:transparent;
opacity:.7;
}

/********************
PAGE SPECIFIC STYLING
**********************/
/*****HOMEPAGE******/
#templates, #layouts{
margin-top:40px;
}
#content #demos h3, #content #templates h3, #content #layouts h3{
margin:0 0 -20px 0;
}
#content #demos h4, #content #templates h4, #content #layouts h4{
margin-bottom:5px;
margin-top:20px;
}
#content #templates h4{
margin-top:30px;
}
#content #templates p{
width:auto;
overflow:hidden;
}
#content #demos h4 span.sub{
display:block;
margin-top:-3px;
margin-left:0;
color:#7d9077;
font-size: .80em;
letter-spacing:-.05em;
line-height: 1em;
text-shadow:none;
}
article.right, article.left{
float:left;
width:360px;
margin-top:10px;
}
article.right{
padding:10px 10px 10px 30px;
}
article.left{
padding:10px 30px 10px 10px;
}
#content article.left li, #content article.right li{
list-style-type:none;
margin-bottom:10px;
}
#templates img{
margin:10px 0 0 10px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .45);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .45);
box-shadow: 0 1px 4px rgba(0, 0, 0, .45);
}
#content #layouts ul{
margin:30px 0 0 10px;
}
#content #layouts ul li{
list-style-type:none;
margin-left:10px;
margin-bottom:20px;
line-height:1.1em;
}
#content #layouts a{
margin-left:-10px;
}
.imgleft{
float:left;
margin-right:10px;
}

/*******CONTACT FORM********/
article#contact{
margin:10px 10px 20px 10px;
padding:20px 20px;
background:#ded9c1;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-webkit-box-shadow: rgba(0, 0, 0, .40) 0 2px 6px;
-moz-box-shadow: rgba(0, 0, 0, .40) 0 2px 6px;
box-shadow: rgba(0, 0, 0, .40) 0 2px 6px;
}
p.contact{
background: #ebecd9;
padding:20px;
margin:20px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: rgba(0, 0, 0, .50) 0 2px 4px;
-moz-box-shadow: rgba(0, 0, 0, .50) 0 2px 4px;
box-shadow: rgba(0, 0, 0, .30) 0 2px 4px;
}
article#contact label{
font-size:90%;
color:#616161;
margin:5px 0;
}
article#contact input#subject, article#contact input#name, article#contact input#email{
border: 1px solid #af8a84;
border-radius:6px;
margin:0 0 15px 0;
background:#efefe1;
}
article#contact textarea#comments{
width: 600px;
height: 120px;
border: 1px solid #af8a84;
border-radius:6px;
padding: 5px;
font-family: Tahoma, sans-serif;
background: url(contactbg.jpg) #efefe1 bottom right no-repeat;
}
article#contact p{
font-size:70%;
margin-top:10px;
}
article#contact .required{
color:#8e2d2d;
font-size:90%;
}
article#contact fieldset {
margin:0;
padding:0;
border:0
}
article#contact fieldset legend{
display:none
}
article#contact input#button {
margin:8px 0 0 500px;
padding:2px 5px;
cursor:pointer;
border-radius:4px;
background:#843427;
color:#d3d7dd;
border:1px solid #843427;
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75); 
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75); 
box-shadow: 0 0 4px rgba(0,0,0, .75);
}
article#contact input#button:hover{
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 2px;
box-shadow: rgba(0, 0, 0, .25) 0 1px 2px;
}

/**********SITEMAP and ADVANCED SEARCH*********/
section#sitemap{
width:auto;
overflow:hidden;
}
nav.fullwidth{
margin-top:30px;
}
ul.two-columns {
width: 100%; 
margin: 0 10px 0 0;
}
ul.two-columns li {
float: left; 
width: 30%;
}
nav.halfwidth{
width:45%;
float:left;
margin-top:30px;
}
#sitemap h3{
margin-bottom:-10px;
font-size:1.8em;
}
#sitemap h4{
margin:10px 0 5px 10px;
text-shadow: 1px 1px 0 #bababa;
}
#sitemap ul{
margin-left:20px;
margin-bottom:20px;
}
#sitemap ul li{
list-style-type:none;
line-height:1.4em;
margin-bottom:8px;
}
/*search*/
#adv-search h3{
margin-bottom:20px;
}
#adv-search form{
margin:0 20px;
}
#adv-search fieldset label.top{
display:none
}
#adv-search input#term{
color:#333;
width:400px;
margin-left:10px;
margin-bottom:10px;
padding:5px 10px;
font-size:1.1em;
border:1px solid #843427;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:10px 0 0 10px;
}
#adv-search input#term:focus{
color:#2d2d2d;
border:1px solid #3c546a;
background:#ccd2d7;
}
input#adv-button {
background:#843427;
color:#d3d7dd;
margin-bottom:10px;
margin-left:5px;
padding:5px 10px;
border:1px solid #843427;
-webkit-border-radius:0 10px 10px 0;
-moz-border-radius:0 10px 10px 0;
border-radius:0 10px 10px 0;
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75); 
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75); 
box-shadow: 0 0 4px rgba(0,0,0, .75);
}
input#adv-button:hover, input#adv-button:focus{
background:#6c1f12;
border:1px solid #6c1f12;
cursor:pointer;
-webkit-box-shadow: 0 0 2px rgba(0,0,0, .75); 
-moz-box-shadow: 0 0 2px rgba(0,0,0, .75); 
box-shadow: 0 0 2px rgba(0,0,0, .75);
}
.search-label{
font-size:1.1em;
padding-right:20px;
}
#alike{
margin-left:20px;
}

/************* PRIVACY and COOKIES *************/
.privacy ol{
margin:0 0 20px 40px;
}
.privacy ol li{
margin-bottom:0;
}
#cookiesdirective{
width:50%;
height:auto;
background:#000;
opacity:.80; 
-ms-filter: “alpha(opacity=80)”; filter: alpha(opacity=80);-khtml-opacity: .80; -moz-opacity: .80; 
border:2px solid #843427;
color:#fff;
font-family:arial;
font-size:14px;
text-align:center;
z-index:1000;
}

/************ USAGE POLICY & RESOURCES and LINKS*************/
#usage{
margin:0 0 30px 0;
width:auto;
overflow:hidden;
}
#usage ul li{
list-style-type:none;
}
article.title{
clear:both;
float:left;
width:120px;
margin-top:40px;
}
article.title h4{
font-size:1.3em;
}
article.text{
float:left;
width:600px;
border-left:1px dashed #b4bba8;
padding:10px 10px 10px 30px;
margin-top:30px;
}