/* ---------------------
	Title: Broadmark Capital - main screen stylesheet
	Filename: screen.css
	Author: One Pica Inc, Boston MA
	
	Table of Contents:
		Searchstring (Section Name)				Description
		
		=General (General Styles):				Set font sizes, Page backgrounds, link behaviors, etc
		=Master (Master #container Styles):		Placing, sizing, styling the main container
		=Branding (Branding Styles):			Logos, taglines, branding info
		=Nav (Navigation Styles):				The navigation bar; internal and external
		=Forms (Form Styles)					Set appearance of forms, inputs, buttons, etc
		=Multicol (Multi-Column Styles):		The cases where the content needs to be in multiple columns
		=Content (Content Styles):				The main content of the page
		...Further style sections go here...
		=Footer (Credit/Footer Styles):			The footer
		=Uni (Universal Styles):				Classes and elements that apply throughout ('clear', 'blue', etc)
	
	Common Color Table:
		White:									#FFFFFF
		Title Blue:								#6a8eab
		Tombstone Gray:							#e1e1e1
		Footer Gray:							#c0c0c0
		Text Gray:								#333333
		Highlight Yellow:						#deb00e

	
	Thanks To:
		CSS structure/commenting: http://www.huddletogether.com/2006/02/16/practical-web-development-tips/
		Markup structure: http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html
		Stylesheet searchstring flags: http://www.stopdesign.com/log/2005/05/03/css-tip-flags.html
---------------------- */

/* =General
---------------------- 
	General Styles applied to 'normalize' things
	Notes:
		'Em' styling generally following (http://www.clagnut.com/blog/348/) from this point 10px=1em, 11px=1.1em, etc
		100.01% font size from (http://www.communitymx.com/content/article.cfm?page=5&cid=FAF76)
		Beginning "global reset" styles, to clear troublesome browser defaults, 
		are based on (http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/) 
		Note that most form elements are omitted; style those separately, further down.
---------------------- */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}

/* Begin Actual Site Styles */
html {
	font-size: 100.01%; /* Ensures font consistency across browsers */
	height: 100%;
}
body {
	font-size: 10px; /* Sets base font-size for browsers that resize text correctly */
	line-height: 1.5; /* Sets base leading for lines of text */
	background: url('../images/bg/body_wide_bg.gif') center 0 repeat-y;
	font-family: Arial, sans-serif;
	height: 100%;
}
p {
	margin-bottom: 1.1em;
	margin-left: 20px;
	margin-right: 5px;
	line-height: 1.5;
}
div {line-height: 1.5}

input, select, th, td {font-size: 1em}

h1 {font-size: 2em} /* 24px */
h2 {font-size: 1.5em} /* 18px */
h3 {
	font-size: 1.4em;  /* 15px */
	font-weight: normal;
	color: #6a8eab;
	color:#999999;
	margin-bottom: 10px;
	margin-left: 20px;
} 
h4 {	
	font-size: 1em;
	font-weight: bold;
	color: #6a8eab;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-left: 20px;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 8px;
	margin-left: 20px;
}
h6 {
	font-size: 1em;
	margin-left: 20px;
}

strong {font-weight: bold}
em {font-style: italic}
sup {font-size: 50%; vertical-align: super;}

/* Basic link styles */
a, a:link {
	color: #6a8eab;
	text-decoration: underline;
}
a:visited {
	color: #6a8eab;
}
a:hover, a:active {
	color: #6a8eab;
	text-decoration: underline;
}
a:focus {
	outline: none; /* Removes dotted outline in Firefox */
}

/* =Master
---------------------- 
	Master Container
	Notes:
		margin: 0px auto; centers the container horizontally except in IE5, which is fixed in the body tag
---------------------- */
#container {
	position: relative;
	margin: 0px auto;
	padding: 0;
	width: 768px;
	height: 100%;
	font-size: 1.2em; /* 12px (based on value from body) */
	text-align: left; /* Normalize alignment; unfix all browsers from fix in IE stylesheet */
	background-color: #fff;
}

