/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)

Screen layout: */

body  { color: #ffffff; font: 76% Verdana, Tahoma, Arial, sans-serif; background: #f5e9d0 url(images/bg.gif) repeat-y; margin: 0 auto; padding: 0 }

#wrap {
width: 760px;
margin: 0 auto;
color: #303030;
background: #ffffff;
}

#header {
clear: both;
height: 142px;
margin: 0 0 0 0;
padding: 0;
}

#header h1 {
float: left;
width: 250px;
margin: 0 0 0 0;
}

#header p {
float: right;
font-size: 0.8em;
text-align: center;
line-height: 1.2em;
width: 500px;
margin: 0 0 10px 0;
color: #a0a0a0;
background: #ffffff;
}

#frontphoto {
width: 400px;
margin: 0 auto;
border: 0;
}

#SlideShow   { margin: 0 auto; border: 0; width: 400px }
#SlideShowSponsor  { margin: 0 auto; border: 0; width: 125px }
.announce  { color: #505050; font-weight: 500; font-size: 0.8em; line-height: 1.3em; background-color: #f4f4f4; float: right; margin: 100px 0 0; padding: 7px; border: solid 1px #cccccc; width: 130px }

.announce a  { color: #111dbc; font-weight: bolder; background-color: #f4f4f4 }

#extras {
font-size: 0.9em;
line-height: 1.5em;
width: 120px;
margin: 30px 0 0 20px;
padding: 0;
}


#extras p {
margin: 0 0 1.5em 0;
}

#content  { line-height: 1.6em; text-align: left; margin: 20px 0 0; padding: 0 10px; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; width: 540px }

html > body #content {
margin: 20px 0 0 160px;
}

#content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}
#content h4 { font-size: 1.2em; margin: 0 0 0.5em }
#content img  { color: #000000; background-color: transparent; padding: 4px; border: 0px #f0f0f0; display: inline }

#content a  { color: #4169e1; background-color: #ffffff }

#content a:hover {
text-decoration: underline;
color: #286ea0;
background: #ffffff;
}

#footer  { color: #808080; font-size: 0.9em; line-height: 1.8em; background-color: #ffffff; text-align: center; clear: both; margin: 25px auto; padding: 10px 0 20px; width: 540px }

#footer a {
text-decoration: none;
color: #286ea0;
background: #ffffff;
}

#footer a:hover {
text-decoration: underline;
}

#content li {
margin-left: 25px;
}

.pagetable {
font-size: 1.2em;
}

#int_form {
color: #000000;
background: #ffffff;
}

#int_form tr td {
padding: 0 0 0 20px;
vertical-align: middle;
color: #000000;
background: #ffffff;
}

#ok_page {
padding: 0 0 0 20px;
font-size: 1.0em;
color: #000000;
background: #ffffff;
}

h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}

a {
text-decoration: none;
color: #286ea0;
background: #ffffff;
}

a:hover {
text-decoration: underline;
color: #286ea0;
background: #ffffff;
}

a img {
border: 0;
}

.left {
float: left;
margin: 0px 10px 5px 0;
}

.right {
float: right;
margin: 10px 0 5px 10px;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

table { display: table; overflow: visible;}
tr { display: table-row;}
thead { display: table-header-group;}
tbody { display: table-row-group;}
tfoot { display: table-footer-group;}
col { display: table-column;}
colgroup { display: table-column-group;}
td, th  { color: black; font-size: 1em; line-height: 1.8em; vertical-align: top; padding: 0 2px 0 0; display: table-cell }
caption { display: table-caption;}

td h4 {
font-size: 1.2em; 
font-weight: bold;
margin: 20px 0 0 0;
}

td h5 {
font-size: 0.9em; 
font-weight: bold;
margin: 15px 0 0 0;
}

.details_tours_red {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #990000;
	text-decoration: none;
	line-height: 1.8;
}

.details_normal_red {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #990000;
	text-decoration: none;
	line-height: 1.5;
}

/* CSS settings for expanding menu */

#menubox {
margin: 20px 0 0 10px;
height: 450px;
float: left;
}

html > body #menubox {
margin: 0 0 0 35px;
}

#vjmenu {
position: absolute;
top: 197px;
clear: left;
float: left;
width: 120px;
margin: 0 0 0 -39px;
padding: 0 10px 0 0;
line-height: 2.0em;
/*font-size: 1.1em;*/
}

html > body #vjmenu {
margin: 0 0 0 -13px;
}

#vjmenu ul {
margin: 0 0 0 0;
list-style: none;
font-size: 1.1em;
/*font-weight: bold;*/
}

#vjmenu li {
margin: 0 0 2px 0;
}

html > body #vjmenu li {
margin: 0 0 2px -40px;
}

html > body #vjmenu li a {
//padding: 0 0 1.1em 10px;
}

#vjmenu li.level2 {
font-size: 0.75em;
line-height: 1.8em;
width: 135px;
margin: 0 0 10px 15px;
}

html > body #vjmenu li.level2 {
width: 130px;
margin: 0 0 10px -20px;
}

html > body #vjmenu li.level2 a {
padding: 0 0 0.5em 10px;
}

#vjmenu li.level3 {
font-size: 0.8em;
line-height: 1.7em;
width: 120px;
margin: 0 0 5px 15px;
}

html > body #vjmenu li.level3 {
width: 110px;
margin: 0 0 10px -20px;
}

html > body #vjmenu li.level3 a {
padding: 0 0 0.2em 10px;
}

#vjmenu ul a {
display: block;
text-decoration: none;
padding: 6px 0 0 10px;
color: #505050;
background: #f4f4f4;
}

#vjmenu li a {
display: block;
text-decoration: none;
//height: 12px;
padding: 0 0 0 10px;
color: #505050;
background: #f4f4f4;
border-left: 4px solid #cccccc;
/*border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;*/
border-bottom: 1px solid #cccccc;
}	

#vjmenu li a:hover {
color: #539dbc;
background: #eaeaea;
border-left: 4px solid #286ea0;
border-bottom: 1px solid #286ea0;
}

#vjmenu li a:active {
color: #be5028;
background: #eaeaea;
border-left: 4px solid #286ea0;
border-bottom: 1px solid #286ea0;
}

/*
#vjmenu li a:visited {
color: #be5028;
background: #eaeaea;
border-left: 4px solid #286ea0;
border-bottom: 1px solid #286ea0;
}
*/