/*===========================================================================
	Layout.css
===========================================================================*/

/* Defaults
===========================================================================*/
* {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

div.hr {
	margin-bottom: 8px;
	height: 1px;
	background-color: rgb(80, 80, 80);
}

div.hr hr {
	display: none;
}

/* Page Layout
===========================================================================*/

div#page {
	margin: 50px auto;
	width: 616px;
}

div#page div#content {
	border-style: solid;
	border-width: 1px;
	width: 100%;
}

/*
	Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
	http://www.tanfa.co.uk/archives/show.asp?var=300
*/

div#page div#content:after {
	content: ".";
	display: block;
	visibility: hidden;
	
	clear: both;
	
	height: 0;
}

div#page div#content {
	display: inline-block;
}

/* Hidden from IE-mac \*/
* html div#page div#content {
	height: 1%;
}

div#page div#content {
	display: block;
}
/* End hidden from IE-mac */

/* Primary Content
===========================================================================*/

div#content div#primary-content {
	position: relative;
	float: right;
	margin: 60px 10px 10px 12px;
	width: 390px;
}

div#primary-content div#instructions {
	position: absolute;
	top: -40px;
}

div#primary-content h3 {
	margin-bottom: 6px;
}

div#primary-content h3.group-title {
	position: relative;
	padding-left: 12px;
	background: transparent url('../images/navigation/arrow-dark-right.gif') no-repeat center left;
}

div#primary-content ul {
	margin: 0 0 21px 24px;
	list-style-type: none;
}

div#front-listing ul li {
	padding-left: 12px;
	background: transparent url('../images/navigation/arrow-dark-right.gif') no-repeat 0 4px;
}

div#front-listing ul li.no-icon {
	background-image: none;
}
* html div#front-listing ul li.no-icon {
	height: 1%;
}

div#front-listing ul li ul li {
	position: relative;
	background-image: url('../images/navigation/dash.gif');
	background-position: 0 7px;
}

dl dt {
	margin-bottom: 6px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 200px;
}

dl dd {
	margin-left: 12px;
}

dl dd.last-child {
	margin-bottom: 24px;
}

/* Forms
===========================================================================*/

form label {
	display: block;
	padding-bottom: .1em;
}

form input, form textarea {
	margin-bottom: .5em;
	border-style: solid;
	border-width: 1px;
}

form input.checkbox {
	margin-bottom: 0;
	border: none;
}

form p, form select {
	margin-bottom: .5em;
}

/* Sidebar
===========================================================================*/

div#content div#sidebar {
	float: left;
	width: 189px;
	height: 500px; /**/
	background: url('../images/gradient.jpg') repeat-x 0 60px;
}

/* Primary Navigation
===========================================================================*/

div#page ul#primary-nav {
	position: absolute;
	top: 20px;
	margin: 0 20px;
	width: 576px;
	list-style-type: none;
}

ul#primary-nav li {
	display: inline;
	float: right;
	padding-left: 10px;
}

ul#primary-nav li#extranet-image {
	float: left;
	padding-left: 0;
}