/* Skip link: This is the very first link anywhere on the page; by tabbing to it or 
	hitting accesskey 2, a user can skip the header/navigation of a page and go 
	directly to the page content. It is normally 'hidden' by being positioned far, 
	far off the page; bringing it into focus with Tab makes it visible. */
	#skiplink a {
		position: absolute;
		top: -1000px;
		left: -2000px;
	}
		#skiplink a:focus, #skiplink a:active {
			position: absolute;
			margin: 0;
			top: 0;
			left: 0;
			display: block;
			padding: 0;
			background: #000;
			color: #fff;
			font-weight: bold;
		}
		#skiplink a:hover {}

/* =Branding
----------------------
	Branding styles: Usually the logo and tagline
	Notes:
		Image replacement: Usually Phark Method (http://www.mezzoblue.com/tests/revised-image-replacement/)
---------------------- */
#branding {
	float: left;
	margin: 0 18px;
}
	#branding-logo {
		cursor: pointer;
		width: 132px;
		height: 116px; /* Set dimensions once here, and use 100% for all dimensions in both rules below */
		padding-bottom: 15px;
	}
		#branding-logo h1 {
			text-indent: -5000px;
			overflow: hidden;
			background: url('../images/branding/broadmark_logo.gif') 4px bottom no-repeat;
			width: 100%;
			height: 100%;
			padding: 0;
			margin: 0;
		}
			#branding-logo h1 a {
				display: block;
				width: 100%;
				height: 100%;
			}

/* =Nav
----------------------
	Navigation styles
	Notes:
		Navigation belongs in an UL tag with <ul><li><a></a></li></ul> as the markup scheme.
		Keep each of the below #elements as divs, and put the UL inside them
		If there's a Left-Hand navigation, use #nav-section, give it a width & float it left
---------------------- */
#nav {
	float: left;
	width: 168px;
	position: relative;
}
	ul#nav-main {
		width: 124px;
		margin: 14px 24px 0 20px;
		list-style: none;
	}
		ul#nav-main li {
			text-align: right;
			padding: 0px 2px;
			border-bottom: 1px solid #eaeaea;
		}
			ul#nav-main li.bottom {
				border-bottom: none;
			}
			ul#nav-main li a, ul#nav-main li a:link, ul#nav-main li a:visited {
				background-position: right center;
				background-repeat: no-repeat;
				height: 24px;
				display: block;
			}
				ul#nav-main li a:hover, ul#nav-main li a:active {}

				#nav-main a.home {
					background-image: url('../images/nav/home.gif');
				}
					#nav-main a.home_current, #nav-main a.home:hover {
						background-image: url('../images/nav/home_current.gif');
					}
				#nav-main a.services {
					background-image: url('../images/nav/services.gif');
				}
					#nav-main a.services_current, #nav-main a.services:hover {
						background-image: url('../images/nav/services_current.gif');
					}
				#nav-main a.banking {
					background-image: url('../images/nav/banking.gif');
				}
					#nav-main a.banking_current, #nav-main a.banking:hover {
						background-image: url('../images/nav/banking_current.gif');
					}
				#nav-main a.transactions {
					background-image: url('../images/nav/transactions.gif');
				}
					#nav-main a.transactions_current, #nav-main a.transactions:hover {
						background-image: url('../images/nav/transactions_current.gif');
					}				
				#nav-main a.team {
					background-image: url('../images/nav/team.gif');
				}
					#nav-main a.team_current, #nav-main a.team:hover {
						background-image: url('../images/nav/team_current.gif');
					}
				#nav-main a.news {
					background-image: url('../images/nav/news.gif');
				}
					#nav-main a.news_current, #nav-main a.news:hover {
						background-image: url('../images/nav/news_current.gif');
					}
				#nav-main a.contact {
					background-image: url('../images/nav/contact.gif');
				}
					#nav-main a.contact_current, #nav-main a.contact:hover {
						background-image: url('../images/nav/contact_current.gif');
					}

	#hover {
		position: absolute;
		left: 144px;
		top: 7px;
		display: none;
		z-index: 1000;
		width: 550px;
	}
		ul#nav-hover {
			width: 521px;
			list-style: none;
			float: left;
		}
			ul#nav-hover li {
				padding: 5px 2px 7px;
				background-color: #fff;
				border-bottom: 1px solid #eaeaea;
			}
				ul#nav-hover li.bottom {
					border-bottom: none;
				}
				ul#nav-hover li.border-top {
					padding: 0;
					margin-left: 23px;
					border-bottom: none;
					font-size: 1px;
					line-height: 1px;
					height: 7px;
					background: transparent url('../images/nav/hover_top_bg.png') 0 0 repeat-x;
				}
				ul#nav-hover li.border-bottom {
					padding: 0;
					margin-left: 23px;
					border-bottom: none;
					height: 29px;
					background: transparent url('../images/nav/hover_bottom_bg.png') 0 bottom repeat-x;
				}
				ul#nav-hover li a, ul#nav-hover li a:link, ul#nav-hover li a:visited {
					height: 10px;
					color: #e0e0e0;
					color:#CCCCCC;
					font-size: 0.9em;
					font-weight: normal;
					text-transform: uppercase;
					text-decoration: none;
					background: url('../images/icons/nav_a_icon.gif') 0 4px no-repeat;
					padding-left: 16px;
					padding-right: 13px;
				}
					ul#nav-hover li a.first, ul#nav-hover li a.first:link, ul#nav-hover li a.first:visited {
						background: url('../images/icons/nav_a_first_icon.gif') 4px 4px no-repeat;
						padding-left: 16px;	
					}
					ul#nav-hover li a.last, ul#nav-hover li a.last:link, ul#nav-hover li a.last:visited {
						padding-right: 0px;	
					}
					ul#nav-hover li a:hover, ul#nav-hover li a:active {
						color: #deb00e;
					}
				ul#nav-hover li.team { height: 37px; }
				ul#nav-hover li.team a { line-height: 2em; }
				ul#nav-hover li.team a.break { padding-left: 31px; background-position: 15px 4px; }
				ul#nav-hover li.news { display: none; }

		ul#border-right {
			width: 29px;
			list-style: none;
			float: left;
		}
			ul#border-right li {
				width: 100%;
				font-size: 1px;
				line-height: 1px;
				height: 25px;
				background: url('../images/nav/hover-right_right_bg.png') 0 0 repeat-y;
			}
				ul#border-right li.border-top {
					padding: 0;
					height: 7px;
					background: transparent url('../images/nav/hover-right_top_bg.png') 0 0 no-repeat;
				}
				ul#border-right li.border-bottom {
					padding: 0;
					height: 29px;
					background: transparent url('../images/nav/hover-right_bottom_bg.png') 0 0 no-repeat;
				}

	ul#nav-main li.hover, ul#nav-hover li.hover {
		background-color: #f0f3f6;
	}
	ul#border-right li.hover {
		background-image: url('../images/nav/hover-right_right_hover_bg.png');
	}


