/* skip */
.skip
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

*
{
margin: 0;
padding: 0;
}

img
{
border: 0
}

/* container */
#container
{
position: relative;
background-color: white;
width: 800px;
margin-left:auto;
margin-right: auto;
max-width: 100%;
}
/* end container */

/* hidden stuff */

#language h2, #searchinner label, #searchinner h2, #footer h2 {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
/* end hidden */

/* links */
a:link
{
color: #49423D;
}

a:visited
{
color: #7E726a;
}

a:hover, a:focus, a:active
{
color: #7E726a;;
}
/* end links */

/* paragraphs */
p
{
margin: 0 0 1em 0;
text-align: left;
font-size: 1.1em;
line-height: 1.3em;
}
/* end paragraphs */

/* headings */
h1
{
text-align: left;
padding-left: 30px;
font-size: 1.8em;
}

h2, h3
{
text-align: left;
margin: 1em 0 .2em 0;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

h2
{
font-size: 1.2em;
margin-bottom: .3em;
}

h2 img
{
vertical-align: middle;
margin-right: 5px
}

h3
{
font-size: 1.1em;
}

/* end headings */


/* lists */
ul, ol
{
text-align: left;
font-size: 1.1em;
list-style-type: none;
margin: 0 1%;
padding: 0
}

li
{
padding: .2em 0;
}

ul ul
{
font-size: 1em;
}

.countryintermediate #main ul
{
margin: .3em 20px 2em 50px
}

.regional #main ul
{
margin: 1.2em 20px 2em 60px;
list-style-type: disc
}

.regional #main li
{
padding: .4em 0;
line-height: 1.5em;
}
/* end lists */

/* left navigation. directory.css supercedes much of the following 
mark-up. Also appears in FAQ */
h2.nav
{
font-size: 1.1em;
text-align: center;
padding: .5em 0;

}

#nav
{
float: left;
width: 23%;
margin-left: 1%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

}

#navtext
{
float: left;
width: 100%;
background-color:rgba(220,239,240,.81);
}

#nav ul
{
list-style-type: none;
padding: 0 .5em 0 1.8em;
margin: 0;
font-size: .9em;
}

#nav li
{
line-height: 1.5em;
padding: .2em 0;
margin: 0
}
/* end nav */

/* addresses */
address
{
text-align: left;
font-size: 1.1em;
margin: -.5em 0 0 2em;
line-height: 2em;
font-style: normal
}
/* end addresses */

/* formatting for emphasis, special kinds of body text */
/* name and title are formatted differently in FAQ */
strong, .name, .title
{
font-weight: bold
}

em
{
font-style: italic
}

.term, .note
{
font-style: oblique
}
.archivenote
{
background-color: #FFFFCC;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
/* end special formatting */



input#box
{
vertical-align: 1px;
padding: 1px 2px
}

#searchinner ul
{
float: left;
margin: .3em 0 2em 1em;
}

#searchinner li 
{ 
display: inline; 
}

#searchinner a
{
text-decoration: none;
padding: .2em .3em;
color: white;
font-weight: bold;
font-size: .9em;
}

#searchinner a:link, #searchinner a:visited
{
border: 2px ridge #5C5C5C;
background-color:  #c73c05;
color: white
}

#searchinner a:hover, #searchinner a:focus, #searchinner a:active
{
border: 2px ridge black;
background-color: #5C5C5C;
color: white;
}

#toptxt h2 {
color: #49423D;
margin: 0 0 0 1%;
font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size:1.2em;
font-style: italic;
text-shadow: 1px 2px #f5f5f5;
}



/* end header */

/* main */
#main
{
width: 800px;
max-width: 100%;
position: relative;
clear: both;
margin-right: auto;
margin-left: auto;
margin-bottom:3em;
}

/*INTERMEDIATE PAGES */
.countryintermediate #main h2,
.subjectintermediate #main h2,
.regional #main h2
{
text-align: left;
padding: .1em .3em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 2em;
background-color: #ededed;
box-shadow: 0 1px 1px #D6D6D6;
}

#pages
{
margin-right: auto;
margin-left:auto;
max-width: 100%;
width: 800px;
}

.countryintermediate #pages
{
width:800px;

}

.subjectintermediate #pages
{
width: 800px;
max-width:100%;
}

.countryintermediate h3
{
font-size: 1.3em;
margin-left: 50px
}

.countryintermediate #main ul ul, .subjectintermediate #main ul ul
{
margin: 0;
padding: .3em 0
}

.countryintermediate ul ul li, .subjectintermediate ul ul li
{
display: inline;
line-height: 1.2em
}

.icon {
font-size:4em;
color: #ededed;
float: right;
padding:5%;
z-index:-500;
}
/* end main */


/* footer */

#footer
{
text-align: center;
font-size: .8em;
margin-top:4em;
margin: 0;
width: 100%;
clear: both;
background-color: #e0e0e0;
}

#footerimg {
float:left;
padding: 0 10px 5px;
background-color: #FFFFFF;
}

#footer ul
{
text-align: center;
padding:.5em 0;
}

#footer ul li
{
display: inline;
padding: 0 2em 0 0
}

.copyright
{
margin: 0;
text-align: center;
padding-bottom: .5em;
} 
/* end footer */


/* explanation appears in Awards and FAQ */
#explanation
{
width: 100%;
font-size: .9em;
}

#explanation p
{
padding: .2em 1.5em .2em 0;
line-height: 1.3em;
}
/* end explanation */


/* legacy stuff */
/* clears are indispensible for getting browsers to float items properly */
/* except now I would incorporate them in the CSS for the respective 
element */
.clear, .clearline
{
clear: both;
height: 1px;
margin: 0;
overflow: hidden;
}

/* end clears */



.skip
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}


/* INFO PAGES */

.about #main h1
{
padding: .1em .3em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 0px 2px 1px #d6d6d6;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(left bottom, circle farthest-side, #E7F0DC 0%, #A2B993 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(left bottom, circle farthest-side, #E7F0DC 0%, #A2B993 100%);

/* Opera */ 
background-image: -o-radial-gradient(left bottom, circle farthest-side, #E7F0DC 0%, #A2B993 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 851, color-stop(0, #E7F0DC), color-stop(1, #A2B993));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(left bottom, circle farthest-side, #E7F0DC 0%, ##A2B993 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-side at left bottom, #E7F0DC 0%, #A2B993 100%);
margin:1%, 0;
padding: 0.1em 0.3em;
}

#contact
{
margin-top: 2em;
}

#text
{
margin: 1em 20px 2em 20px;
}