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

/* {
	outline: thin solid red;
	}  */
	
/* Swatch Colors */
/* background-color: rgba(84, 88, 97, 1); /*swatch 4 coolgray 10*/
/* background-color: rgba(171, 164, 158, 1); /*swatch 4 402*/
/* background-color: rgba(97, 124, 149, 1); /*swatch 4 5415*/

body {
	width: 318px;
	overflow: hidden;
	background-color: rgba(97, 124, 149, .4); /*swatch 4 5415*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	}
	
h1 {
	font-size: 14pt;	
	position: relative;
	top: -3px;
	}
	
h3 {
	font-size: 11pt;	
	}

nav {
	background-color: rgba(97, 124, 149, 1); /*swatch 4 5415*/
	text-align: center;
	border-radius: 5px;
	}
	
a {
	text-decoration: none;
	}

#mobiletitle{
	font-size: 16px;
	color: rgba(171, 164, 158, 1); /*swatch 4 402*/
	}

#mobiletitle:hover {
	color: rgba(97, 124, 149, 1); /*swatch 4 5415*/
	background-color: rgba(171, 164, 158, .7); /*swatch 4 402*/
	}

/*horizontal nav*/	
#horizontal {
	margin-top: 5px;
	width: inherit;
	height: 20px;
	background-color: rgba(97, 124, 149, 1); /*swatch 4 5415*/
	
	border-radius: 0px 0px 5px 5px;
	}

#horizontal a {
	text-decoration: none;
	color: rgba(171, 164, 158, 1); /*swatch 4 402*/
	font-size: 9pt;
	font-variant: small-caps;
	}

#horizontal li {
	width: 100px;
	list-style: none;
	float: left;
	position: relative;
	margin-left: -40px;
	top: -2px;
	}
	
#horizontal li.margin {
	margin-left: 9px;
	}
	
/*horizontal type style*/
div.header {
	font-stretch: expanded;
	}
	
.header:hover {
	color: rgba(97, 124, 149, 1); /*swatch 4 5415*/
	background-color: rgba(171, 164, 158, .7); /*swatch 4 402*/
	}
	
iframe { 
	position: relative;

	width: 318px;
	height: 400px;
	border: none;
	display: block;
	overflow: hidden;
	
	border-radius: 5px;
	}
	
#mobile_foot {
	position: relative;
	left: 170px;
	
	font-size: 8pt;
	color: rgba(84, 88, 97, 1); /*swatch 4 coolgray 10*/
	}
	
#mobile_foot span {
	position: relative;
	left: 83px;
	top: -2px;
	font-size: 7pt;
	}
	
/*hidden items*/
.dropdown {
	display: none;
	}
	
#horizontal li:nth-child(2) {
	display: none;
	}
	
#global {
	display: none;
	}