/* Normalize margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0; padding: 0;
}

/* Normalize font-sizes for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Removes list-style from lists */
ol, ul {
	list-style: none;
}

/* Normalize font-style and font-weights to normal */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal; font-weight: normal;
}

/* Removes borders and spacings from tables */
table {
	border-collapse: collapse; border-spacing: 0;
}

/* Removes borders from fieldset and images */
fieldset, img {
	border: 0;
}

/* Left-aligns text in caption and th */
caption, th {
	text-align: left;
}

/* Removes quoteation marks from q */
q:before, q:after {
	content: '';
}


/*-GENERAL--->*//*  =basic declarations */

html {
	text-align: center;
}

body {
	position:relative;
	height:1%;
	margin: 0 auto;
	/*color*/	
	color: #323232;
	background-color: #323233;
	/*typography*/	
	font: 76%/1.5 Verdana, Arial, "Lucinda Grande", Helvetica, sans-serif;
	text-align: center;
}

h2, h3 {
	margin-bottom: .15em;
	/*color*/	
	color: #0db1ba;
	/*typography*/
	font: 110% Verdana, Arial, "Lucinda Grande", Helvetica, sans-serif;
	font-weight: bold;
}

h4, p, ul, blockquote {
	margin-bottom: .75em;	/* defaults a bottom margin for these elements */
}

p {
	font-size: 100%;
	line-height:1.3;
	margin-right:5px;
}

#content_main p {
	font-size: 110%;
}

.callout {
	color:#323232;
	font-style:italic;
	line-height:200%
}

.short {
	margin:0 0 0 5px;
}

.smCallout {
	color:#888888;
	font-style: italic;
	font-size: 95%;
}
.announceText {
	line-height:200%;
	color:#888888;
}

.welcomeText, .servicesText, .aboutText, .collectionText, .copyText {
	line-height:200%;
	margin-right:10px;
}

.aboutImage {
	text-align:center;
}

.aboutImage img {
	margin: 0 10px;
}

.nameText {
	font-weight: bold;
	font-style:italic;
	color:#323232;
	line-height:200%;
}

.nowPlayMedia {
	text-align:center;
	margin:20px;
}

a:link, a:visited {
	color: #999350;
}

a:hover, a:active {
	color: #00a9b4;
} 

a:link.mainlink, a:visited.mainlink {
	color: #00ACB6;
	font-size: 85%; 
	font-weight: bold;
}

a:hover.mainlink, a:active.mainlink { 
	color: #99CCCC
}

a:link.mainlinkCurrent, a:visited.mainlinkCurrent {
	color: #888888; 
	font-size: 85%; 
	font-weight: bold;
	text-decoration:none;
}

a:hover.mainlinkCurrent, a:active.mainlinkCurrent {
	color: #323232; 
}

a:link#copyLink, a:visited#copyLink {
	text-decoration:none;
	color:#888888;
}

a:hover#copyLink, a:active#copyLink {
	text-decoration:none;
	color:#999350;
	font-weight:bold;
}

/*---------------------*/
/* =layout starts here */
/*---------------------*/

/*-LAYOUT--->*//* =outer layout */

#border {
	position:relative;
	top:15px;
	width:900px;
	height:1%;
	padding: 10px 0; 
	margin:auto;
	/*color*/
	background: #00acb6 url(../images/gold_bg.gif) repeat-y 0 0;
	/*typography*/	
	text-align: center; /*centers content_bg in IE */
}

#content_bg {
	position:relative;
	width:880px;	/* 790px to 810px */
	height:1%;
	margin: auto 10px; 
	/*color*/
	border:solid #888888 1px;
	background-color:#ffffff;
	/*typography*/
	text-align: left; /* aligns all nested text to left */
}

#masthead {
	position:relative;
	width:400px;
	height:86px;
	margin:10px;
	background: transparent url(../images/MTI_logo400.jpg) repeat-y 0 0;
}

