/* !!! Layout DIVs.  These guys handle positioning of items in document.  NO SPACER GIFS  !!! */


		/* -X-X-X- Start Menu Bar Group -X-X-X- */
		/*
			This set overides specific settings.
			The rest comes from from .top-menu in css-main.css
		*/

div#top-menu-bar {
	background: url(images/button-bar-background.gif) repeat-x;
	height: 45px;
	overflow: none;
}
	div#top-menu-bar p {
		line-height: 45px;
	}
	/*  SET IN css-main.css
	div#top-menu-bar ul {
		div#top-menu-bar ul li {
		div#top-menu-bar ul li img {
	*/
		div#top-menu-bar ul li a {
			height: 32px;	/* full hight of parent element for clickable area, WHEEEEE! */
			padding: 1em 1em 0 1em;
		}
		div#top-menu-bar ul li a:hover {
			background: url(images/button-bar-inverse.gif) repeat-x;
		}

		/* -X-X-X- End Menu Bar Group -X-X-X- */

div#logo-bar {
	width: 995px;
	height: 100px;
	border-top: 1px solid #2c8dc2;
	background: #3fbaf5 url(images/logo-background-short.jpg) no-repeat ;
	position: relative;
}
	form#login-window-left {	/* left curves, and offset */
		width: 290px;
		height: 110px;
		background: url(images/login-box-left.gif) no-repeat;
		/* margins to offset this and all the contianed divs as well */
		margin-left: 675px;
		margin-top: 15px;
		z-index: 1;	/* ensure that element shows on top of nearby blocks */
		text-align: right;
		position: absolute;
		font-family: tahoma, sans-serif;
	}
	div#login-window-right {	/* inside left, exists just for right image */
		width: 290px;
		height: 110px;
		background: url(images/login-box-right.gif) 100% 0 no-repeat;
	}
	div#login-window-center {
		width: 246px;
		height: 110px;
		margin-left: 22px;	/* used to be offset, now is space for curved images */
		margin-right: 22px;
		background: url(images/login-box-center.gif) repeat-x;
		padding: 8px 0;	/* padding not needed on sides, left & right take care of that */
	}
		div#login-window-center .title {
			color: #5b5b5b;
			text-align: center;
			width: 100%;
		}
		div#login-window-center a {
			font-size: 14pt;
			color: #0000bb;
/*			color: #4b4b4b; */
			text-decoration: none;
		}
		div#login-window-center a:hover {
/*			color: #5b5b5b; */
			color: #3333ee;
			text-decoration: underline;
		}
		div#login-window-center span { /* keeps '&' consistent with links */
			color: #4b4b4b;
			font-weight: bold;
		}


div#mid-border {
	width: 995px;
	height: 30px;
	background: url(images/mid-border.gif) repeat-x;
}

div#main-content-area {
	/* block containing leftbox & right box. */
	/* width prevents right box from wrapping on smaller screens */
	width: 995px;
	height: 530px;	 /* height applies to both left & right boxes */
	background: #d7d7d7;
}

div#left-box {
	width: 775px;
	height: 100%; /* gets height from parent, #main-content-area */
	float: left;
}
	div#statement {
		width: 760px;
		padding: 6px;
		font-size: 11pt;
		color: #4a4a4a;
	}
		div#statement .dropCap {
			font-size: 2.7em;
			line-height: 1em;	/* saves excess white space below letter */
			color: #0003ac;
			float: left;	/* wraps text around big letter */
			padding-right: 2px;
			margin-top: -.2em;
			margin-bottom: -.2em;
		}
		div#statement img {
			float: left;
			padding: 5px;
		}
		div#statement em {
			font-weight: bold;
			font-style: normal;
		}

div.key-items {
	width: 258px;
	height: 270px;
	float: left;
	padding: 12px 0;
}
	div.key-items .key-items-top {
		width: 100%;
		height: 245px;
		background: url(images/key-point-top.png) no-repeat center;
	}
		div.key-items  .key-items-top .image {
			width: 100%;
			height: 130px;
			text-align: center;
			padding-top: 8px;
		}
		div.key-items  .key-items-top .bullets {
			width: 190px;
			margin-left: auto;
			margin-right: auto;
		}
		div.key-items  .key-items-top .bullets span {
			font-weight: bold;
			font-size: 11pt;
		}
		div.key-items  .key-items-top .bullets ul {
			margin: 0;
			padding-left: 1.5em;
			list-style-image: url(images/bullet-arrow.gif);
		}
	div.key-items .key-items-button {
		width: 100%;
		height: 25px;
		background: url(images/key-point-button-a.png) no-repeat top center;
	}
		div.key-items .key-items-button a {
			display: block;
			width: 100%;
			height: 100%;
			text-align: center;
			padding-top: 5px;
				text-decoration: none;
				font-family: Tahoma, sans-serif;
				font-weight: bold;
				font-size: 10pt;
				color: #4b4b4b;
		}
		div.key-items .key-items-button a:hover {
			background: url(images/key-point-button-b.png) no-repeat top center;
		}


div#right-box {
	width: 220px;
	height: 100%; /* gets height from parent, #main-content-area */
	float: left;
	clear: right;
	background-color: #FFCA07;	/* original, very strong*/
/*	background-color: #fee580;	/* kind of a week, acid yellowed paper look */
/*	background-color: #efd88c;	/* fleshy, khaki-ish, tan */
	font-size: 10pt;
	color: #4a4a4a;
}
	div#right-box h3 {
		color: #0003ac;
		text-align: center;
	}
	div#right-box img {
		float: left;
		padding: 5px;
		vertical-align: middle;
	}
	div#right-box p {
		padding: 5px;
	}
		div#right-box p.newsLink {
			text-align: center;
			font-size: 11;
		}
	div#right-box a {
		font-weight: bold;
		text-decoration: none;
		color: #4a4a4a;
	}
		div#right-box a:hover {
			text-decoration: underline;
		}
		div#right-box a.headline {
			font-size: 12pt;
		}