@charset "UTF-8";
/* CSS Document */

body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CCCCCC;}
body {background-color: #FFFFFF; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 30px;}

a:link {color: #FF9900;}
a:visited {color: #CC0000;}
a:hover {color: #FFFF00;}

#container {width: 800px; margin-left: auto; margin-right: auto; position: relative; border: 1px solid #FFFFFF;}
#textcontainer {width: 600px; position: absolute; top: 250px;}
#sidemenu {width: 190px; letter-spacing: 1px; line-height: 1.3em; padding-left: 10px; padding-right: 10px; padding-top: 10px;}
#adventure {position: absolute; left: 2px; top: 200px;}
#compass_photo {position: absolute; left: 447px; top: 200px;}
#line1 {position: absolute; left: 605px; top: 362px;}
#line2 {position: absolute; left: 820px; top: 362px;}
#textpad {
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	line-height: 1.4em;
	letter-spacing: 1px;
	text-align: justify;
}
#textpad2 {padding-left: 15px; padding-right: 10px; padding-top: 5px; line-height: 1.4em; letter-spacing: 1px; width: 400px;}

#headmenu {position: absolute; left: 2px; top: 2px; letter-spacing: 1px; color: #FFFF99; font-size: 13px; font-family: Arial, Helvetica, sans-serif; width: 830px; overflow: visible;}

#pad {padding: 10px 0px 10px 0px;}

.style1 {font-size: 10px; color: #FFFFFF;}
.travel {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFF99; padding-bottom: 20px; padding-left: 8px; padding-top: 4px; background-image: url(images/title_line.jpg); width: 400px;}
.travel4 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFF99; padding-bottom: 20px; padding-left: 8px; padding-top: 4px; background-image: url(images/title_line_fat.jpg); width: 400px;}
.travel3 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFF99; padding-left: 8px;}
.travel2 {font-size: 15px; color: #FFFF99;}
.travel5 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFF99; padding-bottom: 10px; padding-left: 8px; padding-top: 4px; background-image: url(images/title_line.jpg); width: 350px;}

.book {font-family: Arial, Helvetica, sans-serif; color: #FFFF99; line-height: 1.3em; letter-spacing: 1px; font-size: 14px;}
.footlinks {font-family: Arial, Helvetica, sans-serif; color: #FFFF99; line-height: 1.3em; letter-spacing: 1px; font-size: 14px;
}
.reasons {font-size: 14px; color: #FFFF99;}
.highlight {font-size: 12px; color: #FFFF99;}
.highlight2 {font-size: 15px; color: #FFFF99;}
.copywrite {font-size: 10px; color: #999999; line-height: 1.2em;}
.special {font-family: Arial, Helvetica, sans-serif; color: #FF9900; font-size: 30px; letter-spacing: 1px; border-bottom: 1px solid #FF9900; padding-left: 5px; padding-top: 10px; padding-bottom: 2px;}
.special2 {font-family: Arial, Helvetica, sans-serif; color: #FF9900; font-size: 22px; letter-spacing: 1px; border-bottom: 1px solid #FF9900; padding-left: 5px; padding-top: 10px;}
#infotitle {background-image: url(images/trip_line.jpg); width: 308px; height: 85px;}
#travelbox {position: absolute; left: 250px;}

blockquote.pull {float: left; width: 210px; padding: 5px 12px 5px 5px; margin: 0; font-size: 11px; font-style: italic; color: #FFFFCC;}
blockquote.pullsm {float: left; width: 150px; padding: 5px 12px 5px 5px; margin: 0; font-size: 11px; font-style: italic; color: #FFFFCC;}
blockquote.pull2 {float: right; width: 220px; padding: 5px 5px 5px 18px; margin: 0; font-size: 11px; font-style: italic; color: #FFFFCC;}
blockquote.pull5 {float: left; width: 290px; padding: 5px 5px 5px 5px; margin: 0; font-size: small; font-style: italic; color: #FFFFCC;}
blockquote.pull3 {float: left; width: 230px; padding: 5px 10px 5px 10px; margin: 0; font-size: small; font-style: italic; color: #FFFFCC;}
blockquote.pull4 {float: 
right; width: 300px; padding: 5px 10px 5px 18px; margin: 0;}
blockquote.pullletter {float: left; width: 100px; padding: 5px 5px 5px 5px; margin: 0; color: #FFFFCC;}
blockquote.pull6 {float: right; width: 210px; padding: 5px 12px 5px 5px; margin: 0; font-size: 11px; font-style: italic; color: #FFFFCC;}

#lgphoto {border: #999999 1px solid; padding: 3px; width: 400px;}
#medphoto {border: #999999 1px solid; padding: 3px; width: 300px;}
#medphoto3 {border: #999999 1px solid; padding: 3px; width: 280px;}
#medphoto2 {border: #999999 1px solid; padding: 3px; width: 300px; background-color: #DEE8F4;}
#smphoto {border: #999999 1px solid; padding: 3px; width: 200px;}
#smphoto2 {border: #999999 1px solid; padding: 3px; width: 140px;}





/*#660000 is red
/*#1C2172 is blue

.menu {/*top: 58px; left: 102px;*/width:850px; height:20px; position:absolute; z-index:100;border-right:1px solid #FFFFFF; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:850px; w\idth:850px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:120px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:120px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:10px;text-decoration:none; color:#fff; width:120px; height:20px; border:1px solid #660000/*#F0D442*/; border-width:1px 1px 1px 1px; background:#660000; padding: 0px 0px 0px 10px; line-height:14px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:120px; w\idth:120px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {color: #FFFFFF;background:#660000/*#d4d8bd*/ url(http://www.auprogressivedesign.com/images/arrow_over.png) no-repeat 90px center;}

/* style the second level hover */
.menu ul ul a.drop:hover{color:#000000; background:#c9ba65 url(http://www.auprogressivedesign.com/images/arrow.png) no-repeat 90px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.auprogressivedesign.com/images/arrow.png) no-repeat 90px center;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {color:#FFFFFF; background:#660000;}
/* style the third level hover */
.menu ul ul ul a:hover {color:#EEEE0F; background:#c9ba65/*#F0D442*/;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:21px;left:0; width:120px;border-top:1px solid #660000/*#F0D442*/;}

/* another hack for IE5.5 */
* html .menu ul ul {top:20px;t\op:21px;}

/* position the third level flyout menu */
.menu ul ul ul{left:120px; top:-1px; width:113px;}
/*4th pos AU */
.menu ul ul ul ul{left:120px; top:-1px; width:120px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-120px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#660000; color:#FFFFFF; height:auto; line-height:1em; padding:5px 4px; width:120px;border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:120px;w\idth:120px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#EEEE0F; background:#660000;}
.menu :hover > a, .menu ul ul :hover > a {color:#EEEE0F; background:#660000/*#F0D442*/;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}


.menu ul li ul li :hover ul li,
.menu ul li ul a.droptwo:hover ul{visibility:visible;}


/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}  

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}