#sideNav {
	position:relative;
	float:left;
	width:130px;
	height:510px;
	border: solid 0px;
	text-align: right;
}

#sideNav h3 {
	color: #808000;
	font-size: 12px;
}

.sideNavLinks {
	list-style:none;
	text-align:right;
	margin-bottom: 10px;
}

.sideNavLinks li {
	margin-bottom: 2px;
}

#contactLink {
	position:absolute;
	bottom:0;
	right:0;
}

#main {
	position:relative;
	float:right;
	width:745px;
	height:510px;
	border:solid 0px;
}

#main h1 {
	color: #323232;
	font-size:150%;
	margin: 0 0 0 10px;
}

#main h1#indexH1 {
	display:none;
	top:-9999px;
	left:-9999px;
}

#main h1#galleryTitle {
	width:185px;
}

#main h1#nowPlayH1 {
	text-align:center;
}

#main h2 {
	color: #00ACB6;
	font-size:14px;
	margin-top:10px;
}

#main h2.themeH2 {
	font-size:125%;
	margin:15px 0 10px 0;
}

#main h2#destH2 {
	width:95%;
	font-size:130%;
	margin: 0 0 0 10px;
	color:#808000;
}

#main h3.destH3 {
	width:95%;
	font-size: 120%;
	color:#999350;
}

#main h4.destH4 {
	width:95%;
	font-size: 100%;
	color:#555555;
	margin:0 0 0 5px;
}

#main p#destAlpha {
	margin: 0 0 0 10px;
}

#loadMessage {
	position:relative;
	width:195px;
	margin:5px 0 0 130px;
	display:block;
}

#loadMessage p {
	color:#f00;
}

#main #description {
	position:relative;
	width:195px;
	margin:5px 0 0 130px;
}

#main #introText {
	position:relative;
	text-align:center;
	margin: 10px 65px;
}

#main #introText h1 {
	margin: 10px 0 10px 0;
	width:615px;
	text-align:left;
}

#main #introText p {
	width:615px;
	text-align:left;
	line-height:150%;
}

p.alpha {
	font-size:10%;
	margin:0 0 10px 0;
}

#main h1.collectH1 {
	color: #999350;
	margin: 0 0 10px 10px;
}

#main h2.collectH2 {
	position:relative;
	float:left;
	color: #888888;
	font-size:140%;
	border-bottom:dotted #808000 1px;
	width:290px;
	margin: 0 10px 0 10px;
}

#main .keywords {
	font-style:italic;
}

#main .hideKeywords {
	display:none;
	top:-9999px;
	left:-9999px;
}

#main .keywords b {
	font-style:normal;
}

#main h2.aboutH2 {
	color:#999350;
}

#main h2.nowPlayH2 {
	color:#808000;
	text-align:center;
}

#main .contentList {
	list-style: disc url(../images/bullet_tinyLogoBW.gif);
	margin-left:20px;
}

#main .contentList  li {
	margin-bottom: 0;
	color:#888888;
}

#main .contentList ul {
	list-style: circle;
	margin-left:20px;
	color:#888888;
}

#main .contentList ul ul {
	list-style: disc;
	margin-left:20px;
	color:#888888;
}

.destNameHead {
	font-weight: bold;
	color:#888888;
}

.destNameSub {
	margin:0 0 5px 0;
	color:#888888;
}

.linkNameHead, .servicesHead {
	font-weight: bold;
	color:#888888;
}

.linkNameSub {
	margin:0 0 5px 0;
}

a:link.linkCollection, a:visited.linkCollection {
	color: #999350;
	font-size:95%;
}

a:hover.linkCollection, a:active.linkCollection {
	color: #00ACB6;
	font-size:95%;
}

#slideShow {
	text-align:center;
}

#mainScroll {	/* when using overflow:auto, div must have postion:relative to work in IE7*/
	position:relative;
	height: 475px;
	margin: 2px 0 0 10px;
	overflow:auto;
}

