/* CSS Compositor */
/* Compositing 2 files */


/* ----------------------------------------------------------- */

/* File 1 */
/* style.css */


/* Layout / global */

body { margin: 20px auto; text-align: center; color: #e8e8e8; font-family: "trebuchet ms", verdana; font-size: 12px; padding-top: 10px; background: #67167d; }


/* body p { padding: 0; margin: 0; line-height: 100%; } */

.container { position: relative; top: 0px; left: 0px;  margin: 0 auto; width: 800px; }

.head { width: 800px; height: 192px; background: #c96ba0; margin: 0 auto; }

.head p { padding: 0; margin: 0; }
.head p img { padding: 0; margin: 0; }


.navbar { width: 800px; height: 28px; background: #543f24; margin: 0 auto; text-align: left; }
.navbar p { padding: 6px 0 0 40px; margin: 0; }
.navbar p img { padding: 0; margin: 0; border: 0px; }
.navbar p span img { padding: 0; margin: 0 20px; }


.content { width: 800px; height: 489px; background: #c96ba0; text-align: left; margin: 0 auto; line-height: 140%; position: relative; top: 0; left: 0; padding: 0; }

/*
  DIMENSIONS
  ==========
  side: 274 x 489
  
  main: 526 x 489
  
  mainLeft + mainRight: 500px wide (total) -- N.B. this was BEFORE we made the WHITE BG with top-left corner
  
*/

.side { padding: 0; margin: 0; width: 274px; height: 489px; background: #c96ba0; position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: 2; }

/*.side img { padding: 0; margin: 0; position: absolute; top: 0px; left: 0px; }*/

/* XXX - should be in custom template which uses fader */
/*
.sideFader { width: 150px; height: 130px; position: absolute; top: 0px; left: 0px; z-index: 2;
			 padding: 325px 30px 20px 30px; overflow: hidden; filter:alpha(opacity:50); }
.sideFader p { line-height: 125%; color: #000000; text-align: justify; }
*/

.content .main { width: 526px; height: 429px; background: #c96ba0; position: absolute; top: 0px; left: 274px; /*overflow: auto;*/ line-height: 125%; padding: 0; margin: 0; /*padding: 25px 0 35px 0;*/ }
.main h1, .side h1 { line-height: 125%; margin: 10px 0; color: #c96ba0; font-size: 150%; }
.main h2, .side h2 { line-height: 125%; margin: 10px 0; color: #c96ba0; font-size: 100%; }
.main p,  .side p  { line-height: 125%; margin: 10px 0; color: #000000; }

/*.mainTop { width: 480px; background: #c96ba0; padding: 0 10px; }*/

.mainUpper { margin: 0px; }
.mainLower { margin: 0px; }

/* Total available width for 2 cols = 506px, used to use 500 of 526px so use ** 4 8 0 p x ** TOTAL now! */
.mainTwoColumn { margin: 50px 0 0 20px; height: 439px; background: #ffffff url(/images/common/corner_top_left.gif) no-repeat top left; overflow: auto; }
.mainLeft { /*width: 230px;*/ float: left; margin: 0; padding: 0 10px 30px 10px; }
.mainRight { /*width: 230px;*/ float: left; margin: 0; padding: 0 10px 30px 10px; }

/* General */

.topCurve { position: absolute; top: 0px; left: 0px; height: 43px; width: 800px; z-index: 1; }
.bottomCurve { position: absolute; top: 445px; left: 274px; height: 44px; width: 512px; z-index: 1; }

.topCurve p { text-align: right; padding: 16px 20px 0 0; margin: 0; }
.topCurve p img { padding: 0; margin: 0; border: 0px; }
.topCurve p span img { padding: 0; margin: 0 20px; }

/*
.topTransparency p, .bottomTransparency p { padding: 0; margin: 0; line-height: 100% }
*/

/* DIV BOXES */
div.pinkbox { margin: 1em 0; width: 220px; color: #ffffff; background: #c96ba0 url(/images/common/pinkbox_head.gif) no-repeat top; text-align: center; }
div.pinkbox div { padding: 10px; background: url(/images/common/pinkbox_foot.gif) no-repeat bottom; }
div.pinkbox div * { margin: 0 0 0.8em 0; color: #ffffff; line-height: 150%; }

div.brownbox { margin: 1em 0; width: 220px; color: #ffffff; background: #543f24 url(/images/common/brownbox_head.gif) no-repeat top; text-align: center; }
div.brownbox div { padding: 10px; background: url(/images/common/brownbox_foot.gif) no-repeat bottom; }
div.brownbox div * { margin: 0 0 0.8em 0; color: #ffffff; line-height: 150%; }


div.content div.main p.tour_thumbnail { float: left; margin: 0 10px 0 0; padding: 0; }
.tour_thumbnail img { border: 1px solid #000000; margin: 0; padding: 1px; }


img.left { float: left; width: auto; margin: 0 5px 2px 0; }
img.right { float: right; width: auto; margin: 0 0 2px 5px; }
.clearBoth { clear: both; width: auto; }

.error { color: #900; font-weight: bold; }

#music { width: 1px; height: 1px; overflow: hidden; position: absolute; top: 0px; left: -10px; }
#musicPref { display: none; }
#musicControls { text-align: right; }
#musicCtrl0, #musicCtrl1 { cursor: pointer; }


/* ----------------------------------------------------------- */

/* File 2 */
/* home.css */


div.side { background: url(/images/home/side.jpg) bottom left no-repeat; }


.sideFader { width: 175px; height: 200px; position: absolute; top: 280px; left: 20px; z-index: 2;
			 /*padding: 325px 30px 20px 30px;*/ overflow: hidden; /*filter:alpha(opacity:50);*/ }
/* xxx - do we need filter in above??? */

.sideFader h1 { font-size: 125%; font-weight: normal; }
.sideFader p { line-height: 125%; color: #000000; text-align: justify; }

.mainTwoColumn { margin: 42px 0 0 20px; height: 447px; overflow: auto; background: #c96ba0; background-image: none; }
.mainLeft { width: 220px; float: left; margin: 0; padding: 0 10px 30px 10px; }
.mainRight { width: 220px; float: left; margin: 0; padding: 0 10px 30px 10px; }

.main h1, .main h2 { color: #ffffff; }

.topCurve { background: url(/images/common/topCurve_subNav.gif) top right no-repeat; }
.bottomCurve { background: url(/images/common/bottomCurve_whiteOnPink.gif); position: absolute; top: 448px; left: 0px; height: 41px; width: 800px; z-index: 1; }