@charset "utf-8";
/*//////////////////////////////////////////////////////////////////////////////
	Modular CSS Document for SMWC.edu Concrete5 Template
	All normal pagetypes, includes styles for
	- Common
	- Header
	- Primary Navigation
	- Dropdown styles
	- Breadcrumb styles
	- Footer
	
   	Duplication of this website design is prohibited.
   	Design is © 2010 Saint Mary-of-the-Woods College.  All rights reserved.
   	Contact webmaster@smwc.edu for information or help.

 	Last Updated: 04/22/10
 	Revision 1.31 (Production) 
///////////////////////////////////////////////////////////////////////////// */

/*//////////////////////////////////////////////////////////////////////////////
	General styles
//////////////////////////////////////////////////////////////////////////////*/
body { 
	background: #65a1d7; 
	text-align: center;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	}
.hidden, li.hidden a, .hidden a:hover { display: none; color: #65a1d7 }		/* Used for skip navigation link */
.content-plus, .footer { background: #65a1d7 url('img/stripe2.png'); }		/* Striped background */
.main {
	width: 960px;
	text-align: left;
	background: #FFF;
	margin: 0 auto;
	position: relative;
	z-index: 0;																/* fixes IE compatible mode layout - I hate IE */
	overflow: auto;
	}
.wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	text-align: left;
	/*position: relative;*/
	}
.nooverflow { overflow: hidden }
.noborder, .noborder img {	border: 0;	}
.homepage-nav { position: relative }
.wrapper img {																/* Banner Images / Others - loader image */
	background: #666 url('img/ajax-loader.gif') no-repeat 50% 50%;
	}
.clear { clear: both; }

/*//////////////////////////////////////////////////////////////////////////////
	Bbreadcrumb navigation
//////////////////////////////////////////////////////////////////////////////*/
.emc2 { position: relative; }
.breadcrumb {
	width: 960px;
	position: absolute;
	top: -25px;
	left: 0px;
	z-index: 5;
	overflow: auto;
	opacity: 0.75;
		filter: alpha(opacity=75);
		-mos-opacity: 0.75;
		-khtml-opacity:.75;
		-ms-filter:"alpha(opacity=75)";
	}
.breadcrumb ul {
	padding: 0 10px;
	width: auto;
	height: 25px;
	margin: 0;
	list-style-type: none;
	float: left;
	background: #22282e;
	}
.breadcrumb li {
	float: left;
	width: auto;
	display: inline;
	margin: 0;
	padding: 5px 3px 5px 0;
	font: bold italic .70em Verdana, Arial, Helvetica, sans-serif;
	color: #888;
	}
.breadcrumb a, .breadcrumb a:visited {
	color: #236aff;
	font-style: normal;
	padding-right: 15px;
	}
.breadcrumb a:hover {
	color: #FFF;
	}
.breadcrumb a span.lightmenu {
	color: #236aff;
	float: none;
	}

/*//////////////////////////////////////////////////////////////////////////////
	Header 
//////////////////////////////////////////////////////////////////////////////*/
.utility-links {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
	float: right;
	width: auto;
	}
.utility-links li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	font: bold .80em Arial, Helvetica, sans-serif;
	width: auto;
	}
.utility-links a, .utility-links a:visited {
	color: #FFF; 
	text-decoration: none;
	display: block;
	padding: 5px 8px 6px;
	}
.utility-links a:hover {
	color:#002883;
	background: #F6F6F6 url('img/utility-block.gif') no-repeat 50% 100%;
	}

.header {
	width: 100%;
	height: 80px;
	background: #213d7a;
	border-top: 4px solid #3b6ca8;
	border-bottom: 4px solid #3b6ca8;
	text-align: center;
	}
