@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: 1000px;
	height: 700px;
	margin-left: 275px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: rgba(171, 164, 158, 1); /*swatch 4 402*/
	background-color: rgba(84, 88, 97, .8); /*swatch 4 coolgray 10*/
	}
	
#mobiletitle {
	display: none;
	}

/*horizontal nav*/	
#horizontal {
	width: 1000px;
	height: 30px;
	
	background-color: rgba(84, 88, 97, 0); /*swatch 4 coolgray 10*/
	}

#horizontal a {
	text-decoration: none;
	color: rgba(171, 164, 158, 1); /*swatch 4 402*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16pt;
	font-variant: small-caps;
	font-weight: bold;
	}

#horizontal li {
	height: 30px;
	width: 200px;
	list-style: none;
	float: left;
	position: relative;
	}
	
#first {
	margin-left: -40px;
	}	
	
#horizontal li.margin {
	margin-left: 35px;
	}
	
/*horizontal type style*/
div.header {
	font-stretch: expanded;
	text-align: center;
	border-radius: 5px;
	
	background-color: rgba(82, 125, 151, 1); /*swatch 4 5415*/
	/* background-color: rgba(171, 164, 158, 1); /*swatch 4 402*/
	}
	
/*horizontal dropdown feature*/
#horizontal ul {
    position: absolute;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	border-radius: 5px;
	background-color: rgba(82, 125, 151, 1); /*swatch 4 5415, sets color of ul group*/
	/* background-color: rgba(171, 164, 158, 1); /*swatch 4 402*/
	}
	
#horizontal ul li {
    padding-top: 0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	width: 200px; /*width of dropdown items*/
	margin-left: -40px; /*constrains width to specified number*/
	}

#horizontal ul a {
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	/*font changes of dropdown items*/
	}

div.dropdown {
	height: 25px;
	font-size: 12pt;
	text-indent: 20px;
	}
	
#overview {
	font-size: 14pt;
	font-weight: bold;
	text-indent: 10px;
	}

#horizontal li:hover ul { /* Display the dropdown on hover */
    left: 0; /* Bring back on-screen when needed */
	}

#horizontal li:hover div.header { /*hover state of all div.headers*/
    color: rgba(84, 88, 97, 1); /*swatch 4 coolgray 10*/
	}

#horizontal li:hover { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
	}

#horizontal li:hover ul li a div.dropdown:hover { /*hover state of div.dropdowns*/
    background-color: rgba(171, 164, 158, 1); /*swatch 4 402*/
	color: rgba(82, 125, 151, 1); /*swatch 4 5415*/
	}
	
/*main info*/	
iframe {
	width: 905px;
	height: 600px;
	border: none;
	display: block;
	overflow: hidden;
	}
	
#global {
	position: relative;
	left: 750px;
	
	font-size: 8pt;
	color: rgba(171, 164, 158, 1); /*swatch 4 402*/
	}

#mobile_foot {
	display: none;
	}