﻿body
{
	background: #000000 url(  'images/fading_background.gif' ) repeat-x fixed;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
}

img
{
	border: none;
}

.underline
{
	text-decoration: underline;
}


#container
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	margin-top: auto;
	width: 998px;
	height: auto;
	left: auto;
	right: auto;
	bottom: 0px;
}

#header
{
	position: absolute;
	text-align: center;
	width: 780px;
	height: 113px;
	margin-left: auto;
	margin-right: auto;
	left: 13%;
}

#logo
{
	position: absolute;
	left: 46%; /*	background-image: url('images/BACAL_Logo_3_SW.gif'); */
	z-index: 1;
	top: 68px;
	display: inline;
	width: 57px;
	height: 50px;
}

#navboxleft
{
	background: url(  'images/left_border.png' ) no-repeat left;
	width: 40px;
	height: 113px;
	left: 0%;
	position: absolute;
	display: inline;
}

#navboxmiddle
{
	background: url(  'images/middle_border.png' ) repeat-x center;
	width: 700px;
	height: 113px;
	left: 5%;
	position: absolute;
	display: inline;
}

#navboxright
{
	background: url(  'images/right_border.png' ) no-repeat right;
	width: 40px;
	height: 113px;
	left: 94.8%;
	position: absolute;
	display: inline;
}

a.button, a.button:visited
{
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	background-image: none;
	width: 100px;
	height: 30px;
	display: table-cell;
	background-repeat: no-repeat;
	text-decoration: none;
}
a.button:hover, a.button:active
{
	background-image: none;
}

a#button1, a:visited#button1
{
	background: url(  'images/button_index.png' );
}

a:hover#button1, a:active#button1
{
	background: url(  'images/button_index_b.png' );
}

a#button2, a:visited#button2
{
	background: url(  'images/button_previous.png' );
}

a:hover#button2, a:active#button2
{
	background: url(  'images/button_previous_b.png' );
}

a#button3, a:visited#button3
{
	background: url(  'images/button_next.png' );
}

a:hover#button3, a:active#button3
{
	background: url(  'images/button_next_b.png' );
}

a#button4, a:visited#button4
{
	background: url(  'images/button_previous_chapter_index.png' );
}

a:hover#button4, a:active#button4
{
	background: url(  'images/button_previous_chapter_index_b.png' );
}

a#button5, a:visited#button5
{
	background: url(  'images/button_next_chapter_index.png' );
}

a:hover#button5, a:active#button5
{
	background: url(  'images/button_next_chapter_index_b.png' );
}

a#button6, a:visited#button6
{
	background: url(  'images/button_this_chapter_index.png' );
}

a:hover#button6, a:active#button6
{
	background: url(  'images/button_this_chapter_index_b.png' );
}

a#roundbutton, a:visited#roundbutton
{
	background: url(  'images/BACAL_Logo_3_SW.png' );
	width: 57px;
	height: 50px;
}

a:hover#roundbutton, a:active#roundbutton
{
	background: url(  'images/BACAL_Logo_3_SW_b.png' );
	width: 57px;
	height: 50px;
}

#navbuttons
{
	text-align: center;
	position: absolute;
	left: 7%;
	top: 75px;
	z-index: 0;
}

#pagetrace
{
}

#applogo
{
	background: url(  'images/Header_transparent_278x44.png' );
	width: 278px;
	height: 44px;
	position: absolute;
	top: -15px;
	left: 60%;
	z-index: 2;
}

#breadcrumb
{
	position: absolute;
	font-family: Segoe UI;
	font-size: 9pt;
	padding-left: 0;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-top: 2em;
	left: 14%;
	top: 90px;
	display: block;
	color:Black;
}

p.title
{
	font-family: Segoe UI;
	font-size: small;
	color: #000000;
	letter-spacing: 3px;
	line-height: 90%;
	position: relative;
	top: 21px;
	left: 0px;
}

pre.code
{
	font-family: Courier New, Courier, monospace;
	font-size: small;
	background-color: #FFCC66;
	border: thin;
	border-style: groove;
	white-space: pre;
}

span.code
{
	font-style: normal;
	font-weight: lighter;
	color: #FFCC66;
	font-family: Courier New, Courier, monospace;
}

span.term
{
	font-style: italic;
	font-weight: lighter;
	color: #6666FF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1
{
	letter-spacing: 10px;
}

h4.topic
{
	border: thin solid #B3BDC1;
}

.heading1
{
	background: url(  'images/chapter_header.png' ) no-repeat;
	height: 30px;
	width: 700px;
	padding-top: 5px;
	padding-left: 10px;
	font-style: italic;
}

.highlight1
{
	background-color: #F5F5DC;
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
	border: thin inset;
}

#main
{
	position: relative;
	text-align: left;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
	padding-bottom: 18%;
	top: 120px;
}