/* Alidade screen stylesheet */

/* Frank D Tito */
/* Monday, May 17, 2004 */
/* 0.01 */



body {
	text-align: center; 
	margin: 0 auto -1px auto;
	background: rgb(100%, 100%, 100%);       /*  rgb(100%,100%,100%) = white  */
	color: rgb(0%, 0%, 0%);      /*  rgb(0%,0%,0%) = black  */
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, sans-serif;
	font-size:12px;
}


/*   header contains top, topnavbar   */
#header {
	width: 100%;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: rgb(100%, 100%, 100%);       /*  rgb(100%,100%,100%) = white  */
}


#top
{
	display: none;
}

#topPrint {
	width: 690px;  /*  width should be same wherever specified: main   */
	height: 100px;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#topnavbar {
	width: 100%;
	height: 20px;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;

	color: rgb(0%,0%,0%);       /*  rgb(0%,0%,0%) = black  */
}


#topnav {
	width: 690px;  /*  width should be same wherever specified: content   */
	padding: 0;
	margin-right: auto;
	margin-left: auto;
}


/*   middle contains main    */
#middle {
	width: 100%;
	position: relative;
	margin: 0 auto -1px auto;
	padding: 0;
	background-color:  rgb(100%,100%,100%);    /*  rgb(100%,100%,100%) = white  */
	color: rgb(0%,0%,0%);                      /*  rgb(0%,0%,0%) = black  */
}


#main {
	width: 690px;  /*  width should be same wherever specified: main   */
	padding: 0;
	margin-right: auto;
	margin-left: auto;
}

#content {
	float:left;
	width: 350px;
	text-align: left;
	padding: 0px 5px 0px 5px;
}

#sidebar {
	float: right;
	width: 300px;
	text-align: left;
	padding: 0px 5px 0px 5px;
	margin-top: 10px;
	background-color:  rgb(87%,93%,93%);    /*  rgb(87%,93%,93%) = pale blue  */
}




/*   footer contains bottom   */
#footer {
	width: 100%;
	margin: 10px auto 0 auto;
	padding: 0;
	background-color: rgb(100%, 100%, 100%);       /*  rgb(100%,100%,100%) = white  */
	color: rgb(0%,0%,0%);       /*  rgb(0%,0%,0%) = black  */
}


#bottom {
	width: 690px;  /*  width should be same wherever specified: main   */
	height: 40px;
	margin: 0 auto 0 auto;
	padding-top: 20px;
	text-align: right;
}


/*  topnav styles  */

#topnav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

#topnav ul li {
	display: block;
	float: left;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	}

#topnav ul li a {
	background: transparent;
	width: 85px;
	height: 20px;
	border: 0;
	padding: 0;
	margin: 0;
	color: rgb(0%,0%,0%);       /*  rgb(0%,0%,0%) = black  */
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}

#topnav ul li a:hover {
	background: rgb(75%,0%,0%);   /*  rgb(75%,0%,0%) = fire engine red  */
	color:  rgb(99%,99%,100%);    /*  rgb(100%,100%,100%) = white  */
;}

#topnav a:active	{
	background: rgb(0%,20%,60%);    /*  rgb(0%,20%,60%) = Alidade blue   */
	color:  rgb(99%,99%,100%);    /*  rgb(100%,100%,100%) = white  */
}
	
#topnav li.activeSection a {
	background-color:  rgb(99%,99%,100%);    /*  rgb(100%,100%,100%) = white  */
	color: rgb(0%,0%,0%);       /*  rgb(0%,0%,0%) = black  */
	font-weight: bold;
}




/*  content styles  */

	
#main p {
	background-color:transparent;
	padding:5px 5px 5px 15px;
	margin:0;
}

#main h2 {
	font-size:16px;
	font-weight:bold;
	color:#222;
	margin:0px;
	padding:15px 0 0 15px;	
}

#main h3 {
	font-size:14px;
	font-weight:bold;
	color:#222;
	margin:0px;
	padding:15px 0 0 15px;	
}

#main h4 {
	font-size: 11px;
	font-weight: bold;
	color: #222;
	margin: 0px;
	padding: 5px 0 0 15px;
}

#main ul li {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

#main dl dt
{
	display: block;
	text-align: left;
	padding: 12px 0 0 15px;
	margin: 0;
	list-style-type: none;
	font-weight: bold;
}

#main dl dd {
	display: block;
	text-align: left;
	padding: 2px 0 0 15px;
	margin: 0;
	list-style-type: none;
}

#main ol li {
	text-align: left;
	padding: 10px 0 0 0;
	margin: 0;
}
	
#main a:link, a:visited	{
	background-color: transparent;
	color:#085242;
	text-decoration: none;
	}
	
#main a:hover	{
	background-color:transparent;
	color: #14386E;
	text-decoration: none;
	border-bottom: dotted 1px #14386E;
	}

#main a:active	{
	background-color:transparent;
	color: #14386E;
	text-decoration: none;
	}
	


#sidebar h2 {
	font-size: 16px;
	font-weight: bold;
	color: rgb(13%,13%,13%);   /* rgb(13%,13%,13%) = dark gray  */
	font-variant: small-caps;
	text-align: center;
	padding: 0px 0 0 0px;
	margin-top: 20px;
}

#sidebar h3 {
	font-size: 14px;
	font-weight: bold;
	color: rgb(13%,13%,13%);
	/* rgb(13%,13%,13%) = dark gray  */
	padding: 16px 0 0 15px;
}

#sidebar h4 {
	font-size: 12px;
	margin-bottom:0px;	
	padding: 3px 0 0 15px;
}
	
#sidebar dt {
	font-weight: bold;
	padding: 12px 0 0 15px;
	margin: 0;
	}
	
#sidebar dd {
	font-weight: normal;
	padding: 4px 0 0 15px;
	margin: 0;
	}


.contentbox {
	padding: 0.5em;
	margin: 1em;
	border: 1px dashed black;
	background: #eee;
}