#mainScrollDest {  
	position:relative;
	height: 440px;
	margin: 0 10px;
	overflow:auto;
}

#mainScrollDest ul, #mainScrollText ul {
	margin: 0 0 5px 15px;
}

#mainScrollNowPlay {  
	position:relative;
	height: 420px;
	margin: 0 10px;
	overflow:auto;
}

#mainScrollText {  
	position:relative;
	height: 470px;
	margin: 2px 0 0 10px;
	overflow:auto;
}

#mainScrollTextRight {
	position:relative;  
	float:right;
	height: 410px;
	width:290px;
	margin: 10px 10px 0;
	overflow:auto;
}

#mainScrollTextLeft {
	position:relative;  
	float:left;
	height: 440px;
	width:415px;
	margin: 0 10px;
	overflow:auto;
}

#mainScrollTextRight h3.destH3, #mainScrollTextRight h4.destH4, #mainScrollTextRight p.hideKeywords, #mainScrollTextRight p.callout, #mainScrollTextRight ul {
	width:250px;
}

#galleryThumbsMain {
	position:relative;
	float:left;
	top:-1px;
	width:135px;
	height:500px;
	margin:0px;
	text-align:left;
}

#imageGallery {
	list-style:none;
	text-align:left;
}

#imageGallery li {
		display:inline;
		float:left;
		width:52px;
		height:52px;
		margin:6px;
}

#imageGallery li a img {
		border: solid #323232 1px;
}

.galThumb {
	width:50px;
	height:50px;
}

#photoWindow {
	position:absolute;
	width:600px;
	height:600px;
	top:-95px;
	right:10px;
	text-align:right;
}

#photo img {
	position:absolute;
	right:0px;
	bottom:-2px;
	border: solid #323232 1px;
}
.albumCoverSet {
	position: relative;
	float: left;
	width: 345px;
	height: 170px;
	margin: 0 10px 10px 0;
	border:solid 0px;
}

#mainScroll .albumH2 {
	color: #999350;
	margin: 0 0 10px 0;
}

.albumCover {
	position:relative;
	float:left;
	height:125px;
	width:125px;
	margin: 0 0 10px 0;
	border:solid #555555 1px;
}

.albumCover .imageMargin { 
	margin:23px 25px;
}

a.albumLink:link img, a.albumLink:visited img{
	border: solid #888888 1px;
}

a.albumLink:hover img, a.albumLink:active img{
	border: solid #CBC56F 1px;
}

.albumBlurb {
	position:relative;
	float:right;
	width:195px;
	height: 125px;
	margin:0 5px 10px 5px;
	border: dashed 0px;
	overflow:auto;
}

.albumBlurb p {
	margin: 0;
	line-height:150%;
}

.albumMore {
	width:190px;
	text-align:right;
	margin:5px 5px 0 0;
	font-style:italic;
	font-size: 90%;
}

.textMore {
	width:390px;
	color:#00a9b4;
	text-align:right;
	margin:5px 5px 0 0;
	font-style:italic;
	font-size: 90%;
}

.textMore a:link, .textMore a:visited {
	color: #999350;
	text-decoration:none;
}

.textMore a:hover, .textMore a:active {
	color: #00a9b4;
	text-decoration:none;
	font-weight:bold;
} 


#copyright {
	text-align:center;
	font-family: verdana; 
	color:#888888;
	font-size: 10px;
	line-height:1.0;
	margin:0 0 5px 20px;
}

#siteInfo {
	position:relative;
	margin-top:20px;
	text-align:center;
}

#contactInfo {
	text-align:center;
	color:#888888;
	margin-left:20px;
	font-size: 90%;
	font-weight:normal;
}

.darkGrey {
	color:#323232;

}

.emphasis {
	font-weight:bold;
}

.italic {
	font-style: italic;
}

.destExcerpt {
	font-size: 120%;
	font-weight:normal;
}