﻿/*Layout CSS*/
/* 
basic html structure is very simple...

<body>
	<div id="bd">
		<div id="hd">
			<h1>title</h1>
			<h2>Slogan</h2>
			<img />
		</div>
		<div id="contentwrap">
			<div id="main">Main Content</div>
			<div id="secondary">Secondary Content</div>
		</div>
		<div id="ft">Footer Content</div>
	</div>
</body>

*/
body 
{
	background:url(i/bodybg.png) repeat;
	padding-top:20px;
}
#hd
{
	width:992px;
	margin-left:-16px;
	margin-top:-25px;
	height:162px;
	background:url(i/hd.png) no-repeat;
	position:relative;
}
/*Faher image replacement in default theme*/

#hd h1, #hd h2{display:none;}
/* the header splash image*/
#hd img
{
	float:right;
	margin-top:20px;
	margin-right:1px;
	border:solid 2px #fff;
}

#bd,#ft
{
	width:975px;
	background:url(i/bd2.png) repeat-y;
	margin:0 auto;
	padding-right:5px;
	text-align:left;
	overflow:visible;
}
#bd
{
}

#ft
{
	height:92px;
	background:url(i/ft.png) no-repeat;
	vertical-align:text-bottom;
	font-size:85%;
	
}
/*email and telephone*/
#ft a,#ft span,#ft address
{
	display:block;
	margin-left:50px;
	float:left;
	margin-top:58px;
}
#ft address
{
	margin-left:105px;
}
#ft a
{
	margin-left:150px;
}
#ft span
{
	float:right;
	margin-right:85px;
}
/*copyright*/
#copyright
{
 font-size:65%;
 margin:0 auto;
 text-align:center;
 color:#FFF;
}
#contentwrap
{
	padding-left:120px;
	min-height:505px;
	
}
#main
{
	float:right;
	margin-top:4px;
	width:828px;
	padding:0 3px;
}
#secondary
{
	float:left;
	margin-left:-120px;
	width:132px;
	color:#fff;
	font-weight:bold;
	
}
#secondary blockquote
{
	text-align:center;
	margin-top:350px;
	padding:1px;
}
#logon
{
	position:absolute;
	bottom:0;
	right:0;
}
#updateprogress
{
    background-color: #EFEFEF; 
    border:solid 1px black; 
    padding:20px;
}
.usermessage
{
    display:none;
    background-color:#efb43c;
    border:solid 1px black;
    padding:5px;
}