/* =Forms
----------------------
	Form styles
	Notes:
		A <p></p> should always enclose every label-input (or label-select) pair.
		Widths are in % to start, so that they scale, but they are the attributes most likely to change.
		Remember -- the IE stylesheet has different percentage widths to start.
---------------------- */
form {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}
	fieldset {
		border: 0px solid;
		padding: 0;
		margin: 0 0 1.4em 0;
	}
	form p {
		display: block;
		clear: both;
		margin: 0 0 0.4em 0;
		padding: 0;	
	}
		form label {
			display: inline;
			float: left;
			width: 35%;
			padding: 0 5% 0 0;
			margin: 0;
		}
		form input, form select, form textarea {
		   margin: 0;
		   padding: 0;
		   width: 59.2%; /* CLOSE to full width; use pixels for the real thing */
		   font-size: 1em;
		   border: solid 1px #999;
		   border-bottom-color: #ccc;
		   background-color: #fff;
		   font-family: Tahoma, sans-serif;
		}
		form input {height: 1.3em}
		form select {width: 59.5%; height: 1.5em}  /* Selects are not the same as inputs */
		form textarea {height: 6em}
		
		/* Radio buttons */
		form input.radio, form input.radiobtn {
			text-align: left;
			width: 1.3em;
			margin: 0.3em 0.2em 0 0;
			padding: 0;
			border: none;
			background: none;
		}
		form .radiotext {
			margin: 0 1em 0 0;
		}
		
		/* Check boxes */
		form input.ckbx, form input.checkbox {
			text-align: left;
			width: 1.2em;
			margin: 0.3em 0.2em 0 0;
			padding: 0;
			border: none;
			background: none;
		}
		
	form p.indent { /* For buttons or text that need to align with inputs/selects */
		margin-left: 40%;
	}
	form p.xspa { /* "extra space after" */
		margin-bottom: 2.0em;
	}
	form .req, form .required {
		color: red;
	}
	form input:focus {
		/* however we want the focused field to look */
	}
	form input.submit, button { /* There are lots of default values to fix */
		border: 3px double #999;
		border-top-color: #ccc;
		border-left-color: #ccc;
		padding: 1px 2px;
		background: #f6f6f6;
		color: #555;
		font-size: 0.9em;
		font-weight: bold;
		height: auto;
		width: auto;
		cursor: pointer;
		font-family: inherit;
	}
	form input.submit:hover, button:hover { /* IE6 can't see these, too bad */
		color: #fff;
		background-color: #ff0000;
	}
	form input.submit:active, button:active { /* Button 'feedback' behavior */
		border: 3px double #ccc;
		border-top-color: #999;
		border-left-color: #999;
	}
	
