body {
	margin : 0%; /* 1%; */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	background: #fff; /* 564 e2e3e4 fafaf8 fffefd */
	color: #000;
	border-top: 4px #000 solid;
}
/* Colors:  sage 7a876b	 wine 6f283c   moutard ffb03c   orange ff803d   faded purple 876b7a */

a:link  { color:#039; text-decoration: none; } /*  border-bottom: #e6e6e6 dotted 1px; */
a:visited  { color:#804; text-decoration: none; } /*  border-bottom: #e6e6e6 dotted 1px; */
a:active { text-decoration: underline; } /*  border-bottom: #777 solid 1px; */
a:hover  { text-decoration: underline; } /*  border-bottom: #777 solid 1px; */
a[rel="nofollow"] {
	text-decoration: line-through ! important;
	border-bottom: dotted thin gray ! important;
	color: #888 ! important;
}
p {margin: 0 0 10px 0; padding: 0; }
acronym { 	font-variant : small-caps; border-bottom : 1px dashed;}
dt { padding: 4px; }
dd { padding: 4px; }
form { padding: 0; margin: 0; }
table { font-size: 100%; } /* IE5 bug fix */
h1 {
	color: #fff;
	background: #088; /* c88 7a876b 786 */
	font-size: 120%;
	text-align: center;
	line-height: 120%;
	margin: 0;
	border-bottom: 10px solid #fff;
}
h2 {
	color: #088;
	background-color: transparent;   /* 7788aa 6699bb bbaa99; */
	font-size: 130%;
	/* font-variant: small-caps; */
	line-height : 100%;
	text-align: center;
	font-weight : bold;
	margin: 5px;
}
h3 {
	/* font-weight : bold; */
	color: #000;
	background: transparent;
	font-size: 90%;
	text-align: left;
	margin: 0 0 10px 0;
}
h4 {
	font-weight : bold;
	color: #555;
	background: transparent;
	font-size: 100%;
	text-align: left;
	margin: 0;
}
.buttonPretty {
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #aaa #aaa #ddd;
	background: #e4e8ec;
	font: inherit;
	color: #039;
	cursor: pointer;
	cursor: hand;
	padding: 0px;
}

.pagebox { color: #000; background-color: #fff; }

/* ------------------- Header ----------------- */
.headernav {
	color: #000;
}
.logoTop {
	color: #fff; /* same as body bg */
	background-color: #800;	
	line-height : 100%; /* 61% for Carleton */
	/* border-top: 1px solid #317;  aa9 */
	/* border-top : 5px #800 solid; for IE? */
	/* border-bottom : 2px #800 solid;   for IE? */
	/* padding-left: 15px; */
	text-align: left;
	/* font-weight : bold; */
	font-family : sans-serif; /* Carleton, Times, "Times New Roman", "URW Palladio L", "URW Chancery L", Gentium, Helvetica, Geneva */
	font-size : 2em;
}
.picBar {
	background: url(layout/switzerland_tours-header.jpg) repeat-x top left;
	color: #fff; /* same as body bg */
	background-color: #fff;
	border: 0;
	margin: 0;
	padding:  22px 0 117px 190px;
}
.logolink { text-decoration : none; }
.logotext { 
	color: #fff; /* same as body bg? */
	text-decoration : none;
	font-variant: small-caps;
	font-style: italic;
}
.logoSymbol1 {  }
.logoSymbol2 {  }
.logoSubtitleSymbol { } /* text-decoration: line-through; */
.logoSubtitlePhrase1 { font-variant: normal; }
.logoSubtitlePhrase2 { font-variant: normal; } /* text-decoration: line-through; */
a.skipToContent, a:visited.skipToContent  {
	color: #7a876b; /* same as logo bg - was 2a247a */
	text-decoration: none;
	background-color: transparent;
}
.logo-subtitle { font-size: smaller; color: #ffe; padding-left: 25px;} /* color same as bg? */

.pagetitle {
	font-size: 120% ;
	font-family: Georgia, "Bookman Old Style", "GeoSlab703 Md BT", "Times New Roman", Times, "New York", serif ;
	text-align : center;
}
.floatit { float : left; }
.bottomnav { background-color: #d8e0e5; }
.linklite { text-decoration: none; }
.linkint { text-decoration: overline; }
.mail { text-decoration: none; }

/* -------------------------- Content --------------------- */
.content {	line-height : 150%; } 
.content li { padding: 2px; }

.maincontent {
	width: 62%; /* 60.9% */
	margin: 0 2% 0 3%;
	/* padding: 1%; */ /* padding confuses IE and shifts faint underlines (below) - box model hack fix someday? */
	float: left;
	background: #fff; /* fafaf8 */
	color: #000;
	border: 5px #fff solid; /* fafaf8 */
	/* border-top: 1px #fff solid; */
	/* border-right: 2px #e8e8eb solid; */
	/* border-bottom: 2px #e8e8eb solid; */
	/* border-left: 1px #fff solid; */
}
.maincontent a:link  { color:#039; text-decoration: none;  border-bottom: #ddd solid 1px; } /* makes faint underlines */
.maincontent a:visited  { color:#804; text-decoration: none;  border-bottom: #ddd solid 1px; } /* makes faint underlines */
.maincontent a:active, .maincontent a:hover { text-decoration: none; border-bottom: #999 solid 1px;  } /* border-bottom: #999 solid 1px; makes underlines */
.group {
	color: #222;
	background-color: transparent;
	font-size : 1em;
	margin: 0 2px 10px 5px;
}
.groupList {
	/* font-size : smaller; */
	margin: 0 2px 10px 0;
	list-style-type: circle;
	line-height: 1.3em;
}
.contactInfo {
	color: #000;
	background-color: transparent;
	font-size : 1em;
	margin: 0 2px 10px 5px;
	text-align: center;
}

.eyeCatcher { font-variant: small-caps; font-weight: bold; }

/* ---------------------- Boxes -------------------------- */
.pic-l {
	float: left;
	text-align: center;
	font-size: smaller;
	color: #555;
	background: transparent;
	padding: 8px;
	border: #fff 5px solid;
	margin-right: 10px;
}
.pic-r {
	float: right;
	text-align: center;
	font-size: smaller;
	color: #555;
	background: transparent;
	padding: 8px;
	margin-left: 10px;
	border: #fff 5px solid;
}
.box-r {
	float: right;
	text-align: center;
	color: #000;
	background: transparent;
	padding: 5px;
	margin-left: 10px;
	border: #bcb 1px dotted;
	/* border-left: #fff solid 20px; */
	font-size: small;
}
.box-r a:link  { color:#348;  text-decoration: none; border-bottom: #ddd solid 1px; }
.box-r a:visited  { color:#722;  text-decoration: none; border-bottom: #ddd solid 1px; }
.box-r a:active { color:#788;  text-decoration: none;  border-bottom: #999 solid 1px; }
.box-r a:hover  { text-decoration: none;  border-bottom: #999 solid 1px;}

.box-l {
	float: left;
	text-align: center;
	color: #445;
	background: transparent;
	padding: 5px;
	margin-right: 10px;
	border: #079 1px dotted;
	font-size: small;
}
.box-l a:link  { color:#348;  text-decoration: none; }
.box-l a:visited  { color:#722;  text-decoration: none; }
.box-l a:active { color:#788;  text-decoration: none; }
.box-l a:hover  { text-decoration: underline; }
/* ------------------- /Boxes -------------------- */
/* ---------------------- Marginalia ---------------------- */
#marginalia {
	/* width:expression(document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize)? "25em": "auto" ); */
	width: 27%; /* 36% */
	float: right;
	padding: 0 2% 0 0;
	background-color: transparent;
	/* border-style: solid; */
	/* border-width: 1px; */
	/* border-color: #bbb #fff #fff #bbb; */
}
#marginalia a:link  { text-decoration: none;  border-bottom: #d4d4d4 solid 1px; } /* makes faint underlines */
#marginalia a:visited  { text-decoration: none;  border-bottom: #d4d4d4 solid 1px; } /* makes faint underlines */
#marginalia a:active, #marginalia a:hover { text-decoration: none; border-bottom: #777 solid 1px; } /* makes underlines */
#marginalia li { padding: 2px;}
#marginalia dl { padding: 1px; }
#marginalia dt { padding: 0px 0px 0px 10px; }
#marginalia dd { padding: 0px 0px 0px 0px; }
.marginaliaHeader {
	color: #ffe;
	background-color: #ff803d;   /* ff803d bcb, nice faded greed 9a9, or 7788aa 6699bb bbaa99; */
	font-size: 90%;
	line-height : 98%;
	text-align: center;
	font-weight : bold;
	margin: 0;
	border-top: 1px #fa6 solid;
	border-bottom: 2px #d61 solid;
}
.marginaliaHeader2 {
	color: #ffe;
	background-color: #ffb03c;   /* nice faded greed 9a9, or acb, 78a 69b ba9; */
	font-size: 90%;
	line-height : 98%;
	text-align: center;
	font-weight : bold;
	margin: 5px;
	border-top: 1px #fd5 solid;
	border-bottom: 2px #d90 solid;
}
.marginBox {
	text-align: center;
	color: #000;
	background: transparent;
	padding: 5px;
	border: #bcb 1px dotted;
	/* border-left: #fff solid 20px; */
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: small;
}

.openquote { 	font-family: Times, 'Times New Roman', serif; line-height: 80%; font-size: 400%; color: #aaa; }
.closequote { 	font-family: Times, 'Times New Roman', serif; line-height: 70%; font-size: 400%; color: #aaa; }
.fadinglink { font-size: smaller; }
.silk { color: #088; background: transparent; font-weight: bold; }

.footer {
	clear: left;
	margin: 0 10% 0 10%;
	text-align: center;
	clear: both;
	border-top: 1px solid #800;
	border-bottom: 0;
	padding: 10px;
	color: #000;
	/* font-size: smaller; */
}
.copyright { color: #888; }

#scrollbox {height: 40px; overflow:auto; }


/* -------------------------------------------------- Navigation tabBar ----------------------------------------- */
#navbar2 {
	color: #000; /* same as body bg */
	background-color: #fff;	
	border-top : 7px #fff solid;  /* for IE? */
	border-bottom : 5px #fff solid;  /* for IE? */
	padding: 0 3% 0 3%;
	text-align: center;
}

#tabBar { /* IE fix: remove HTML spaces between </li> and <li> elements so tabs display properly */
	border-bottom: 1px solid #500;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 120%;
}

html #tabBar/* */ {
	padding: 4px 0 2px 0
}

html>body #tabBar {
	padding: 3px 0 1px 0
}

head+body #tabBar {
	padding: 4px 0 2px 0
}

#tabBar li {
	border-top: 1px solid #cbb;
	border-right: 1px solid #500;
	border-left: 1px solid #cbb;
	display: inline;
	height: 1em;
	margin: 0 0 0 3px;
	padding: 0;
	z-index: 1000
}

html #tabBar li/* */ {
	height: auto
}

html>body #tabBar li {
	height: auto;
	margin: 0 -5px 0 -3px;
	padding: 3px 5px 2px 5px
}

html>body ul[id]#tabBar li {
	margin: 0 0 0 3px;
	padding: 3px 0 2px 0
}

#tabBar a, #tabBar a:link, #tabBar a:visited {
	background: #fed; /*eae0e4 */
	border-top: 1px solid #eee8e4;
	border-right: 1px solid #aba;
	border-left: 1px solid #eee8e4;
	/* color: #468; */
	height: 1em;
	padding: 2px 4px 2px 4px;
	/* text-decoration: none */
}

html #tabBar a/* */, html #tabBar a:link/* */, html #tabBar a:visited/* */ {
	height: auto
}

#tabBar a:hover {
	/* background: #b8c8d0; */
	/* border-top: 1px solid #555; */
	/* border-right: 1px solid #bcd; */
	/* border-left: 1px solid #555; */
	/* color: #012; */
}

#tabBar a:active {
	/* background: #9ab; */
	/* border-left: 1px solid #333; */
	/* border-right: 1px solid #9ab; */
	/* border-top: 1px solid #333; */
	/* color: #eee; */
}

html>body #tabBar li.selectedTab {
	margin: 0 -5px 0 -3px;
	padding: 3px 5px 2px 5px
}

html>body ul[id]#tabBar li.selectedTab {
	margin: 0 0 0 3px;
	padding: 3px 0 2px 0
}

#tabBar .selectedTab a, #tabBar .selectedTab a:link, #tabBar .selectedTab a:visited, #tabBar .selectedTab a:hover {
	background: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #bdc;
	border-left: 1px solid #fff;
	/* color: #2a247a; */
	margin: -2px 0 0 0;
	padding: 3px 4px 3px 4px;
	position: relative;
	top: 2px
}

html #tabBar .selectedTab a/* */, html #tabBar .selectedTab a:link/* */, html #tabBar .selectedTab a:visited/* */, html #tabBar .selectedTab a:hover/* */ {
	margin: -1px 0 0 0;
	top: 1px
}

html>body #tabBar .selectedTab a, html>body #tabBar .selectedTab a:link, html>body #tabBar .selectedTab a:visited, html>body #tabBar .selectedTab a:hover {
	padding: 2px 4px 2px 4px;
	top: 0
}

