/* DigitalCarpentry.ca Style Guide */
/* Alan Moore (alan@digitalcarpentry.ca) */

BODY {
	background: #679;
	width: 750px;
	font-size: 14px;
	font-family: georgia, serif;
}

P, TD {
	font-size: 14px;
	font-family: georgia, palatino, serif;
}

H1 {
	font-size: 26px;
	font-family: arial, sans-serif;
	margin-bottom: 8px;
	color: #000000;
}

H2 {
	font-size: 22px;
	font-family: arial, sans-serif;
	margin-bottom: 6px;
	color: #000000;
}

H3 {
	font-size: 18px;
	font-family: arial, sans-serif;
	margin-bottom: 4px;
	color: #000000;
}

H4 {
	font-size: 14px;
	font-family: arial, sans-serif;
	margin-bottom: 4px;
	margin-top: 8px;
	color: #000000;
}

B {
	font: bold italic 14px/16px helvetica, arial, sans-serif;
	color: #000000;
}

.listHead {
	font: bold italic 14px/16px helvetica, arial, sans-serif;
	color: #000000;
}

.caption { font: 10px/14px helvetica, arial, sans-serif; }

Table {
	border: dotted #333 1px;
}

#banner {
	font-family: arial, sans-serif;
	font-size: 50px;
	color: black;
	width: 30%;
	float: left;
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: 30px;
}

.header {
	font-family: tahoma, arial, sans-serif;
	font-size: 50px;
	color: #000099;
	width: 30%;
	/* float: left; */
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 30px;
}

#titlebox {
	border: solid #000033 1px;
	width: 90%;
	background-color: #FFFFFF;

	/*margin-bottom: 7px;*/
	/* margin: 4px; */
	margin-left: 15px;
	margin-right: 15px;
	padding: 5px 15px 5px 15px;
	float: left;
}

#bodytext {
	border: solid #000033 1px;
	width: 90%;
	background-color: #FFFFFF;
	padding: 5px 15px 5px 15px;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;
	float: left;
}

#bodyPanorama {
	border: solid #000033 1px;
	/* width: 90%; */
	background-color: #FFFFFF;
	padding: 5px 15px 5px 15px;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;
	float: left;
}

#navigation {
	/* border-right: solid #000033 1px; */
	/* border-left: solid #000033 1px; */
	width: 90%;
	background-color: #679;

	/*margin-bottom: 7px;*/
	/* margin: 4px; */
	margin-left: 25px;
	margin-right: 15px;
	padding: 0px 15px 0px 15px;
	float: left;
}

.topincontent {
	margin: -5px 10px 5px -15px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background: #CCC;
	padding : 5px;
	float: middle;
	width: 70px;
	font: 20px bold arial, helvetica, sans-serif;
}

div#links {
	position: relative; 
	margin: 5px 0px 5px 0;
	width: 500px;
	height: 18px;
	/* border: 1px red solid; */
	font: 12px Verdana, sans-serif;
	letter-spacing: 3px;
}
div#links a {
	display: inline; 
	font: bold 1em sans-serif; 
	padding: 5px 5px; 
	margin: 0 0 0px 0; 
	border-color: black;
	text-decoration: none; 
	color: #000;
	/* background: white; */
}
div#links a:hover {
	color: #FF9;
	/* background: #CCC; */
}

div#footer {
	font: 10px/12px arial, helvetica, sans-serif;
	font-style: italic;
	text-align: center;
	color: #000000;
	clear:  both;
}

div#footer a {
	font: 10px/12px arial, helvetica, sans-serif;
	font-style: italic;
	text-align: center;
	color: #000000;
}

div.NN4 {
	background: yellow;
	border: 2px solid red;
	padding: 10px;
}
div.NN4 {
	display: none;
}