body
{
	font-family: Arial, Helvetica;
	/*font-size: 100%;*/
	font-size: 1em;
	color: rgb(65, 82, 107);
	background-color: #2E3E20;
	margin: 0;
	padding: 0;
	background-image: url(images/kaback.jpg);
	background-repeat: repeat-y;
}
#logo { border:none; }
/* This menu was cool in that it replaced the need
 to create the "building directory" menus using
 graphics. It simply sizes a border and fills it
 in with a repeating single line graphic. Then,
 the links are made with ordinary paragraphs and anchors
*/
#menu
{
	position: absolute;
	left: 10px;
	top: 130px;
	height: 388px;
	width: 144px;
	border-style: ridge;
	border-color: rgb(127, 127, 127);
	background-image: url(MenuFill.jpg);
	background-repeat: repeat-y;
}
#menu p
{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: rgb(210, 230, 220);
	margin: 0px 0px 0px 15px;
}
#menu p.indent { margin: 0px 0px 0px 25px; }
#menu a
{
	/*display: block;*/
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: rgb(210, 230, 220);
	margin: 0px 0px 0px 0px;
}
#menucolumn
{
	position: absolute;
	left: 0px;
	top: 20px;
	width: 120px;
	padding: 10px;
}
/* This menu replaces the menu above. Visually the
 exact same, but now you don't have to pre-determine
 the height. The menu is sized merely be adding
 (or removing) paragraphs
*/
#sizeablemenu
{
	position: absolute;
	left: 10px;
	top: 130px;
	width: 152px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: rgb(210, 230, 220);
}
#sizeablemenu p.top
{
	height: 18px;
	background-image: url(images/MenuTop.jpg);
}
#sizeablemenu p
{
	background-image: url(images/MenuMiddle.jpg);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}
#sizeablemenu p.bottom
{
	height: 18px;
	background-image: url(images/MenuBottom.jpg);
}
#sizeablemenu p.indent { padding: 0px 0px 0px 25px; }
#sizeablemenu a
{
	/*display: block;*/
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: rgb(210, 230, 220);
	margin: 0px 0px 0px 0px;
}
#index_content
{
	position: absolute;
	left: 190px;
	top: 18px;
	width: 804px;
	height: 533px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/LocoNegative3.jpg);
}
#index_content p { color: rgb(255, 255, 255); }
#index_content h1
{
	color: rgb(255, 255, 255);
	/*font-size: 1.2em;*/
	font-size: 20px;
}
#index_content_header
{
	position: absolute;
	left: 25px;
	top: 20px;
}
#index_content_body
{
	position: absolute;
	left: 500px;
	top: 20px;
	width: 300px;
	font-size: 16px;
	font-weight: bold;/*text-align: justify;*/
}
#simplegallery1
{
	position: absolute;
	left: 480px;
	top: 310px;
	width: 300px;
}
#index_content_body p { margin: 0px 15px 15px 0px;/*background-color: rgb(100, 100, 200);*/
}
#index_content_footer
{
	position: absolute;
	left: 103px;
	top: 340px;
	color: rgb(50, 50, 50);
	/*font-size: 0.85em;*/
	font-size: 14px;
	text-align:center;
}
#index_page_footer
{
	position: absolute;
	left: 190px;
	top: 560px;
	width: 804px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	/*background-color: rgb(127, 140, 160);*/
	font-size: 12px;
}
#index_page_footer p
{
	display: inline;
	padding: 5px 5px 5px 5px;
	color: rgb(0, 0, 0);
}
#content
{
	position: absolute;
	left: 190px;
	top: 180px;
	width: 804px;
	padding: 0px 0px 0px 0px;/*background-color: rgb(200, 100, 50);*/
}
#content h1 { /*font-family: Times New Roman;*/
	/*font-size: 120%;*/
	font-size: 19px;/*color: rgb(55, 72, 97);*/
	/*color: rgb(222, 207, 206);*/
	
}
#content h2 { font-size:16px; }
#content h3 { font-size:14px; }
#content p.indent { margin: 5px 5px 20px 50px; }
#content h4.indent { margin: 5px 5px 5px 50px; }
#content p.floatleft
{
	width: 115px;
	float:left;
	/*text-indent: 20px;*/
	font-weight: bold;
	text-align: right;
	margin-right: 10px;/*text-indent:-8008px; */
	/*background:transparent url(team-report.gif) no-repeat 0 0; */
}
#content img.floatleft
{
	float: left;
	/*margin: 10px; */
 margin-right: 10px;
}
#content p.dec
{
	text-indent: 25px;
	text-align: justify;
	font-size: .9em;
	margin: 20px 50px 20px 50px;
}
#content p.dec_left
{
	font-size: .9em;
	text-align: justify;
	margin: 20px 50px 20px 50px;
}
#content p.dec_left_bold
{
	font-size: .9em;
	margin: 20px 50px 20px 50px;
	font-weight: bold;
}
#content p.dec_ctr
{
	text-align: center;
	margin: 0px 50px 0px 50px;
}
#content p.dec_ctr_bold
{
	text-align: center;
	margin: 0px 50px 0px 50px;
	font-weight: bold;
}
#content p.dec_ctr_large
{
	text-align: center;
	margin: 0px 50px 0px 50px;
	font-size: 1.3em;
	font-weight: bold;
}
#content p.dec_indent
{
	margin: 20px 100px 20px 100px;
	text-align: justify;
}
#content p.dec_dbl_indent
{
	margin: 20px 150px 20px 150px;
	text-align: justify;
}
#content p.dec_right
{
	margin: 20px 100px 20px 100px;
	text-align: right;
}
sup
{
	font-size: 0.75em;
	line-height: 0.5em
}
#home-featured-content
{
	background:#231828;
	width:300px;
	position:relative;
	left:494px;
	top: 330px;
	color:#fff;
	background:url(images/home-featured-content-middle.gif);
	text-align:center;
	font-weight:bold;
}
#home-featured-content-top
{
	background:url(images/home-featured-content-top.gif);
	height:4px;
	width:300px;
}
#home-featured-content-bottom
{
	background:url(images/home-featured-content-bottom.gif);
	width:300px;
	height:5px;
}
#home-featured-content-middle { padding: 15px; }
#home-featured-content h2
{
	color:#fff;
	font-size:14px;
	margin: 0 0 5px;
	text-align:center;
}
#home-featured-content p
{
	font-size:12px;
	margin:5px 0;
}
#home-featured-content a
{
	color:#D2E6DC;
	text-decoration:none;
	font-weight:bold;
}
#home-featured-content a:hover { text-decoration:underline; }

