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

*
{
margin: 0;
padding: 0;
}

body
{
text-align: center;
color: #49423D;
font-size: 76%;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-right: auto;
margin-left: auto;
max-width: 100%;

}

img
{
border: 0
}

/* container */
#container
{
position: relative;
background-color: white;
width: 800px;
max-width:90%;
margin: 1px auto;
text-align: center;
box-shadow: 0px 1px 1px 1px #e0e0e0; 

}

/* end container */

/* hidden stuff */

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

/* links */
a:link
{
color: black;
}

a:visited
{
color: #49423D;
}

a:hover, a:focus, a:active
{
color: #49423D;
}
/* end links */

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

/* preformatted */
pre
{
margin: 0 1em;
text-align: left;
font-size: 1.2em;
line-height: 1.4em;
}
/* end preformatted */



/* headings */
h1
{
text-align: left;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

}

h2, h3
{
text-align: left;
margin: 1em 0 .2em 0;
}

h2
{
font-size: 1.3em;
margin-bottom: .3em;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

}

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

h3
{
font-size: 1.2em;

}


/* end headings */

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

ul ul
{
font-size: 1em;
}



.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 */



/* 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
}
/* end special formatting */

/* header */
#logo
{
background-image: url("../image/map.png");
-moz-box-shadow: 0px 1px 1px #4d4d4d;
-webkit-box-shadow: 0px 1px 1px #4d4d4d;
box-shadow: 0px 2px 1px #d6d6d6;
background-repeat:no-repeat;
height: 150px;
min-height: 20%;
overflow: hidden;
width: 800px;
max-width: 100%;
text-shadow: 0px 1px 1px #a5a5a5;
margin-bottom:1%;
}

#logo h1
{
display: block;
background-color: rgba(255, 255, 255, .8);
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #49423D;
font-size: 1.4em;
padding: 2.5% 0%;
width: 800px;
margin-top: 6%;
max-width:100%;
min-width:50%;
letter-spacing:1px;
}


#logo h4
{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight:800;
float:left;
color: #49423D;
font-size: 9em;
padding: 0px 2px 0px;
margin-top:2%;
text-shadow: 2px 1px 1px #FFFFFF;
max-width:50%;
}

#logo h4 a, a:hover, a:visited {
text-decoration:none;
color: #49423D;
}

#header2
{
text-align: left;
padding-bottom: 10px;
margin-top: 5px;
}

/* LANGUAGE BUTTONS */
#language
{
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 6.6em;
clear: both
}

#language ul
{
list-style-type: none;
margin: 0;
padding: 0;
text-align: right
}

#language li
{
margin: 0;
padding: 1px 0;
}

#language a
{
display: block
}

#language a
{
text-decoration: none;
background-color: RGB(242,201,78);
font-size: .8em;
font-weight: bold;
color: black;
text-align: left;
margin: 0;
padding-left: .6em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

}

#language a:link, #language a:visited
{
background-color: #F2C94E;
border: 1px #FFFFFF solid;
}

#language a:hover, #language a:focus, #language a:active
{
background-color: rgba(248,229,169, .7);
}

#language li#active a:link, #language li#active 
a:visited, #language li#active a:hover, 
#language li#active a:active 
{
background-color: #d6d6ef;
color: black;
}
/* END LANGUAGE */



/* SEARCH */

#searchinner {
float:right;
}


#breadcrumb {
float:left;
padding-left:5px;
padding-bottom:2em;
font-size: .8em;
}

#visible
{
float: right;
z-index: -255;
}

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

#searchinner li 
{ 
display: inline; 
}

#searchinner a
{
float:left;
padding: 5px;

#searchinner a:hover, #searchinner a:focus, #searchinner a:active
{
border: 2px ridge black;
background-color: #5C5C5C;
color: white;
}
/* END SEARCH */
/*END OF HEADER */




/* MAIN */
#main
{
width: 100%;
max-width: 800px;
margin-right: auto;
margin-left: auto;
text-align: left;
position: relative;
clear: both;
}





/* 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;
}

.clearline
{
border-bottom: 1px dotted #d8d4d2;
}
/* end clears */

#addthis
{
display: none
}

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