/* -----------------------------------------------
author: James Elliott
contact: http://www.jhames.com/design
----------------------------------------------- */

/* Layout */
@import url(layout.css);

/*	body
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #565656 url("../img/pattern-top.gif") repeat-x center top;
}

/*	site
----------------------------------------------- */
#site {
	margin: 31px 0px 0px 0px;
	padding: 0;
	border: 0;
	background: #fff url("../img/site-bkgd.gif") repeat-x center top;
	width: 100%;
}
.site {
	position: relative;
	margin: 0 auto;
	width: 845px;
	padding: 10px 0px 0px 0px;
	border: 0;
}

/*	application login tab
----------------------------------------------- */
#application-login {
	position: absolute;
	top: -29px;
	right: 23px;
	width: 163px;
	height: 29px;
	background: transparent url("../img/login-tab.gif") no-repeat;
}
.application-login {
	text-align: center;
	font-size:90%;
	font-weight: bold;
}

/*	navigation
----------------------------------------------- */
#navigation {
	position: absolute;
	top: 32px;
	right: 0;
	height: 24px;
	z-index: 99;
}

/*	main
----------------------------------------------- */
#main {
	width: 845px;
	margin: 0;
	margin-bottom: 25px;
	padding: 0;
	border: 0;
	overflow: hidden;
}
.main-top {
	width: 845px;
	height: 16px;
	background: transparent url("../img/main-shadow-top.png") no-repeat;
}
.main {
	padding: 1px 28px 1px 28px;
	width: 789px;
	background: transparent url("../img/main-shadow-bkgd.png") repeat-y top;
}
.main-btm {
	width: 845px;
	height: 22px;
	background: transparent url("../img/main-shadow-btm.png") no-repeat;
}
.main-dp {
	width: 789px;
	padding: 1px 28px 0px 28px;
	background: transparent url("../img/main-dplogo-bkgd.png") no-repeat bottom left;
}

/*	column-left
----------------------------------------------- */
#column-left {
	position: relative;
	float: left;
	width: 554px;
	margin: 0px 0px 25px 0px;
	padding: 0;
	border: 0;
}

/*	column-right
----------------------------------------------- */
#column-right {
	float: right;
	width: 266px;
	margin: 0px 0px 0px 25px;
	padding: 0;
	border: 0;
}

/*	content
----------------------------------------------- */
.content-top {
	width: 554px;
	height: 16px;
	background: transparent url("../img/content-shadow-top.png") no-repeat;	
}
.content-tabs-top {
	width: 554px;
	height: 36px;
	background: transparent url("../img/content-tabs-shadow-top.png") no-repeat;	
}
.content {
	padding: 1px 23px 1px 23px;
	width: 508px;
	background: transparent url("../img/content-shadow-bkgd.png") repeat-y top;
}
.content-btm {
	width: 554px;
	height: 22px;
	background: transparent url("../img/content-shadow-btm.png") no-repeat;
}

.tab1,
.tab2,
.tab3 {
	position: absolute;
	top: 6px;
	height: 31px;
	width: 170px;
	background: transparent url("../img/tab-off.gif") no-repeat;
	overflow: hidden;
}  

.tab1 {
	left: 8px;	
}
.tab2 {
	left: 180px;
}
.tab3 {
	left: 352px;
}

.selected_tab { background: transparent url("../img/tab-on.gif") no-repeat; }

#tab2,
#tab3 { display:none; }

/*	footer
----------------------------------------------- */
#footer {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: #565656 url("../img/pattern-btm.gif") repeat-x center top;
	overflow: hidden;
}
.footer {
	overflow: hidden;
	text-align: center;
	width: 604px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: #565656 url("../img/footer-tab.gif") no-repeat top;
}

/*	table
----------------------------------------------- */
#body {
	margin: 0px 0px 25px 0px;
	padding: 0;
	border: 0;
}