body
{
    background: url('../img/body-back.gif') left bottom repeat-x #ffffff
}

div.site
{
	position: relative;
	width: 920px;
	margin-left: auto;
	margin-right: auto
}

div.header
{
	position: relative;
	width: 920px;
	height: 412px
}

div.header div.logoshadow
{
	position: absolute;
	left: 0px;
	top: 95px;
	background-image: url('../img/logo-shadow.png');
	width: 280px;
	height: 26px
}

div.header a.logo,
div.header a.logo img
{
	display: block;
	width: 202px;
	height: 63px
}

div.header a.logo
{
	position: absolute;
	left: 24px;
	top: 27px
}

div.header ul.menu
{
	position: absolute;
	left: 0px;
	top: 103px;
	display: block;
	width: 920px;
	height: 38px;
	border-bottom: 5px solid #d3d3d3;
	background: url('../img/menu/back.gif') repeat-x;
	clear: both;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold
}

div.header ul.menu li
{
	float: right;
	display: inline;
	padding: 0px;
	line-height: 37px;
    color: #ffffff;
    margin: 0px;
    background: url('../img/menu/back-l.gif') no-repeat
}

div.header ul.menu li.first
{
    background: none
}

div.header ul.menu li.active
{
    background: url('../img/menu/back-active-l.gif') no-repeat
}

div.header ul.menu li.active.first
{
    background: url('../img/menu/back-active-first-l.gif') repeat-x
}

div.header ul.menu li a
{
    display: block;
    text-decoration: none;
	color: #ffffff;
    padding: 0px 20px 0px 20px;
    background: url('../img/menu/back-r.gif') no-repeat 100% 0%
}

div.header ul.menu li a:hover
{
	text-decoration: underline
}

div.header ul.menu li.active a
{
    background: url('../img/menu/back-active-r.gif') no-repeat 100% 0%
}

div.header ul.menu li.last a
{
    background: none
}

div.header div.labels
{
	position: absolute;
	right: 8px;
	top: 79px;
	width: 600px;
	height: 23px
}

div.header div.labels a
{
	float: right;
	display: inline;
	height: 23px;
	line-height: 23px;
	background: url('../img/headerlabel-r.gif') right top;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	padding-right: 20px;
	margin-left: 1px
}

div.header div.labels a:hover
{
	text-decoration: underline
}

div.header div.labels a span
{
	float: left;
	display: inline;
	width: 4px;
	height: 23px;
	background: url('../img/headerlabel-l.gif');
	overflow: hidden;
	margin-right: 16px
}

div.header div#projectdisplay
{
	position: absolute;
	left: 0px;
	top: 147px;
	width: 920px;
	height: 205px;
	overflow: hidden
}

div.header div#projectdisplay img
{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 920px;
	height: 205px;
	overflow: hidden
}

div.header div#projectdisplay img.border
{
	top: auto;
	bottom: 0px;
	height: 5px
}

div.header div.projectdisplayinfo
{
	position: absolute;
	left: 4px;
	top: 362px;
	width: 654px;
	height: 28px;
	line-height: 26px;
	border-top: 1px dotted #dbdbdb;
	border-bottom: 1px dotted #dbdbdb;
	padding-left: 27px;
	background: url('../img/displayinfo-arrow.gif') no-repeat 7px 10px;
	overflow: hidden
}

div.header div.projectdisplayinfo span.caption
{
	float: left;
	display: inline;
	width: 135px;
	height: 28px;
	font-weight: bold;
	color: #cc0000
}

div.header div.projectdisplayinfo div.projectinfo
{
	position: relative;
	float: left;
	display: inline;
	width: 500px;
	height: 28px;
	overflow: hidden;
	font-weight: bold
}

div.header div.projectdisplayinfo div.projectinfo div#projectinfo
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 500px;
}

div.header div.projectdisplayinfo div.projectinfo a
{
	display: block;
	background: url('../img/pixelarrow.gif') no-repeat right 11px;
	padding-right: 13px;
	color: #666666;
	text-decoration: none
}

div.header div.projectdisplayinfo div.projectinfo a:hover
{
	text-decoration: underline
}

