/* ------ body and helpers ------ */
body {
margin: 0;
padding: 0;
background: #999966;
color: #666;
text-align: center;
line-height: 1.6em;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: small; /* ie5win */
voice-family: "\"}\""; 
voice-family: inherit;
font-size: small;
}

html>body { /* opera */
font-size: small;
}

h1, h2, h3 {
padding: 0;
margin:0;
}

img {
border: 0px none;
}


/* ------ layout ------ */
#container {
width: 740px;
position: relative;
border: 2px solid #660000;
background: #fff url('images/title_imgnyreiseside.jpg') no-repeat top right;
margin: 20px auto;
text-align:left; margin-top:20px; margin-bottom:20px
}




/* ------ hidden text ------ */
#pageheader h1 span, 
#pageheader h2 span, 
#pageheader h3 span, 
#intro h1 span, 
#intro h2 span, 
#intro h3 span, 
#quickSummary p.p1 span {
display:none;
}


/* ------ header and summary ------ */
#pageHeader h1 {
background-position: 0% 0%; height: 246px;
background-color:transparent; background-repeat:no-repeat; background-attachment:scroll
}

#quickSummary p.p1 {
height: 76px;
}

#quickSummary p.p2 {
position: absolute;
top: 0;
right: 35px;
text-align: right;
}

#quickSummary p.p2 a:link, #quickSummary p.p2 a:visited {
white-space: nowrap;
font-weight: bolder;
text-transform: uppercase;
}


/* ------ preamble ------ */
#preamble {
margin-top: -30px;
padding-left: 20px;
}

#preamble p.p1 {
padding-top: 10px;
border-top: 0px solid #990000;
width: 500px;
}

#preamble p.p2 {
width: 530px;
}

#preamble p.p3 {
width: 530px;
}

/* ------ supporting text ------ */
#supportingText {
padding-left: 20px;
padding-top: 20px;
width: 480px;
background: url('images/phiphi2.jpg') no-repeat bottom left;
}

#supportingText p {
padding: 0 20px 0 20px;
text-align: justify;
}

#supportingText h3 {
padding-left: 50px;
color: #990000;
font-size: 130%;
border-bottom: 1px solid #660000;
background: url('../test/') no-repeat left;
}


/* ------ link list ------ */
#linkList {
position: absolute;
top: 400px;
left: 540px;
width: 180px;
padding: 5px;
border-top: 1px solid #990000;
border-right: 1px dashed #990000;
border-left: 1px dashed #990000;
border-bottom: 5px solid #990000;
}

#linkList h3 {
padding-left: 0.5em;
background: #666600;
color: #ffffff;
}

#linkList ul {
margin: 1em 0 1.5em;
padding: 0;
font-size: 90%;
list-style: none;
}

#lselect li, 
#larchives li, 
#lresources li {
text-transform: lowercase;
}

#lresources {
padding-bottom: 5px;}
#linkList #lselect li, 
#linkList ul li {
background: url('images/button.gif') no-repeat 2px 50%;
line-height: 2em; margin-left:10px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:24px; padding-right:0; padding-top:0; padding-bottom:0
}


/* ------ footer ------ */
#footer {
padding: .5em;
margin: 10px 20px 40px 20px;
border-top: 1px solid #990000;
border-bottom: 5px solid #660000;
text-align: center;
}

#footer a:link, #footer a:visited {
padding: 0 5px;
font-weight: normal;
}


/* ------ links ------ */
a:link {
color: #666600;
text-decoration: underline;
font-weight: bold;
}

a:visited {
color: #595083;
text-decoration: line-through;
font-weight: bold;
}

a:hover {
color: #fff;
background-color: #990000;
text-decoration: none;
font-weight: bold;
}

a:active {
color: #1D7215;
background-color: #B1D4AC;
font-weight: bold;
}


/* ------ misc ------ */
acronym {
border-bottom: 1px dashed #B1D4AC;
cursor: help;
}

#linkList acronym {
border: 0px none;
cursor: auto
}olor: #1D7215;
background-color: #B1D4AC;
font-weight: bold;
}


/* ------ misc ------ */
acronym {
border-bottom: 1px dashed #B1D4AC;
cursor: help;
}

#linkList acronym {
border: 0px none;
cursor: auto
}

#pageHeader h1:hover {
 	background-image: url('../test/images/hoverbox.jpg');
	}