.header .wrapper { background: #213d7a; }
.header a { color: #FFF; }
.header .wrapper a img, .header .wrapper img {
	border: 0;
	background: none;
	margin-left: 155px;
	float: left;	
	}
.header form {
	margin-top: 23px;
	margin-right: 5px;
	float: right;
	width: auto;
	}
.header form p {
	margin: 5px 0;
	padding: 0;
	}
	
.header input {
	border: 2px solid #CCC;
	background: #fff;
	color: #333;
	font: bold .8em Arial, Helvetica, sans-serif;
	padding-bottom: 1px;
	}
/* the following two styles work in conjunction with the javascript that sets focus on the search bar */
	.header input.text {
		color: #999;
		background: #FFF url("img/search-normal.gif") no-repeat 3px 52%;
		border: 1px solid #9c9c9c;
		padding: 2px 2px 4px 20px;
		text-align: left;
		width: 180px;
		}
	.header input.text.active {
		background: #FFF url("img/search-active.gif") no-repeat 3px 52%;
		border: 1px solid #0099d4;
		color: #5f95ef;
		font-weight: 700;
		}

	
/* logo-seal */
.logo-seal {
	width: 140px;
	font-size: .1em;
	margin-right: auto;
	margin-left: auto;
	display: block;
	position: relative;
	z-index: 50;																/* fixes IE compatible mode layout - I hate IE */v
	} 
.logo-seal a { position: absolute; left: -410px; top: 4px; z-index: 40; display: block;}
.logo-seal img { background: none; border: 0; }

/*//////////////////////////////////////////////////////////////////////////////
	Drop down navigation
//////////////////////////////////////////////////////////////////////////////*/
.navigation {
	background: #f9f6f6 url('img/navigation-background.gif') repeat-x 50% 50%;
	width: 960px;
	height: 1.65em;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 1px;
	z-index: 30;	/* fixes IE compatible mode layout - I hate IE */
	overflow:visible;															
	}

.navigation ul.menu {
	margin: 0 0 0 140px;			/*// Offset navigation from logo seal overlay */
	padding: 0;
	list-style-type: none;
	}
.navigation ul.menu#rightgroup {	/* Right side menu (About, Alumnae/i, Athletics, etc. */
	margin: 0;
	float: right;
	}
.navigation ul.menu li {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	width: auto;
	}
.navigation ul.menu h2, ul.menu h3 { /*// Headers are used for navigation importance */
	font-size: 1.0em;
	font-weight: normal;
	display: inline;
	margin: 0;
	padding: 0;
	}
.navigation ul.menu li h2 a, .navigation ul.menu li h3 a {
	float: left;
	width: auto;
	background: #f6f6f6;
	border-right: 2px solid #DADADA;
	padding: .35em .75em;
	display: block;
	color: #454545;
	text-decoration: none;
	font: bold .80em Arial, Helvetica, sans-serif;
	z-index: 20;
	}
.navigation ul.menu li h2 a:hover, .navigation ul.menu li h3 a:hover { background: #3b6ca8;	color: #FFF; }
/* Establish  hover color for tab when mouse cursor is in popup */
.navigation ul.menu li.hovering h2 a, .navigation ul.menu li.hovering h3 a { background: #3b6ca8; color: #FFF; }	
.navigation ul.menu div {
	display: none;					/*// Hide "drop-down" menu by default */
	}

.navigation ul.menu li.mega div {	/* Style for dropdown menu */
	border: 1px solid #3b6ca8;
	border-top: 5px solid #3b6ca8;
	width: 270px;
	position: absolute;
	z-index: 10;																/* fixes IE compatible mode layout - I hate IE */
	top: 1.55em;
	right: -110px;
	background: #f6f6f6;
	}
/* 
Transparent shadow effect is generated by a gif background controlled by this style
Changes in width will require the image to be changed 
*/	
.navigation ul.menu li.mega div span.background {
	position: absolute;
	bottom: -5px;
	left: -5px;
	background: transparent url('img/drop-down-background.gif') no-repeat 0 100%;
	z-index: -1;
	width: 280px;
	height: 100%;
	padding-bottom: 10px;
	opacity: 0.35;
		filter: alpha(opacity=35);
		-mos-opacity: 0.35;
		-khtml-opacity:.35;
		-ms-filter:"alpha(opacity=35)";
	}
	
/* This is the marketing point for each drop down (to the right of the list items) */
.navigation ul.menu li.mega div p.menu-info {
	padding: 0 2px;
	margin: 9px 5px;
	clear: none;
	font: italic .70em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.15em;
	color: #999;
	text-align: left;
	}
/* Used to drop under the list and menu-info so the menu-action and menu-other paragraphs align */
.navigation hr.clear {
	clear: both;
	margin: 0;
	padding: 0;
	color: #F6F6F6;
	height: 1px;
	border: 0;
	}
.navigation ul.menu li.mega div p.menu-note {
	text-align: center;
	padding: 2px 5px;
	margin: 0;
	font: normal .65em Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	}
.navigation ul.menu li.mega div p.menu-note a img {
	border: 1px solid #236aff;
	}
.navigation ul.menu li.mega div p.menu-other {
	clear: both;
	margin: 0;
	padding: 0;
	background: #3b6ca8;
	text-align: right;
	}
.navigation ul.menu li.mega div p.menu-other a {
	width: 230px;
	padding: 5px 30px 5px 10px;
	background: #3b6ca8 url('img/dropdown-arrow.gif') no-repeat 245px 7px;
	float: left;
	display: block;
	font: .70em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.30em;
	color: #FFF;
	text-decoration: none;
	}	
.navigation ul.menu li.mega div p.menu-other a:hover {
	background: #3b6ca8 url('img/dropdown-arrow.gif') no-repeat 245px -43px;
	text-decoration: underline;
	}
.navigation ul.menu li.mega div ul {
	margin: 5px;
	padding: 0px;
	float: left;
	width: 155px;
	list-style-type: none;
	}
.navigation ul.menu li.mega div ul li {
	margin: 1px;
	padding: 0px;
	display: block;
	font: .80em Arial, Helvetica, sans-serif;
	}
.navigation ul.menu li.mega div ul li.menu-small {
	font: .75em Arial, Helvetica, sans-serif;
	}
.navigation ul.menu li.mega div ul li.list-spacer {
	padding-bottom: 5px;
	border-bottom: 1px solid #DADADA;
	}
.navigation ul.menu li.mega div ul li a {
	float: right;
	clear: right;
	display: block;
	width: 145px;
	text-align: right;
	padding: 2px 0;
	}

.navigation ul.menu li.hovering div {
	display: block;
	}

.navigation ul.menu li.mega div a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

.navigation ul.menu li h3 a#donate {
	background: #74b304 url('img/navigation-donate-background.gif') repeat-x 50% 50%;
	color: #FFF;
	}
.navigation ul.menu li h3 a#donate:hover {
	background: #87c911;
	}
.shadow-one, .shadow-two { height: 1px; width: 960px; background: #CCC; float: left; clear: both; }
.shadow-two { background: #EEE; }

/*//////////////////////////////////////////////////////////////////////////////
	Footer 
//////////////////////////////////////////////////////////////////////////////*/

.media {
	background: #213d7a;
	text-align: center;
	}

.media h4 {
	text-indent: 0;
	padding: 0;
	margin: 20px 0 -1px;
	font: bold 1.5em Verdana;
	color: #6a83b4;
	line-height: 0.9em;
	text-align: center;
	border: 0;
	}
.media p {
	margin: 0 0 40px;
	padding: 0;
	}
.media img, .media a img {
	border: 0;
	background: transparent;
	display: inline;
	}
.media a { color: #FFF; }

.drivetoapply { 
	background: #f9f6f6; 
	border-top: 2px solid #CCC; 
	border-bottom: 2px solid #CCC; 
	}
.footerblock strong { font-variant: small-caps; color: #454545; }
.drivetoapply h4 {
	padding:  20px 20px 0;
	margin: 0;
	color: #545454;
	font: bold .9em "Lucida Sans Unicode","Microsoft Sans Serif",Verdana;
	}
.drivetoapply p {
	padding: 10px 0 5px 20px;
	margin: 0;
	float: left;
	display: inline;
	width: 220px;
	font: .80em "Lucida Sans Unicode","Microsoft Sans Serif",Verdana;
	color: #666;
	}
.drivetoapply p.clear {
	float: left;
	clear: both;
	width: 900px;
	padding-bottom: 20px;
	}
.footerblock {
	width: 275px;
	float: left;
	margin: 10px 0 10px 15px;
	padding: 10px;
	background: #FAFAFA;
	border: 2px solid #CCC;
	display: inline;
	font-size: .95em;
	color: #666;
	}
.contact {
	background: #213d7a;
	text-align: right;
	}
.contact p { 
	clear: both;
	margin: 15px;
	padding: 0;
	color: #6a83b4;
	font: .75em Arial, Helvetica, sans-serif;
	}
.contact a { color: yellow; }
.contact a:hover { color: #FFF; }
.contact a:visited { color: #FFFFCC; }

p.ft-contact {
	float: left;
	padding: 0;
	color: #FFF;
	clear: none;
	font-size: 1.0em;
	text-align: left;
	width: auto;
	line-height: 1.45em;
	}
.ft-contact strong { font-variant:small-caps;  font-size: 1.05em;}
p.ft-links {
	float: right;
	font: .75em Arial, Helvetica, sans-serif;
	line-height: 1.65em;
	margin-right: 30px;
	padding: 0;
	color: #6a83b4;
	clear: none;
	text-align: left;
	width: auto;
	}
a.report { float: left; width: auto; margin-right: 10px; }
a.c5link, a.c5link:visited { color: #6a83b4; }

/*//////////////////////////////////////////////////////////////////////////////
	Typography 
//////////////////////////////////////////////////////////////////////////////*/

.ccm-page-list { 
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	}
.ccm-page-list h2, h3, h4 {
	border: 0;
	}
.ccm-page-list-description {
	margin-bottom: 5px;
	}

.section-underline { border-bottom: 2px dotted #000; margin-bottom: 5px; }
/*//////////////////////////////////////////////////////////////////////////////
	Sidebar Blocks
//////////////////////////////////////////////////////////////////////////////*/
/* Styling for Related Pages and Information Blocks in the Sidebar */
/* ob = Other Block */
.ob {
	margin: 15px;
	background: #FAFAFA;
	border: 2px solid #CCC;
	clear: left;
	}
.main .ob h4 {
	margin: 0;
	padding: 2px 10px 3px;
	font: bold .7em Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url('img/navigation-background.gif') repeat-x 50% 50%;
	color: #666;
	border-color: #CCC;
	}
.ob h1, .ob h2, .ob h3, .ob h4 {
	padding: 10px 10px 5px;
	color: #666;
	}
.main .ob p {
	margin: 0;
	padding: 10px;
	line-height: normal;
	font: normal .80em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	}
.ob ul {
	margin: 0 5px 5px;
	padding: 2px 0 2px 20px;
	list-style-type: square;
	color: #999;
	}
.ob li {
	font: normal .7em Verdana, Arial, Helvetica, sans-serif;
	margin: 2px;
	}
.ob li a:hover { color: #000; }

p.infobox-title {
	font: normal .65em Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 5px;
	margin: 10px 16px 0;
	text-align: left;
	text-indent: 0;
	line-height: .8em;
	background: #ccc;
	color: #FFF;
	float: left;
	}
div.infobox {
	margin: 0 16px 6px;
	padding: 2px;
	border: 1px solid #CCC;
	background: #eee;
	clear: left;
	overflow: auto;
	}
div.infobox img { border: 0; }
/*//////////////////////////////////////////////////////////////////////////////
	Edit mode styles 
//////////////////////////////////////////////////////////////////////////////*/
span.area-width-notice { font: .70em Verdana, Arial, Helvetica, sans-serif; color: #999; margin: 4px 0 1px; display: block; padding: 2px; background: #FFF; }

/*//////////////////////////////////////////////////////////////////////////////
	Facebook
//////////////////////////////////////////////////////////////////////////////*/

/* Custom Facebox Code */
/* Call with rel="facebox[.bodywide]" */
#facebox .bodywide {
	width: 700px;
	padding: 10px;
	background: #FFF;
}
#facebox h1 {
	padding: 0 0 3px;
	margin: 0 0 12px;
	font: bold 1.65em Arial, Helvetica, sans-serif;
	color: #454545;
	clear: both;
	text-align: left;
	}
#facebox h2 {
	padding: 15px 0 5px;
	margin: 0;
	font: bold 1.20em Arial, Helvetica, sans-serif;
	color: #454545;
	clear: both;
	text-align: left;
	}
#facebox h3, #facebox h4 {
	padding: 8px 0 0;
	margin: 2px 0 0;
	font: bold 1.05em Arial, Helvetica, sans-serif;
	color: #454545;
	clear: both;
	margin-bottom: 5px;
	text-align: left;
	}
#facebox p {
	padding: 5px 0 15px;
	font: normal .95em Arial, Helvetica, sans-serif;
	line-height: 130%;
	margin: 0;
	color: #222;
	text-align: justify;
	}
#facebox ul, #facebox ol {
	margin: 0 20px 10px 15px;
	padding: 0 0 0 20px;
	font: normal .95em Arial, Helvetica, sans-serif;
	line-height: 130%;
	list-style-type: square;
	color: #333;
	}
#facebox ol { 
	margin: 0px 20px 10px 25px;
	padding: 0 0 0 20px;
	list-style-type: decimal;
	}
#facebox li {
	padding: 1px 3px;
	margin: 5px 0;
	}
#facebox blockquote {
	padding: 5px 15px 0;
	margin: 10px 10px 10px 30px;
	border-top: 3px solid #E3E3E3;
	border-left: 3px solid #E3E3E3;
	}
#facebox img.image-left, #facebox img.image-right { float: left; margin-right: 25px; margin-bottom: 10px; border: 2px solid #E6E6E6; padding: 2px; }
#facebox img.image-right {float: right; margin-right: 0; margin-left: 25px; }
#facebox .info {
	}
#facebox a.choose {
	border: 8px solid #F2F2F2;
	background: #FAFAFA;
	margin: 2px 0;
	padding: 10px;
	display: block;
	text-decoration: none;
	color: #333;
	}
