/* 
** bba_style.css
** 2005.03.15
** webslinger@genioso.com
** cascading style sheet for bba 
** 
** Disclaimer:
** You are likely reading this because you copied or downloaded this file.
** You are likely a webslinger and want juicy bits of code you can use.
** You may use what you like and can feel free to write and thank me.
** You should not think for one minute that I made up all this stuff myself.
** You understand that we all need to support each other's evolution as webslingers.
** "You always get what you pay for, and often forget to pay for what you get"
** Thanks to Sitepoint crew for great ideas and publications - www.sitepoint.com
*/

body {
color: #000000; /* Black */
background-color: #FFFFFF; /* White */
margin: 0px;
padding: 0;
font-size: 1em;
font-family:"Bookman Old Style"
}

h1 {
font-size: 1.2em;
margin: 0 0 10px 0px;
padding: 0;
color: #0000FF; /* blue */
}

h2 {
font-size: 1.1em
margin: 0 0 5px 0;
padding: 0;
color: #0000FF; /*  blue */
}

h3 {
font-size: 1em;
font-style: italic;
margin: 0 0 5px 0;
padding: 0;
color: #0000FF; /* blue */
}

/* link defaults */
a {
	color: #CCCCCC; /* Light Hard Blue */
	text-decoration: none;
}
a:link {
	color: #FFFFFF; /* dark blue */
}
a:visited {
	color: #FFFFFF; /* light blue */
}
a:hover {
	color: #CC9900; /* albero */
	background-color: #0000CC; /* Dark Hard Blue */
}


/* list items - general definition */
li {
list-style-type: square;
list-style-image: url("image/btn_bullet_info.gif");
}

.densetype {
font-size: .7em;
}

.error_flag {
color: #FF0000
}

.font_corsiva_large {
    font-family: "Monotype Corsiva";
    font-size: 26pt;
}
.font_corsiva_medium {
    font-family: "Monotype Corsiva";
    font-style: italic;
    font-size: 18pt;
}

/*
** ==============================================================
** Layout
** ==============================================================
*/

/*	border: 1px solid #cccccc; */

/* define specific zones within the page */
#zbackground {
	position: absolute;
	top: 150px;
	left: 150px;
	padding: 0px 0px 0px 0px;
}

/* define specific zones within the page */
#ztop {
	position: absolute;
	top: 0px;
	left: 160px;
	height: 100px;
	width: 800px;
	padding: 0px 0px 0px 0px;
}

#zlogo {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px 0px 0px 0px;
}

/* used for banner heading and log that appear to the right of the top icon */
.top_logo {
	position: absolute;
	left: 1px;
	top: 1px;
}

#zcredo {
	position: absolute;
	top: 100px;
	left: 150px;
	height: 15px;
	width: 800px;
	padding: 0px 0px 0px 0px;
}

#znavbtn {
	position: absolute;
	top: 140px;
	left: 0px;
	width: 150px;
	text-align: left;
	background-image:url(image/bkg_nav_dugout.gif)
}

/* navigation buttons */
.navbutton a  {
	color: #FFFFFF;
/* 	background-color: white; */
	display: block;
	font-family:"Arial";
	font-weight:bold;
	font-size: small;
	text-decoration: none;
	padding: 3px 0px 3px 8px;
	width: 145px;
	border-top: 1px solid #CC9966; /* light yellow */
}

button text color 
.navbutton a:visited {
	color: #FFFFFF; /* yellow */
}

.navbutton a:active {
	color: #FFFFFF; /* white */
}

.navbutton a:hover {
	color: #0000CC; /* albero */
	background-color: #FFFFFF; /* Dark Hard Blue */
}

#znavnote {
	position: absolute;
	top: 460px;
	left: 0px;
	width: 145px;
	text-align: left;
}

/* used for navigation notes */
.navnote {
	background-color: #CC9933; /* Albero */
	text-align: center;
	font-size: .7em;
	margin-top: 15px;
	padding: 5px 5px 5px 5px;
}

.navnote p {
	margin: 0px 0px;
}

/* zone for breadcrumbs */
#zbreadcrumb {
	position: absolute;
	font-style: italic;
	top: 100px;
	height: 25px;
	left: 150px;
	width: 650px;
}

.breadcrumb a:link {
	color: #666699;
	background-color: white;
	text-decoration: underline;
}

.breadcrumb a:visited {
	color: #0000CC; /* Dark Hard Blue */
	text-decoration: underline;
}

.breadcrumb a:active {
	color: #3333FF;
	text-decoration: underline;
}

.breadcrumb a:hover {
	color: #CCFFFF; /* Pale Weak Cyan */
	background-color: #0000CC; /* Dark Hard Blue */
	text-decoration: underline;
}

/* zone for page content */
#zcontent_bkg {
	position: absolute;
	top: 130px;
	left: 150px;
}

#zcontent {
	position: absolute;
	top: 136px;
	left: 149px;
	width: 650px;
	padding-left: 10px;
}

/* used for text and image components */
.content {
	background-color: #CC9933; /* CC9933;  Albero */
	padding: 5px 5px 5px 5px;
}

.content p {
	margin: 15px 0px;
}

.content_link {
	padding: 0px 0px 0px 10px;
}

/* list items - link definition */
.content_link li {
list-style-type: square;
list-style-image: url("image/btn_bullet_link.gif");
}


.thumb {
	margin: 5px;
}

/* used for extra content on right side of page */
.sidebar_right {
	float: right;
	margin: 0px;
	padding: 0px;
}

.sidebar_left {
	float: left;
	margin: 0px 10px;
	padding: 0px;
}


.footer {
	clear: both;
	padding: 5px;
	margin-top: 5px;
	text-align: center;
}