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

/**********************************

Use: Reset Styles for all browsers

***********************************/
	
body, p, blockquote {
	margin: 0;
	padding: 0;
}

a img, iframe { border: none; }
	
/* Headers
------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 { font-size: 300%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
	
/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}
	
/* Links
------------------------------*/

a, a:link {
    text-decoration: none;
	color: black;
}
a:visited {
    text-decoration: none;
    color: #416249;
}
a:hover {
    color: #A90202;
}
a:active {
    text-decoration: none;
	color: black;
}
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-110px; margin-left:-200px;
    width:300px; line-height:16px;
	background-color: :#FEA;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background-color:#FEA;
}

a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #DA6;
}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}

/* Style The Dropdown Button */
.dropbtn {
  background-color: #dc7676;
  display: inline-block;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #d6a8a8;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
}


/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}
	
select { padding: 0; }


body {
	padding: 0 10px;
	font: normal 82.5% "Lucida Grande", Helvetica, Verdana, Arial;
    background-image: url("../images/MA_website_bg.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center; 
}
	
p { margin: 10px 0; }

li { margin-left: 10px; }

h3 { margin: 5px 0; }

.red { background-color: red; }
.blue { color: blue; }
.green { color: green; }

p.big {
    line-height: 1.8;
}

p.medbig {
    font-size: 250%;
	font-weight: bold;
}

p.bigred {
    font-size: 500%;
	font-weight: bold;
	color: red;
}

p.medbigred {
    font-size: 300%;
	color: red;
}

p.smlbigred {
    font-size: 200%;
	color: red;
}

p.med {
    font-size: 200%;
}

p.medsml {
    font-size: 150%;
}

.bodyText {
    color: black;
	background-color:#dc7676;
	font-size: 120%;
}

.textBody {
    color: black;
	background-color:#dc7676;
	font-size: 110%;
	width: 470px;
	height: 520;
	overflow: auto;
	overflow-x: hidden;
	vertical-align: top;
}

.textBodyWide {
    color: black;
	background-color:#dc7676;
	font-size: 110%;
	width: 800px;
	height: 600px;
	overflow: auto;
	overflow-x: hidden;
}

.textBodyNarrow {
    color: black;
	background-color:#FFE29E;
	font-size: 110%;
	width: 500px;
	height: 580px;
	overflow: auto;
	overflow-x: hidden;
}

pre {
    width: 600px;                         /* specify width  */
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap             /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	word-wrap: break-word;                 /* IE 5.5+ and up */
	/* overflow-x: auto; */                /* Firefox 2 only */
	/* width: 99%; */		       /* only if needed */
}


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

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.tabrow {
    position: relative;
    text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 24px;
	font-size: 110%;
	font-weight: bold;
}

.tabrow li:before,
.tabrow li:after {
  position: absolute;
  bottom: -1px;
  width: 6px;
  height: 6px;
  content: " ";
}
.tabrow li:before {
  left: -6px;
}
.tabrow li:after {
  right: -6px;
}
.tabrow li:after, .tabrow li:before {
  border: 1px solid #AAA;
}

.tabrow li {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tabrow li:before {
  border-bottom-right-radius: 6px;
  border-width: 0 1px 1px 0;
}
.tabrow li:after {
  border-bottom-left-radius: 6px;
  border-width: 0 0 1px 1px;
}
.tabrow li:before {
  box-shadow: 2px 2px 0 #FE9;
}
.tabrow li:after {
  box-shadow: -2px 2px 0 #FE9;
}

.tabrow li:before {
  box-shadow: 2px 2px 0 #FE9;
}
.tabrow li:after {
  box-shadow: -2px 2px 0 #FE9;
}
.tabrow li.selected:before {
  box-shadow: 2px 2px 0 #FFE29E;
}
.tabrow li.selected:after {
  box-shadow: -2px 2px 0 #FFE29E;
}

.tabrow:before {
    z-index: 1;
}

.tabrow:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #888;
    z-index: 1;
}

.tabrow li {
    position: relative;
	z-index: 0;
    margin: 0 10px;
	padding: 0 10px;
	border: 1px solid #888;
	background: url("../../china trip/images/parchment-bg.png");
	display: inline-block;
	text-decoration: none;
}
.tabrow li {
  margin: 0 -5px;
  padding: 0 20px;
}
.tabrow li.selected {
    z-index: 2;
	border-bottom-color: #FFE29E;
    background: #FFE29E;
	color: #000;
	font-weight: normal;
}

img.slideshow {
    display: none;
}


.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}

p.invisible {
    display: none;
}

.highlight {
	border: 5px dotted #eee;
}

.error {
	background-color: #fee;
}