#facebox a.choose:hover { border-color: #236aff; }
#facebox a.choose strong {
	font-size: 1.35em;
	text-decoration: underline;
	margin-bottom: 8px;
	color: #236aff;
	}

/* Original Facebox Code */
#facebox .b {
  background:url('../elements/facebox/b.png');
}

#facebox .tl {
  background:url('../elements/facebox/tl.png');
}

#facebox .tr {
  background:url('../elements/facebox/tr.png');
}

#facebox .bl {
  background:url('../elements/facebox/bl.png');
}

#facebox .br {
  background:url('../elements/facebox/br.png');
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 500px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .facebox-footer {
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/*//////////////////////////////////////////////////////////////////////////////
	Footer
//////////////////////////////////////////////////////////////////////////////*/
#socialbar {
	width:			960px;
	/*z-index: 		30;				 fixes IE compatible mode layout */
	overflow: 		visible;		/* Required to overlay the drop down menu */
	position:		relative;
	margin:			0 auto;
	padding:		0;
	background:		#213d7a;
}
	#socialbar p#oneseventy {
	width: auto;
	float: left;
	margin: 20px 20px;
	padding: 0;
	color: #FFF;
	font-weight: bold;
	font-style: italic;
	font-size: 1.15em;
	}
	#socialbar p#oneseventy a {
	text-decoration: none;
	color: #FFF;
	}
	
	.woodslink-link {
		float: right;
		width: 240px;
		margin-right: 20px;
	}
	#socialbar p#oneseventy a {
	text-decoration: none;
	color: #FFF;
	}
	
	#socialbar p#oneseventy em, #socialbar p#oneseventy a em {
	color: #6486d1;
	}
	
	#socialbar ul {
		width:			330px;
		float: right;
		overflow:		visible;
		margin:			0 20px 0 0;
		padding:		0;
		list-style-type:none;
	}
	#socialbar li {
		width: 			auto;
		position: 		relative;
		float:			left;
		margin: 		0 5px;
		padding: 		0;
	}
	#socialbar li h4 {
		margin:			0;
		padding:		0;
	}
	#socialbar li h4 a {
		background: 	#FFF;
		padding: 		5px;
		display: 		block;
	}
	#socialbar li img { border: 0; }
	#socialbar li div { 
		width: 			250px;
		position: 		absolute;
		bottom: 		50px;
		left: 			-75px;
		z-index: 		30;			/* fixes IE compatible mode layout */
		display:		none;	
		background:		#fff;
		text-align:		left;	
	}
	#socialbar li div img {
		position:		absolute;
		top:			-16px;
	}
	#socialbar li div ul {
		width:			100%;
		float:			none;
		overflow:		auto;
		display:		block;
		margin:			8px 0 0 0;
		padding:		0;
		list-style-type:none;
	}
	#socialbar li div li {
		display:		block;
		margin:			0 8px 8px;	
		border-bottom:	1px dashed #e4e4e4;
	}
	#socialbar li div li.last {
		border-bottom: 0;
	}
	#socialbar li div li a {
		width:			222px;
		float:			left;
		display:		block;
		padding:		5px;
		background:		#fff;
		color:			#666;
		font:			italic .70em Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	#socialbar li div li a strong {
		color: 			#236aff;
		font:			bold 1.20em Arial, Helvetica, sans-serif;
		text-decoration:underline;
	}
	#socialbar li div li a:hover strong { color: #213d7a; }
	
	#socialbar li div span.background {
		position:		absolute;
		top:			-21px;
		right:			-5px;
		bottom:			-5px;
		left:			-5px;
		z-index: 		-1;
		background: 	#3b6ca8;
		opacity: 		0.35;
			filter: 		alpha(opacity=35);
			-mos-opacity: 	0.35;
			-khtml-opacity: .35;
			-ms-filter:		"alpha(opacity=35)";
	}
	#socialbar li div span.background span {
		position:		absolute;
		top:			21px;
		right:			5px;
		bottom:			5px;
		left:			5px;
		z-index:		1;
		background:		#fff;
		opacity:		1;
			filter: 		alpha(opacity=100);
			-mos-opacity: 	1.00;
			-khtml-opacity: 1.0;
			-ms-filter:		"alpha(opacity=100)";
	}
	
		
	#socialbar li.hovering h4 a {
		background:		#3b6ca8;
	}
	
	#socialbar li.hovering div {
		display: 		block;
	}
