@charset "UTF-8";

/* bring in IE hacks */
@import url("/styles/style-hacks.css");


/************************
	MAIN STYLE SHEET
*************************/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
	background-color: #eeeeee;
	background-image: url(/pix/dirty-grey-back.gif);
	background-repeat: repeat-y;
	background-position: center;
}

#container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#header { 
	background: url(/pix/header-back.gif) no-repeat center center;
	padding: 10px 0px 20px 20px; 
	height: 60px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 860 ? "740px" : "98%" );
    /* Minimum width for the rest of us */
    min-width:780px;
}


/************************
		GLOBALS
*************************/

h1 { /* usually sIFR replaced */
	margin-left: 19px;
	font-size: 44px;
}

.nosifr h1 {
	margin-top: 10px;
	margin-left: 19px;
	font-size: 22px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	color: #666666;
}
.imageBorder {
	border: 4px solid #dedede;
}

.imagecaption {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-align: center;
	padding: 0;
	margin: 0;
}

.floatRight { /* float an element right */
	float: right;
	margin: 0 0 8px 8px;
}
.floatLeft { /* float an element left */
	float: left;
	margin: 0 8px 8px 0;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.linkColor {
	color: #ec0505;
}

/************************
	HEADER NAVIGATION
*************************/

#navArea {
	padding-top: 12px;
	margin: 0 40px 0 0;
}

#navArea a {
	color: #626262;
	text-decoration: none;
}

#navArea a:visited {
	color: #626262;
	text-decoration: none;
}

#navArea a:hover {
	color: #ec0505;
	text-decoration: none;
}

#navigationTop1 {
	padding-bottom: 5px;
	margin: 0;
}

#navigationTop1 li {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 13px;
	display: inline;
	list-style-type: none;
	padding-right: 14px;
}

#navigationTop1 .active {
	font-weight: bold;
	font-size: 110%;
	color: #999999 !important;
}


#navigationTop2 {
	margin: 2px 0 0 0;
}

#navigationTop2 li {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 12px;
	display: inline;
	list-style-type: none;
	padding-right: 12px;
}

#navigationTop2 .active {
	color: #ec0505 !important;
}

#logo {
	float: left;
}


/************************
		SIDE BARS
*************************/

.oneCol #sidebar {
	display: none;
}
 
.twoCol #sidebar {
	float: right; 
	width: 200px;
	background: url(/pix/sideline.gif) no-repeat left top; /* only goes as long as the length of the sidebar content */
	padding: 15px 10px;
	font-size: 11px;
	line-height: 150%;
}

.twoCol #sidebar h3 {
	color: #999999;
	font-size: 12px;
	margin-top: 20px;
}

.twoCol #sidebar li {
	list-style: square;
	padding-bottom: 8px;
}

.twoCol #sidebar ul {
	padding-left: 15px;
}

.twoCol #sidebar a {
	color: #ec0505;
	text-decoration: none;
}

.twoCol #sidebar a:visited {
	color: #ec0505;
	text-decoration: none;
}

.twoCol #sidebar a:hover {
	color: #ff0000;
	text-decoration: underline;
}


/************************
		MAIN CONTENT
*************************/

.oneColSlideshow #mainContent { /* For slideshow pro sets */
	margin: 0;
	padding: 0;	
}

.oneColSlideshow #flashcontent { /* For slideshow pro sets */
	width: 780px !important;
	height: 600px !important;
}


.oneCol #mainContent { 
	margin: 0 0 0 0; 
	padding: 0 20px;
} 

.twoCol #mainContent { 
	margin: 0 250px 0 0;
	padding: 0 20px;
} 

#mainContent {
	font-size: 12px;
	line-height: 150%;
}

#mainContent a {
	color: #ec0505;
	text-decoration: none;
}

#mainContent a:visited {
	color: #ec0505;
	text-decoration: none;
}

#mainContent a:hover {
	color: #ff0000;
	text-decoration: underline;
}

#mainContent h2 {
	font-size: 18px;
	font-weight: normal;
}


/************************
		FOOTER
*************************/


#footer, #footerWP { 
	margin-top: 20px;
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 

#footer p {
	border-top: 1px dotted #CCC;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 9px;
	color: #999999;
}

#footerWP p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 9px;
	color: #999999;
}

#footer a, #footerWP a {
	color: #626262;
	text-decoration: none;
}

#footer a:visited, #footerWP a:visited {
	color: #626262;
	text-decoration: none;
}

#footer a:hover, #footerWP a:hover {
	color: #ec0505;
	text-decoration: none;
}


/************************
		PARTICULARS
*************************/