div.header form.search
{
	position: absolute;
	left: 691px;
	top: 356px;
	display: block;
	width: 229px;
	height: 40px;
	overflow: hidden;
	background-image: url('../img/search.gif');
    margin: 0px
}

div.header form.search div
{
    float: left;
	display: inline;
    width: 185px;
    overflow: hidden;
    margin: 8px 0px 0px 8px
}

div.header form.search input
{
	border: 0px;
	display: block;
	padding: 4px 3px 4px 3px;
	width: 179px
}

div.header form.search button
{
	float: left;
	display: inline;
	width: 25px;
	height: 25px;
	background-image: url('../img/searchsubmit.gif');
	border: 0px;
	margin-left: 5px;
	margin-top: 7px;
	cursor: pointer
}

div.header form.search button span
{
	display: none
}

div.header form.search button:hover
{
	background-position: 0px -25px
}

div.columns
{
	clear: both;
	overflow: hidden
}

div.columns div.left
{
	float: left;
	display: inline;
	width: 233px;
	border-right: 1px dotted #dddddd
}

div.columns div.mid
{
	float: left;
	display: inline;
	margin-left: 4px;
	width: 446px;
	margin-right: 4px
}

div.columns div.mid.paddlr
{
	width: 427px;
	padding-left: 19px
}

div.columns div.mid.banner
{
	background: url('../img/banner.gif') no-repeat;
	padding-top: 87px
}

div.columns div.mid h1
{
	color: #cc0000;
	border-bottom: 1px dotted #dddddd;
	padding-top: 6px;
	padding-bottom: 4px;
	margin: 0px 13px 20px 0px
}

div.columns div.mid h2
{
    margin: 25px 0px 12px;
    clear: right
}

div.columns div.mid h2 a
{
    color: #000000;
    text-decoration: none
}

div.columns div.mid h2 a:hover
{
    text-decoration: underline
}

div.columns div.mid p
{
	padding-right: 59px
}

div.columns div.mid a.readmore
{
    margin-right: 59px;
	padding-right: 10px;
	background: url('../img/bullit.gif') no-repeat right 5px;
    float: right;
    display: inline;
    font-size: 9px;
    height: 40px
}

div.columns div.right
{
	float: left;
	display: inline;
	border-left: 1px dotted #dddddd;
	padding-left: 4px;
	width: 227px
}

div.footer
{
	clear: both;
	height: 159px;
	background: url('../img/footerstart.gif') no-repeat left top
}

div.footer a.print
{
	display: block;
	line-height: 45px;
	background: url('../img/print.gif') no-repeat right center;
	font-size: 9px;
	color: #999999;
	text-align: right;
	padding-right: 21px;
	margin-right: 41px;
	text-decoration: none
}

div.footer a.print:hover
{
	text-decoration: underline
}

div.footer div.menu
{
	color: #666666;
	text-align: center;
	padding-top: 33px
}

div.footer div.menu a
{
	color: #666666;
	text-decoration: none
}

div.footer div.menu a:hover
{
	text-decoration: underline
}

div.borderbox
{
	width: 229px;
	background: url('../img/box/body.gif') no-repeat left bottom;
	padding-bottom: 5px;
	margin-bottom: 23px
}

div.borderbox h3
{
	width: 216px;
	height: 24px;
	overflow: hidden;
	background-image: url('../img/box/header.gif');
	font-weight: bold;
	color: #cc0000;
	padding-left: 13px;
	line-height: 23px;
	margin-bottom: 5px
}

div.borderbox div.image
{
	position: relative;
	width: 217px;
	height: 75px;
	overflow: hidden;
	margin-left: 6px;
	margin-bottom: 14px
}

div.borderbox div.image img
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 217px;
	height: 75px;
	display: block
}

div.borderbox div.image div.overlay
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 217px;
	height: 26px;
	background-image: url('../img/box/imageoverlay.png')
}

div.borderbox h4
{
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 3px
}

div.borderbox p,
div.borderbox ul
{
	margin-left: 13px;
	margin-right: 13px
}

div.borderbox ul
{
    margin-top: 10px;
    list-style-image: none
}

div.borderbox ul li
{
	background: url('../img/box/checkbox.gif') no-repeat;
	line-height: 22px;
	padding-left: 29px;
    margin-left: 0px;
	margin-bottom: 8px;
    list-style-image: none
}