/* =Multicol
----------------------
	Multi-Column Content styles
	Notes:
		These columns should be used for text within #content.
		Values are in percentages to start off -- remember that the IE stylesheet has different values.
		If you need "pixel-perfect", you'll have to stop using percentages and use actual pixels
---------------------- */
.twoColumnLayout {
	width: 47%;
	float: left;
	clear: none;
}
	.twoColumnLeft {
		margin-right: 5%;
	}

	.contentColumnLeft, .contentColumnRight {
		float: left;
		width: 281px;
		margin: 15px 0 0 0;
	}
		.map {
			margin-top: 0;
			text-align: right;
			width: 301px;
		}

/* =Content
----------------------
	Main Content styles
	Notes:
		
		Font-size is inherited, so some math will be necessary to size child elements up or down correctly
---------------------- */
#content {
	float: left;
	width: 585px;
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 0.9em; /* Inherits 12px from #container */
	color: #333;
}
	#content-main {		 
	}
		#content-main.text-top {
			padding-top: 15px;
		}
		
	#content ul {
		margin-bottom: 15px;
		margin-left: 20px;
		list-style: none;
	}
		#content ul li {
			padding: 4px 8px 0 0;
			line-height: 1.6em;
		}
			#content ul.bullet li {
				background: url('../images/icons/li_icon.gif') 0px 8px no-repeat;
				padding-left: 12px;
			}
			
			#content ul.bullet2 li {
				background: url('../images/icons/li_icon.gif') 0px 8px no-repeat;
				padding-left: 12px;
				margin-left: 18px;
			}
			
			#content ul li a{
				background: url('../images/icons/link_icon.gif') 0px 5px no-repeat;
				padding: 3px 8px 0 17px;
				line-height: 1.3em;
				text-decoration:none;
			}
			#content ul li a:hover{
				background: url('../images/icons/link_icon_roll.gif') 0px 5px no-repeat;
				text-decoration:none;
			}
	#content ol {
		margin: 0 5px 15px 37px;
		padding: 0;
		list-style: decimal outside;
	}
		#content ol li {
			background: none;
			padding: 0;
			margin: 0 0 15px 0;
			line-height: 1.5;
		}

