@import url("layout.css");

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #f2f2f7;
	background-image: url("../images/background.gif");
	background-repeat: repeat;
	background-attachment: scroll;
}
#container {
	margin: 0%;
}
#masthead {
	margin: 1% 1% 0 1%;
	padding: 5px;
	text-align: center;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fafaff;
}
#navigation {
	width: 15%;
	min-height:500px;
	margin: 1%;
	padding: 5px;
	float: left;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
}
#content {
	width: 78%;
	min-height: 500px;
	margin: 1%;
	padding: 5px;
	float: right;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
}


#footer {
	margin: 0 1% 1% 1%;
	padding: 5px;
	text-align: center;
	clear: both;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fefeff;
}

/* Masthead Styles */
#masthead h1 {
	color: #3d6c87;
}
#masthead h3 {
	color: #5f8ea9;
}

/* Navigation Styles */
#navigation ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#navigation li {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	background-color: #fff;
}
#navigation a {
	color: #3d6c87;
	text-decoration: none;
	/*display: block;*/
	padding: 5px;
	border: 1px solid #fff;
	background-color: #fff;
}
#navigation a:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #5f8ea9;
	background-color: #5f8ea9;
}

/************** Global Styles ****************/

h6 {
	color: #3d6c87;
}
h5 {
	color: #3d6c87;
}
h4 {
	color: #3d6c87;
}
h3 {
	color: #3d6c87;
}
h2 {
	color: #3d6c87;
	clear: left;
}
a {
	color: #5f8ea9;
	text-decoration: underline;
}
a:hover {
	color: #33627d;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

/************** Content Styles ****************/
#content h1 {
	color: #3d6c87;
	clear: left;
}

#content li {
	list-style-position:inside;
	margin-top:1em;
	margin-bottom: 1em;
}
#content table {
	border: 1px #000080 solid;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
#content table td {
	border: 1px #000080 solid;
}

/************** Footer Styles ****************/
#footer p {
	color: #808080;
	margin-top: 5px;
}
#footer a {
	color: #5f8ea9;
	text-decoration: underline;
}
#footer a:hover {
	color: #33627d;
	text-decoration: none;
}


/************************ Added by tk ****************************************/

/* For the tree control in the navigation bar: */
.trigger{
	cursor: pointer;
	cursor: hand;
}

.tty      { font-family: "Courier New", "Courier", monospace; 
			background-color: #FFFFCC; 
			border-width:2px; 
			border-style:solid;
			padding:10px;
			margin:10px;
			float:left		/* This last forces the tty block to envelop contained blocks, specifically figures.  See CSS 2.1 Section 9.4.1 */
			}

div.figure {
	margin: 5px;
	padding: 5px;
	border: thin silver solid;
}
div.figure img {
	margin-left:auto;
	margin-right:auto;
}

div.figure div {
	text-align: center;
	font-style: italic;
	font-size: 9pt;
	font-family: Arial, sans-serif;
	text-indent: 0;
}
div.figure p {
	text-align: center;
	font-style: italic;
	font-size: 9pt;
	font-family: Arial, sans-serif;
	text-indent: 0;
}

h2.left {
	clear:left;
}