/* layout.css v1.1 02/02/09
author: david.healy@sac.co.uk */

/*layout elements*/

/*fixed-width centred wrapper*/
#wrapper {
	width:900px;
	padding:0 20px 10px 20px;
	margin:0 auto;
}

/*fluid-width wrapper*/
#fluid #wrapper {
	width:auto;
}

/*header*/
#header {
	height:40px;
	line-height:40px;
	margin:0 -20px;
	padding:0 20px;
}

#header a {
	line-height:40px !important;
}

/*style switcher*/
#styles {
	padding-right:20px;
	float:right;
	width:auto;
}

#styles span {
	padding-right:20px;
}

#header select, #header input {
	font-size:90%;
}

#search {
	float:right;
	width:auto;
}

#searchfield {
	width:160px;
}

#search span {
	margin-right:.5em;
}

/*banner*/
#banner {
	height:120px;
	position:relative;
	margin:0 -20px 20px -20px;
}

#logo {
	position:absolute;
	top:14px;
	right:20px;
}

#handheldlogo {
	display:none;
}

/*nav elements*/
#nav .tabbed a {
	font-weight:bold;
	background:none;
	padding-left:8px;
}

#nav ul {
	margin-bottom:0;
}

/*subnav elements*/
#subnav {
	float:left;
	line-height:130%;
	width:180px;
}

#subnav ul {
	list-style-type:none;
}

#subnav li {
	margin-bottom:.3em;
}

#subnav a {
	/*keeps multi-line link text from wrapping under bullet*/
	display:block;
}

#subnav li {
	padding-left:1.2em;
	background:url(../images/bullet.gif) no-repeat .3em .4em;
}

#subnav li.selected {	
	background:url(../images/bullet_dark_down.gif) no-repeat .3em .4em;
}

/*columns*/
.col-1 {
	width:25%;
}

.col-2 {
	width:50%;
}

.col-3 {
	width:75%;
}

.col-4 {
	width:100%;
}

.col-1, .col-2, .col-3 {
	float:left;
}

.col-1 .inner, .col-2 .inner, .col-3 .inner {
	margin-right:10px;
}

.col-4 .inner, .last .inner {
	margin-right:5px;
}

/*tabbed content elements*/
.tabbed {
	overflow:auto;
}

.tabbed li {
	float:left;
	padding:5px 13px 5px 5px;
	background:url(../images/featurebg.jpg) repeat-x top left;
	margin-right:1px;
}

.tabbed a {
	padding-left:13px;
	background:url(../images/bullet.gif) .3em .3em no-repeat;
}

.thistab a {
	background:url(../images/bullet_down.gif) .3em .4em no-repeat;
}

/*content to be parked offscreen*/
.skip {
	position:absolute;
	left:-1000em;
	width:auto;
}

/*breadcrumbs*/
.crumbs {
	font-size:100%;
	margin-bottom:1.5em;
}

.crumbs a {
	white-space:nowrap;
}

/*rules above/below*/
.ruleabove {
	margin-top:5px;
	padding-top:5px;
	border-top:1px solid #ddd;
}

.rulebelow {
	margin-bottom:.5em;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
}

/*info*/
.info {
	margin-top:-.5em;
	color:#aaa;
}

/*help cursor when hovering on acronyms*/
acronym {
	cursor:help;
}

/*calendar formatting*/
.calendar {
	margin-bottom:5px;
	padding-bottom:2px;
	border-bottom:1px solid #ddd;
}

/*bulleted content*/
.bullet, li {
	padding-left:1em;
	list-style-type:none;
	background:url(../images/bullet.gif) 0 .4em no-repeat;
}

/*paginated content*/
.pages ul {
	padding-left:0;
}

.pages li {
	padding:5px 5px 5px 0;
	background:url(../images/featurebg.jpg) repeat-x top left;
	float:left;
	margin-right:1px;}
	
.pages li a, .results li a {
	white-space:nowrap;
}

/*footer*/
#footer {
	clear:both;
	color:#ccc;
	text-align:center;
	padding-bottom:1em;
}

/*floating*/
.right {
	float:right !important;
}

.left {
	float:left !important;
}

/*clearing*/
.clear {
	clear:both;
}

br.clear {
	clear:both;
	height:0;
}

/*main images, thumb images */
.mainimage {
	border:1px solid #eee;
	float:left;
	padding:9px;
	margin:0 10px 10px 0;
}

/*partner logos*/
.partner img {
	margin:0 3px 1em 3px;
}

/*icons*/
.alert, .email, .form, .feed, .message, .missing, .printerfriendly, .doc, .pdf, .ppt, .xls, .url, .zip, .mp3, .txt, .mobile, .popup, .ics, .vcf, .user {
	padding:4px 0 4px 22px !important;
	background-position:0 0 !important;
	background-repeat:no-repeat;
}

.alert {
	background-image:url(../images/alert.gif) !important;
}

.email {
	background-image:url(../images/email.gif) !important;
}

.form {
	background-image:url(../images/form.gif) !important;
}

.feed {
	background-image:url(../images/feed-icon.gif) !important;
}

.message {
	background-image:url(../images/message.gif) !important;
}

.missing {
	background-image:url(../images/missing.gif) !important;
}

.printerfriendly {
	background-image:url(../images/printer.gif) !important;
}

.doc {
	background-image:url(../images/doc.gif) !important;
}

.pdf {
	background-image:url(../images/pdf.gif) !important;
}

.ppt {
	background-image:url(../images/ppt.gif) !important;
}

.xls {
	background-image:url(../images/xls.gif) !important;
}

.url {
	background-image:url(../images/url.gif) !important;
}

.zip {
	background-image:url(../images/zip.gif) !important;
}

.mp3 {
	background-image:url(../images/mp3.gif) !important;
}

.txt {
	background-image:url(../images/txt.gif) !important;
}

.mobile {
	background-image:url(../images/mobile.gif) !important;
}

.popup {
	background-image:url(../images/popup.gif) !important;
}

.ics {
	background-image:url(../images/ical.gif) !important;
}

.vcf {
	background-image:url(../images/vcard.gif) !important;
}

.user {
	background-image:url(../images/user.gif) !important;
}

#wrapper .icon li {
	background:none;
	padding-left:0;
	min-height:22px;
}

/*comments*/
.comment {
	background:#eee url(../images/comment.gif) bottom left no-repeat;
	padding:10px;
	margin-top:.5em;
}

.comment form {
	margin:0 0 10px 0;
}

.comment textarea {
	display:block;
	width:99%;
	height:6em;
	margin-bottom:10px;
}

/*overrides for print*/
@media print {
	body {
		font-size:9pt;
	}
	
	.hide {
		display:block;
	}
}