head:first-child+body #tabBar .selectedTab a, head:first-child+body #tabBar .selectedTab a:link, head:first-child+body #tabBar .selectedTab a:visited, head:first-child+body #tabBar .selectedTab a:hover {
	margin: -1px 0 0 0;
	padding: 2px 4px 4px 4px;
	top: 0
}

head:first-child+body ul[id]#tabBar .selectedTab a, head:first-child+body ul[id]#tabBar .selectedTab a:link, head:first-child+body ul[id]#tabBar .selectedTab a:visited, head:first-child+body ul[id]#tabBar .selectedTab a:hover {
	padding: 3px 4px 3px 4px;
	top: 1px
}

.fixTabsIE {
	visibility: hidden
}
/* thanks to http://labs.silverorange.com/archives/2004/may/updatedsimple for these nifty tabs (above) */

/* ------- SubMenu -------- */
.subMenu {
	background: transparent;
	font-size: 100%;
	padding: 3px 3px 18px 3px;
}
.subMenu a:link  { color:#039; text-decoration: none;  border-bottom: #ccc solid 1px; } /* makes faint underlines */
.subMenu a:visited  { color:#804; text-decoration: none;  border-bottom: #ccc solid 1px; } /* makes faint underlines */
.subMenu a:active, .subMenu a:hover { text-decoration: none; border-bottom: #777 solid 1px; } /* makes underlines */

/* -------------------------- /Header --------------------- */