.boxMeRed {
	border: 2px solid #990000;
	padding: 10px;
	color: #990000;
}

.tourtable {
	padding-bottom: 10px;
	border-bottom: 1px dotted #999999;
}

.tourtable th {
	font-size: 20px;
	color: #999999;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: 1px dotted #999999;
}

.tourtable td {
	padding-left: 20px;
}

.optional {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

input {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ec0505;
	background-color: #eeeeee;
}

.sidebarForm p {
	line-height: 100%;
	padding: 0 10px 0 10px;
	margin: 10px 0 0 0;
}

.sidebarForm input {
	margin-top: 5px;
	background-color: #FFFFFF;
}

.sidebarForm h3 {
	text-align: center;
}

.sidebarForm .submitButton {
	font-size: 10px !important;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ec0505;
}

.rssButton {
	background-image: url(/pix/rss-button.gif);
	padding-left: 30px;
	padding-top: 3px;
	background-repeat: no-repeat;
	height: 30px;
}



/************************
		QUOTE BOX
*************************/

.quotationOuterDiv {
	background: url(/pix/quote-start.gif) top left no-repeat;
	margin: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.quotationInnerDiv {
	background: url(/pix/quote-end.gif) bottom right no-repeat;
	padding-left: 35px;
	padding-right: 45px;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	color: #999;
	text-align: justify;
	line-height: 150%;
}



/************************
	ROUNDED CORNER DIVS
*************************/

/* ROUNDED CORNER STYLES ala Steffen Rusitschka, www.ruzee.com (src="/js/shadedborder.js")
	Usage:	1) Specify DIV:		<div id="rounded-grey">content</div>
			2) Invoke SCRIPT:	var myBorder = RUZEE.ShadedBorder.create({ corner:8, shadow:13 }); myBorder.render('rounded-grey');
*/

#rounded-grey { padding: 20px; width: 90%; margin: 10px auto; color: #333; }
#rounded-grey, #rounded-grey .sb-inner { background:#e9e9e9; }

#rounded-sage-greenery { padding: 20px; width: 90%; margin: 10px auto; color: #30411f; }
#rounded-sage-greenery, #rounded-sage-greenery .sb-inner { background:#e9ede5 url(/pix/greenery-tile3.gif) repeat; }

#rounded-sage-greenery-sidebar { padding: 10px; width: 100%; margin: 10px auto; color: #30411f; }
#rounded-sage-greenery-sidebar, #rounded-sage-greenery-sidebar .sb-inner { background:#e9ede5 url(/pix/greenery-tile3.gif) repeat; }

#rounded-grey-sidebar-greenhover { padding: 10px; width: 100%; margin: 5px auto; color: #333; }
#rounded-grey-sidebar-greenhover, #rounded-grey-sidebar-greenhover .sb-inner { background:#e9e9e9; }
#rounded-grey-sidebar-greenhover:hover, #rounded-grey-sidebar-greenhover:hover .sb-inner {background:#efefef url(/pix/greenery-tile2.gif) repeat;}

#rounded-wp-greenhover { padding: 5px 10px 20px 5px; width: 450px; margin: 5px auto; color: #333; }
#rounded-wp-greenhover, #rounded-wp-greenhover .sb-inner { background:#e9e9e9; }
#rounded-wp-greenhover:hover, #rounded-wp-greenhover:hover .sb-inner {background:#efefef;}



/************************
	2nd LEVEL TOP NAV
*************************/


#topNav2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-align: center;
}

#topNav2 li {
	list-style: none;
	padding-right: 8px;
	padding-left: 8px;
	line-height: 200%;
	display: inline;
}

#topNav2 li a:hover {
	color: #ec0505;
	text-decoration: none;
}

#topNav2 a {
	color: #333333;
	text-decoration: none;
}

#topNav2 a:visited {
	color: #888888;
	text-decoration: none;
}
	

/************************
	ALBUM PAGES
*************************/

#albumDetail {

}


#albumDetail h2 {
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: normal;
}

.albumInfo {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	padding: 0;
	margin: 0;
}

#albumBuy {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
}


#albumBuy li {
	list-style: none;
	margin: 0;
	padding-left: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid;
	border-color: #FFF #AAA #AAA #FFF;
	text-align: center;
	background-color: #f2f2f2;
	width: 205px;
}

#albumBuy li:hover {
	background-color: #f8f8f8;
}

#albumBuy a:hover {
	text-decoration: none;
}

#albumBuy .nohover:hover {
	background-color: #f2f2f2;
}

#albumTracks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#albumTracks td {
	padding-right: 20px;
}

.noRIghtPadding {
	padding-right: 0;
}