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

/* TAGS */

html, body {
	background-color:#689CD2;
	color: #000;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12pt;
	height: 100%;
	margin: 0 auto;
	padding: 0 0 70px 0;
	position:relative;
	text-align:center;
	width:955px;
}
h1 {
	color:#000;
	font-size: 18pt;
	font-weight: bold;
	text-align: left;
	text-decoration:underline;
}
h2 {
	color:#000;
	font-size: 16pt;
	font-weight: bold;
	text-align:left;
}
h3 {
	color:#000;
	font-size: 14pt;
	font-weight: bold;
	text-align:left;
}
h4 {
	color:#000;
	font-size: 12pt;
	text-align:left;
	text-decoration:underline;
}
img {
	border:0;
}
th {
	text-decoration:underline
}

/* Body DIV link behavior (set as default) */

a:link, a:active, a:visited, a:hover {
	color:#0D58A6;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}

/* CLASSES */

/* Header and footer link behavior */
.navlink:link, .navlink:active, .navlink:visited, .navlink:hover {
	color: #FFF;
	text-decoration: none;
	}
.navlink:hover {
	text-decoration: underline;
	}
/* Table attributes for the navigation bar */
.navbartable {
	border:0px;
	text-align:center;
	width:920px;
}
/* Highlight class for recently added table list items */
.recenthighlight {
	background-color:#AEFFAE;
}
.currenthighlight {
	background-color:#FFC;
}
/* Class for sortable tables with Javascript */
table.sortable thead {
    background-color:#eee;
	color:#666666;
	cursor: default;
    font-weight: bold;
	width:100%;
}

/* AP DIVS */
#logo {
	background-color:#4188D2;
	color: #FFF;
	height:77px;
	left: 0px;
	margin: 0 auto;
	position:absolute;
	text-align: center;
	top: 0px;
	width:100%;
	z-index:100;
}
#navbar {
	background-color:#0D58A6;
	color: #9CF;
	font-size:14px;
	font-weight:bolder;
	height:60px;
	left:0px;
	margin:0 auto;
	position:absolute;
	text-align:center;
	top:77px;
	width:100%;
	z-index:90;
}
#body {
	background-color:#F3F3F3;
	background-image:url(assets/body-background.png);
	background-position:right;
	background-repeat:repeat-y;
	left: 0px;
	margin: 0 auto;
	padding: 20px;
	padding-bottom:75px;
	position:absolute;
	text-align:left;
	top: 160px;
	width:915px;	
}
#footer {
	background-color:#0D58A6;
	bottom: 0;
	color: #9CF;
	font-size:10px;
	height: 60px;
	left: 0;
	overflow: visible;
	padding: 10px;
	position:absolute;
	text-align: center;
	width: 100%;
	z-index:80;	
}
#quicklinks {
	background-color:#0D58A6;
	bottom:5px;
	color:#9CF;
	float:inherit;
	font-size:10px;
	height:40px;
	left:10px;
	overflow:visible;
	padding:10px;
	position:absolute;
	text-align:left;
	width:260px;
	z-index:80;
}
#bloglinks {
	background-color:#0D58A6;
	bottom:5px;
	color:#9CF;
	float:inherit;
	font-size:10px;
	height:40px;
	right:24px;
	overflow:visible;
	padding:10px;
	position:absolute;
	text-align:right;
	width:70px;
	z-index:80;
}

/* Fixed header and footer on PC screens*/
@media screen, tv, projection {
  body>div#logo{
   position:fixed;
  }
  body>div#navbar{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#body{
  height:100%;
  overflow:auto;
 }
 
/* Page printing appearance specifications */
@media print {
	#body {
		background-color:#FFF:;
		background-image:none;
		color:#000;
		visibility:visible;
	}
	#navbar, #logo, #footer, #quicklinks, #bloglinks {
		visibility:hidden;
	}
	a:link, a:active, a:visited, a:hover {
		color:#000;
		text-decoration:underline;
	}
	object {
		visibility:hidden;
	}
}