#footer {
	background:		#f7f7f7;
	margin-bottom:	10px;
	padding-top: 5px;
}
#footer img {
	float: 			none;
}


#mapblock {
	width: 			60px;
	float:			left;
	margin:			15px 10px 10px 20px;
	text-align: 	center;
}
#mapblock p {
	margin: 		0;
	padding: 		0;
	font: 			normal .65em Arial, Helvetica, sans-serif;
}
#mapblock a, #mapblock a:visited {
	text-decoration:none;
	color: 			236aff;
}
#mapblock a img {
	text-decoration:none;
	border:			2px solid #236aff;
	margin:			0 auto 3px;
}
#footer p#address {
	width:			230px;
	float: 			left;
	margin:			13px 10px 10px 0;
	padding:		0;
	color:			#777;
	font:			normal .75em Arial, Helvetica, sans-serif;
}
#footer p.commonlinks {
	width:			293px;
	float:			right;
	margin:			10px 20px 10px 0;
	padding:		0;
	color:			#999;
	font:			normal .80em Arial, Helvetica, sans-serif;
	line-height:	1.8em;
	text-align:		left;
}
#footer p.commonlinks span {
	width:			100%;
	display:		block;
	margin-top: 	5px;
	color:			#999;
	border-bottom:	1px dotted #999;
	font:			normal .75em Verdana, Arial, Helvetica, sans-serif;
}
#footer p#copyright {
	width:			530px;
	float:			right;
	margin:			5px 20px 5px;
	padding:		0;
	color:			#999;
	font:			normal .70em Arial, Helvetica, sans-serif;
	text-align:		right;
	clear:			right;
}
#footer p#footerlinks {
	width:			300px;
	float:			left;
	clear:			both;
	margin:			5px 20px 5px;
	padding:		0;
	color:			#999;
	font:			normal .75em Arial, Helvetica, sans-serif;
}
#footer p#footerlinks a { white-space: nowrap; }
#footer p#signin {
	width: 			300px;
	float:			right;
	clear:			none;
	text-align:		right;
}
#footer p#signin a { color: #333; }