@CHARSET "ISO-8859-1";

body {
	font-family: myriad pro;
	text-align:justify;
}

#main {
	width: 72em;
	margin: auto;
}

.bluesky {
	background-color: #9FDDEA;
	background: url("bluesky-grad.png");
	background: linear-gradient(#E6FDFF, #9FDDEA);
	border: 1px solid #128CA1;
}

.center {
	text-align: center;
}

/***** Header and Navbar *****/

#header {
	font-family: garamond;
	text-align: center;
	font-variant: small-caps;
}

#navbar {
	
}

#navbar a {
	color: #007;
	text-decoration: none;
}

#navbar table {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}

#navbar td {
	border-left: 1px solid #128CA1;
	cursor: pointer;
	padding: 10px 0px;
	font-variant: small-caps;
	width: 10%;
	border-top: 1px solid transparent;
	padding: 5px;
}

#navbar td:first-child {
	border-left: none;
}

#navbar td.selected {
	background-color: #777;
}

#navbar td:hover {
	background-color: #9bd9e5;
	box-shadow: 0px 0px 15px rgba(18, 140, 161, 0.35) inset;
	border-top: 1px solid #128CA1;
}

/***** Content *****/

#content {
	background-color: #eee;
	border: 1px solid #777;
	border-top: none;
	border-bottom: none;
	padding: 25px;
	margin: 0px 30px;
}

#content h2 {
	font-family: garamond;
	font-variant: small-caps;
}

#content h3 {
	font-family: garamond;
	text-align:justify;
	font-variant: small-caps;
	
}

table.col2 td {
	width: 50%;
}

table.col3 td {
	width: 33%;
}

table.col4 td {
	width: 25%;
}

#content table tr.alt td {
	background-color: #d6d6d6; 
} 

#content table h3 {
	margin: 0px;
}

#content .imgframe {
	max-width: 50em;
	margin: auto;
	display: table;
	padding: 5px;
	box-shadow: -3px 3px 15px rgba(0,0,0,0.2);
	background-color: white;
	border: 1px solid #999;
}

#content .imgframe img {
	margin: auto;
	display: block;
	border: inherit;
}

#content .imgframe .desc {
	font-family: myriad pro;
	font-size: 12px;
	text-align:justify;
	margin: 3px;
}

#content td, #content tr {
	/*border: 1px solid black;*/
}

#footer {
	padding: 20px;
}

a:link {
	color: #00007a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #00007a;
	text-decoration: none;
}

.template {
	display: none;
}