#title {
	float: left;
	width: 542px;
	height: 91px;
	background: #6a8eab url('../images/bg/title_blue_gradient.gif') 0 bottom repeat-x;
	position: relative;
	padding: 20px;
}
	#title #title-section {
		height: 8px;
		background-position: 0 0;
		background-repeat: no-repeat;
		display: block;
	}
		#title span.services {
			background-image: url('../images/headers/title_section_services.gif');
		}
		#title span.transactions {
			background-image: url('../images/headers/title_section_transactions.gif');
		}
		#title span.banking {
			background-image: url('../images/headers/title_section_banking.gif');
		}
		#title span.team {
			background-image: url('../images/headers/title_section_team.gif');
		}
		#title span.news {
			background-image: url('../images/headers/title_section_news.gif');
		}
		#title span.contact {
			background-image: url('../images/headers/title_section_contact.gif');
		}
	#title #title-text {
		position: absolute;
		left: 20px;
		bottom: 16px;
		background-position: 0 0;
		background-repeat: no-repeat;
		z-index: 200;
	}
		#title div.home {
			background-image: url('../images/headers/title_text_home.gif');
			width: 487px;
			height: 49px;
		}
		#title div.services {
			background-image: url('../images/headers/title_text_services.gif');
			width: 538px;
			height: 77px;
		}
			#title div.services.corporateservices { 
				background-image: url('../images/headers/title_text_services_corp.gif');
				width: 438px;
				height: 73px;
			}			
			#title div.services.equityfinance {
				background-image: url('../images/headers/title_text_services_equity.gif');
				width: 502px;
				height: 73px;
			}
		#title div.banking {
			background-image: url('../images/headers/title_text_banking.gif');
			width: 418px;
			height: 49px;
		}
		#title div.transactions {
			background-image: url('../images/headers/title_text_transactions.gif');
			width: 465px;
			height: 49px;
		}
		#title div.news {
			background-image: url('../images/headers/title_text_news.gif');
			width: 540px;
			height: 49px;
		}
		#title div.team {
			background-image: url('../images/headers/title_text_team.gif');
			width: 501px;
			height: 77px;
		}
		#title div.contact {
			background-image: url('../images/headers/title_text_contact.gif');
			width: 464px;
			height: 77px;
		}


	.tombstone-row-4-wide, .tombstone-row-4-wide a, .tombstone-row-4-wide a:link, .tombstone-row-4-wide a:visited, .tombstone-row-4-wide a:hover, .tombstone-row-4-wide a span {
		color: #707070;
		text-decoration: none;
	}
		.tombstone {
			background: url('../images/bg/tombstone_sm_nolink.gif') 0 0 no-repeat;
			width: 129px;
			height: 113px;
			padding: 6px 9px 9px 6px;
			margin: 0 3px 3px 0;
			float: left;
			text-align: center;
		}
			.tombstone-row-4-wide a.tombstone {
				background-image: url('../images/bg/tombstone_sm_linked.gif');
				display: block;
				cursor: pointer;
			}
				.tombstone-row-4-wide a.tombstone:hover {
					background-image: url('../images/bg/tombstone_sm_linked_roll.gif');
				}
			.tombstone-row-4-wide .end, .casestudy .end {
				margin-right: 0;
			}
			.tombstone img {
				display: block;
				margin: 0px auto 0 auto;
			}
			.tombstone-row-4-wide .tombstone span {
				display: block;
				width: 129px;
				text-align: center;
				line-height: 1.3em;
				margin-top: 0px;
			}
				.tombstone-row-4-wide .tombstone span.name {
					font-size: 1.1em;
					font-weight: bold;
					line-height: 1em;
					color: #6a8eab;
					width: 113px;
					height: 49px;
					padding: 20px 8px 0px;
				}

	.tombstone-row-2-wide, .tombstone-row-2-wide a, .tombstone-row-2-wide a:link, .tombstone-row-2-wide a:visited, .tombstone-row-2-wide a:hover, .tombstone-row-2-wide a span {
		color: #707070;
		text-decoration: none;
	}
		.tombstone-row-2-wide .tombstone {
			background: url('../images/bg/tombstone_lg_nolink.gif') 0 0 no-repeat;
			width: 276px;
			height: 243px;
			padding: 6px 9px 9px 6px;
			margin: 0 3px 3px 0;
			float: left;
			text-align: center;
		}
			.tombstone-row-2-wide a.tombstone {
				background-image: url('../images/bg/tombstone_lg_linked.gif');
				display: block;
				cursor: pointer;
			}
				.tombstone-row-2-wide a.tombstone:hover {
					background-image: url('../images/bg/tombstone_lg_linked_roll.gif');
				}
			.tombstone-row-2-wide .end {
				margin-right: 0;
			}
			.tombstone-row-2-wide .tombstone img {
				display: block;
				margin: 0px auto 0 auto;
			}
			.tombstone-row-2-wide .tombstone span {
				display: block;
				width: 276px;
				text-align: center;
				line-height: 1.5em;
				font-size: 1.6em;
				margin-top: 0px;
			}

/* Case Study Pages */
.casestudy {}
	.casestudy .tombstone {
		float: right;
	}
		.casestudy .tombstone img {
			margin-top: 12px;
		}
	.casestudy h4 {
		width: 70%;
		margin-bottom: 15px;
	}
	.casestudy p {
		width: 70%;
	}
		.casestudy p.ul {
			line-height: 2em;
			margin-bottom: 15px; 
			text-transform: uppercase;
			font-weight: bold;
			color: #8C8C8C;
		}
		.casestudy p span.gray {
			color: #ccc;
		}
		.casestudy p span.amount {
			color: #6a8eab;
		}
		.casestudy p span.type {
		}
	.casestudy img {
		float: right;
	}
	.casestudy div.hr {
		width: 70%;
		margin: 15px 0 15px 17px;
	}
			