div.borderbox ul li a
{
    color: #000000;
    text-decoration: none
}

div.borderbox ul li a:hover
{
    text-decoration: underline
}

div.borderbox dl
{
	margin: 15px 0px 15px 13px
}

div.borderbox dl dd
{
	padding-bottom: 10px
}

div.borderbox dl dd a
{
	color: #000000;
	font-weight: bold;
    width: 200px;
    height: 12px;
    overflow: hidden
}

div.borderbox dl.news
{
}

div.borderbox dl.news a
{
	display: block
}

div.borderbox dl.news div.posted
{
	color: #cccccc;
	padding-top: 3px
}

div.borderbox div.newsnavigation
{
	clear: both;
	overflow: hidden;
	height: 30px;
	font-size: 9px
}

div.borderbox div.newsnavigation a.new
{
	float: left;
	display: inline;
	margin-left: 15px;
	padding-left: 10px;
	background: url('../img/bullit.gif') no-repeat 0px 5px
}

div.borderbox div.newsnavigation a.old
{
	float: right;
	display: inline;
	margin-right: 15px;
	padding-right: 10px;
	background: url('../img/bullit.gif') no-repeat right 5px
}

div.borderbox a.button
{
	display: block;
	color: #ffffff;
	font-weight: bold;
	width: 165px;
	height: 24px;
	background-image: url('../img/box/button.gif');
	line-height: 23px;
	text-decoration: none;
	padding: 0px 29px 0px 10px;
	margin-left: 13px
}

div.borderbox a.button:hover
{
	background-position: 0px -24px
}

div.box
{
	padding-bottom: 20px;
	
}

div.box.spacetop
{
	margin-top: 20px
}

div.box h3
{
	color: #cc0000;
	border-bottom: 1px dotted #dddddd;
	padding-left: 11px;
	line-height: 23px
}

div.box h4
{
	margin: 20px 0px 5px 11px
}

div.box p
{
	margin: 0px 20px 0px 11px
}

div.box a.readmore
{
	display: block;
	margin-left: 11px
}

div.box a.more
{
	display: block;
	color: #666666;
	background: url('../img/pixelarrow.gif') no-repeat right center;
	padding-right: 18px;
	margin: 20px 20px 0px 11px
}

div.box ul
{
	margin: 20px 0px 0px 11px;
	font-weight: bold;
	line-height: 14px
}

div.mid dl.products dd h2
{
    margin: 16px 10px 8px 10px;
    padding: 0px;
    color: #cc0000;
    font-size: 11px
}

div.mid dl.products dd h2 a
{
    color: #cc0000;
    text-decoration: underline
}

div.mid dl.products dd h2 a:hover
{
    text-decoration: none
}

div.mid dl.products dd p
{
    font-weight: bold;
    margin: 0px 10px 0px 10px;
    padding: 0px
}

div.mid dl.products
{
    width: 434px;
    overflow: hidden
}

dl.listing
{
    padding-bottom: 20px
}

dl.listing dt
{
    width: 146px;
    height: 22px;
    line-height: 20px;
    overflow: hidden;
    display: block;
    background-image: url('../img/blue-header.gif');
    color: #ffffff;
    padding-left: 13px;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 8px;
    cursor: pointer
}

dl.listing dt a
{
    color: #ffffff;
    text-decoration: none
}

dl.listing dt a:hover
{
    text-decoration: underline
}

dl.listing dt a span
{
    display: none
}

dl.listing dd,
div.borderbox dl.listing dd
{
    padding: 0px
}

div.borderbox dl.listing dd div
{
    padding: 2px 0px 10px 0px
}

dl.listing dd div a,
div.borderbox dl.listing dd div a
{
    display: block;
    color: #cc0000;
    background: url('../img/red-arrow.gif') no-repeat 0px 7px;
    padding-left: 15px;
    margin-left: 13px;
    line-height: 20px;
    height: auto;
    width: 180px
}

ol.searchresults li
{
    padding-bottom: 12px
}

ol.searchresults li a
{
    font-weight: bold;
    padding-right: 10px
}

ol.searchresults li span
{
    color: #808080;
    padding-left: 10px
}