/* Elements */


body {font: 1em Verdana,sans-serif; color: #333; line-height: 1.6em; margin: 12px; padding: 26px;
background-image: url(../images/cover2.jpg); background-size: cover; background-attachment: fixed;}


img, a.img { border: 0px; }
img { border-width: 0; padding: 0 10px 0 0; }


h1 { font: bold 1.5em  Verdana,sans-serif; color: #1b2276; margin: 6px; background-color:transparent; }
h2 { font: bold 1.2em  Verdana,sans-serif; color: #1b2276; background-color:transparent; }
h3 { font: bold 1em  Verdana,sans-serif; color: #000; background-color:transparent; }

hr { border-bottom: solid; color: #fff;}
.small { font: 80% Verdana,sans-serif; }
.caption { font: 80% Verdana,sans-serif; margin: 0 10px 0 0; }
strong {font: bold 1em  Verdana,sans-serif; color: #000; background-color:transparent;}
.return { font: 75% Verdana,sans-serif; text-align: right; }
.return img { border-width: 0; padding: 0; }
.indent { margin-left: 250px; }
#slideshow {width:100%; background-color:transparent;}
#toc { font: 80% Verdana,sans-serif; margin: 0; }
#toc img { margin: 0; }

#main { position: absolute; left: 250px; top: 150px; width: 60%; margin: 10px; padding: 10px; border: 1px solid #000; background: rgba(255, 255, 255, 0.75);}
#footer { position: bottom; text-align: center; font: .85em Verdana,sans-serif; color: #0b2a59;}


/* Logo */

#logo { position:absolute; left:10px; top: 10px; width: 300px; height: 90px; background: url(../images/logo2.png);  }
#logo a { display: block;  width: 100%;  height: 100%; background-color: transparent; }
#logo a span { display: none;}
#topNav { position:absolute; left: 850px; top: 10px; width:auto; height:100px;  }



/* Main Navigation  */

#nav-main { position:absolute; left:400px; top:1px; width:auto; height:100px; }

#nav-main ul {
	z-index: 1;
	margin: 15px;
	list-style-type: none;
	line-height: normal;
}

#nav-main li {
	display: block;
	position: relative; 
	float: left;
	width: 6em;
}

#nav-main a {
	display: block;
	height: 1.5em; /* 25px/12px */
	padding: 6px;
	border: 1px solid;
	border-color: #CCC #999 #999 #CCC;
	color: #fff;
	background: #029aff;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	text-decoration: none;
}

#nav-main strong a,
#nav-main strong a:hover {
	font-weight: normal;
	color: #fff;
	background: #1b2276 none;
	text-decoration: none;
}

#nav-main  a:hover {
	   color: #fff;
	   background: #1b2276;
	   text-decoration: none;
}


#nav-main a:hover {
	color: #fff;
	background: #1b2276;
	text-decoration: none;
}


/* Left navigation  */

#side { position:absolute; left:0px; top:160px; width:auto; height:100px; 
	font: .75em Verdana,sans-serif; border: 1px; border-color: #999; }

#side ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background: transparent;
}

#side li a {
    display: block;
    color: #fff;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid;
    border-color: #999;
}

#side strong a,
#side strong a:hover {
	font-weight: normal;
	color: #fff;
	background: #1b2276 none;
}

/* Change the link color on hover and bgcolor on secondary nav */

#side li a:hover {
    	background-color: #1b2276;
    	color: #fff;
}

#side ul ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #029aff;
}


/* Link Styles  */

a:link { text-decoration: underline; color:#1b2276; background-color: transparent;  }
a:visited { text-decoration: underline; color:#1b2276; background-color: transparent;  }
a:hover { text-decoration: underline; color:#1b2276; background-color: transparent;  }
a:active { text-decoration: underline;  color:#1b2276; background-color: transparent; }