/* News section */
#content .notopmargin {
	margin-top: 0;
	padding-bottom: 5px;
}
#content ol.news, #content ol.news span, #content ol.news a, #content ul.news, #content ul.news span, #content ul.news a {
	line-height: 1.5;
}
#content ul.news {
	margin: 0 5px 15px 20px;
	padding: 0;
}
	#content ul.news li {
		padding: 10px 0 0 12px;
		margin: 0 0 12px 0;
		background-position: 0 1.4em;
		border-top: solid 1px #ddd;
	}
	#content ul.news li.toplink {
		background: none;
		padding: 5px 0 5px 0;
	}

#content .news-content h4 {
	padding-top: 10px;
	border-top: solid 2px #ccc;
	margin-right: 5px;
}
	.news-title {
		display: block;
		font-weight: bold;
		xmargin: 0 0 0.3em 0;
	}
	.news-desc {
		display: block;
		xmargin: 0 0 0.3em 0;
	}
	.news-source {
		display: block;
		color: #888;
	}

/* Print Button */
#print-btn {
	position: absolute;
	top: 15px;
	right: 41px;
	width: 9.1em;
	height: 1.2em;
}
	#print-btn a, #print-btn a:link, #print-btn a:visited, #print-btn a:hover, #print-btn a:active {
		color: #B5C7D5;
		text-decoration: none;
		font-size: 0.92em;
		display: block;
		padding: 0 0 0.1em 17px;
		/*background: transparent url(../images/icons/printlink_icon.gif) 0 0.4em no-repeat;*/
		background: transparent url(../images/icons/link_icon_alt.gif) 0 0 no-repeat;
	}
	#print-btn a:hover, #print-btn a:active {
		background: transparent url(../images/icons/link_icon_alt_roll.gif) 0 0 no-repeat;
		/*text-decoration: underline;
		color: #fff;*/
	}

/* =Footer
----------------------
	Credit/footer styles: Usually the copyright/company info
	Notes:
---------------------- */
#siteinfo-container {
	margin: -70px auto 0;
	width: 770px;
	height: 70px;
	clear: both;
}
	#siteinfo {
		position: relative;
		margin-left: 168px;
		width: 582px;
		height: 100%;
		background: #c0c0c0 url('../images/bg/footer_bg.gif') 0 0 repeat-x;
		font-size: 1em;
		color: #fff;
	}
		#siteinfo-squares {
			position: absolute;
			left: 20px;
			top: 20px;
			width: 13px;
			height: 6px;
			background: url('../images/bg/footer_squares.gif') 0 0 no-repeat;
			z-index: 100;
		}
		#siteinfo-legal { /* Usually the copyright notice */
			position: absolute;
			left: 20px;
			bottom: 16px;
			z-index: 101;
		}
		#siteinfo-links { /* Usually Terms, Privacy and Accessibility */
			position: absolute;
			right: 20px;
			bottom: 16px;
			text-align: right;
			z-index: 102;
		}
			#siteinfo-links a, #siteinfo-links a:link, #siteinfo-links a:visited {
				color: #fff;
				text-decoration: underline;
			}
				#siteinfo-links a:hover, #siteinfo-links a:active {
					text-decoration: none;
				}

/* =Uni
----------------------
	Universal styles: Styles that apply to elements found throughout the site
	Notes:
		The best example of this is the "clear" div
---------------------- */
.clear {clear: left}
.clear-right {clear: right}
.clear-both {clear: both}

.bold {font-weight: bold}
.em {font-style: italic}

div.hr {
	height: 1px;
	border-top: 1px solid #d0d0d0;
	font-size: 0;
	line-height: 0;
	margin-top: 17px;
	width: 99%;
}

a.icon {
	background: url('../images/icons/link_icon.gif') 0 0 no-repeat;
	padding-left: 17px;
	display: block;
	min-height: 14px;
	margin-bottom: 1em;
	color:#999999;
	text-decoration:none;
}
	a.icon:hover {
		background-image: url('../images/icons/link_icon_roll.gif');
	}

.image-float {
	float: right;
	margin: 0 3px 20px 20px;
}

.text-top {
	padding-top: 15px;
}

sup {
font-size:8px;
}