/* CSS Document */
/* McLaughlin Company web site */
/* started NEF 5/25/05 for Real Magnet, LLC */
/* latest draft NEF 6/14/05 */
/* adjusted for table-less use 6/23/05 */
/* updated 3/14/06 */
/* added css for speakers bureau 9/13/06 */

/* General layout presentation ------------------------------------------- */
body {
	margin: 10px 0 0 0; 
	padding: 0;
	text-align: center;
	font: 100.01% Verdana, Arial, sans-serif;
	color: #000;
	min-width: 700px; 
}
#skipnav {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -1000px;
}
#wrap {
	text-align: left;
	width: 700px;
	border: 2px solid #264B71;
	margin: 0 auto;
	background: #FFFFFF url(../images/wrapBG.gif) repeat-y;
}
/* The Box Model problem:  This uses the Tan hack to feed styles only to Internet Explorer. The first width compensates for IE 5's incorrect box model. The second width resets the value for IE Mac and IE 6 in standards mode. */
* html #wrap { 
         width: 704px; /* Add your width and measurement, such as pixels. */
         w\idth: 700px; /* Add your width and measurement, such as pixels. */
}
#leftsidebar {
	float: left;
	width: 178px;
	background: #0066CC;
	margin:0;
	padding: 0;
	display: inline;
}
#mainside {
	float: right;
	width: 522px;
	margin: 0;
	padding: 0;
	display: inline;	
}
#navbar {
	background-color: #0066CC;
	width: 522px;
	height: 22px; 
}
#headpic {
	border-bottom: 1px solid #CED5E1;
	width: 522px;
}
#logo-right {
	border-left: 1px solid #A6B3C9;
}
#logo-left {
	border-right: 1px solid #A6B3C9;
	width: 177px;
}
.pinstripebottom {
	background: #0066CC url(../images/macF2.gif) repeat-x;
	width: 700px;
	height: 22px;
}
#printfolio {
	display: none;
}
/* CONTENT styles ------------------------------------------- */
#content {
	background: #FFF;
	margin: 0;
	padding: 20px;
	font-size: .8em;
}
h1 {
	font: bold 1.7em Garamond, Georgia, "Times New Roman", serif;
	color: #394F5E;
	margin: 3px 0 6px 0;
	padding: 1px;
}
h1 span {
	padding: 0 0 0 0.2em;
	font-size: 0.8em;
}
h2 {
	font: bold 1.5em Garamond, Georgia, "Times New Roman", serif;
	color: #394F5E;
	margin: 15px 0 3px 0;
	padding: 1px;
}
h3 {
	font: bold 1.3em Garamond, Georgia, "Times New Roman", serif;
	color: #394F5E;
	margin: 10px 0 3px 0;
	padding: 1px;
}
h4 {
	font: bold 0.88em Verdana, Arial, sans-serif;
	margin: 4px 0 0 15px;
	color: #394F5E;
}
h5 {
	font: bold 0.99em Garamond, Georgia, "Times New Roman", serif;
	color: #394F5E;
	margin: 6px 0 0 0;
	padding: 1px;	
}
#content p.tagline {
	font: italic 1em Garamond, Georgia, "Times New Roman", serif;
	color: #394F5E;
	margin: 12px 0;
	padding: 1px;
}
#content p{
	margin: 3px 0 10px 0;
	padding: 0;
	font-size: 0.88em;
}
#content td, #content td p { font-size: 0.88em}
#content a, #content a:link, #content a:visited {
	color: #576C90;
	text-decoration: underline;
}
#content a:focus, #content a:hover {
	border-top: 1px dashed #576C90;
}
#content ul {
	list-style: square;
	margin: 0 0 12px 30px;
	padding: 1px;	
}
#content li {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 0.88em;
}
#content ul.linkers {
  margin: 0 0 0 10px;
  padding: 0;
  list-style: none;
}
#content .linkers li {
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../images/goldarrowR.gif) no-repeat 0px 4px;
	line-height: 1.4em;
}
/* Data defintion lists */
#content dl {
	margin: 0;
	padding: 0;
	font-size: 0.88em
}
#content dt {
	margin: 3px 0 4px 5px;
	padding: 1px;
	font-weight: bold;
	color: #666;	
}
#content dd {
	margin: 0 0 12px 15px;
	padding: 0;	
}
#content dd li {
	padding-top: 5px;
	font-size: 1em;
}
#content dd p {
	font-size: 1em;
}
/* The ever-useful Back to the Top link */
#gotop a:link, #gotop a:visited,
#gotop a:hover, #gotop a:focus {
	border: 0;
	text-decoration: none;
}
#gotop {
	margin: 15px 0;
}
/* Data table styles */
#content .index{
	margin: 15px 0; 
	border-bottom: 2px solid #CCC;
}
#content .index td {
	padding: 4px;
}
#content .index th {
	background: #EEE;
	border-bottom: 2px solid #CCC;
	border-top: 2px solid #CCC;
	font-weight: bold;
	font-size: 11px;
	padding: 6px;
}
.greyrow td { 
	background: #EFEFEF; 
	border-right: 1px solid #FFF;
}
#content .plaintable {
	border-top: 2px solid #CCC;
	margin: 15px 0; 
	border-bottom: 2px solid #CCC;
}
#content .plaintable td {
	padding: 4px;
}
#content p.tabletitle {
	text-align: center;
	margin: 10px auto;
	color: #333;
	font-weight: bold
}
/* Form styles */
#content form {
	margin: 10px 2px;
}
#content form p { 
	font-weight: bold; 
	margin: 10px 0 6px 0;
}
#content form div {
	margin: 10px 0 10px 25px;
}
.offset {
	width: 80%;
	border: 1px dashed #666;
	padding: 15px;
	margin: 20px 30px;
}
/* Styles useful for the Solutions Newsletter */
#content p.greyitalix {
	/* font-size: .9em; */
	font-style: italic;
	color: #666666;
	margin: 0 0 20px 0;
	padding: 1;
}
#content p.greyboldz {
	font-size: .9em;
	font-weight: bold;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #666;
}
#content .dropcap span {
	float: left;
	color: #FFF;
	font: bold 5em/0.95em Garamond, Georgia, "Times New Roman", serif;
	margin: 3px 3px 0px -3px;
	background-color: #0066CC;
  	border: solid #394F5E 2px;
	padding: 1px;
}
#content .sidebar {
	float: left;
	color: #394F5E;
	font: bold 1.3em Garamond, Georgia, "Times New Roman", serif;
	margin: 3px 3px 0px 0px;
	padding: 2px 2px 6px 0;
	width: 200px;
}
#content .sidebar2 {
	float: left;
	color: #394F5E;
	font: 1em Arial, Verdana, sans-serif;
	margin: 3px 10px 0px 0px;
	padding: 4px 4px 6px 4px;
	width: 275px;
	border: 1px solid #394F5E;
}
#content .sidebar2 h3 {
	font: bold 1.3em Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0 0 5px 0;
}
#content .sidebar2 td {
	font-size: 0.9em;
}
#content .sidebar2 td p {
	font-size: 1.05em;
}
#content .twolist {
	float: left;
	margin: 0 20px 5px 0;
	width: 210px;
}
#content p.caption {
	font-size: 9px;
	font-style: italic;
	text-align: center;
	margin: 5px 0 10px 0;
}
#content p.question { /* for FAQs */
	font-weight: bold;
	margin-top: 15px;
}
/* Index for an individual Solutions Newsletter */
#index {
	margin: 0 0 20px 0;
	padding: 6px 0;
	font-weight: bold;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
#index h2 {
	margin: 0 0 6px 0;
	padding: 0 10px;
	font-size: 1.1em;
}
#index p {
	margin: 0 0 3px 0;
	padding: 0 0 3px 24px;
	line-height: 1em;
	color: #394F5E;
	font-weight: bold;
}
#index a:link, #index a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #333;
}
#index a:focus, #index a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #507CAB;
	border-top: none;
}
#index ul {
	margin: 0 0 3px 28px;
	padding: 0 0 3px 30px;
	line-height: 1em;
	color: #023873;
	font-weight: normal;
}
#index li {
	margin: 0;
}

/* SPEAKERS BUREAU text/layout styles -------------------- */
div#content div.speaker { width: 460px; margin: 0.8em 0 1.2em 10px; border-top: 1px solid #999; padding: 10px 0; }
div#content div.speaker:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#content div.speaker div.spkrimage { width: 150px; margin: 4px 1em 0 0; float: left; display: inline; }
div#content div.speaker div.speakerinfo { width: 280px; margin: 0; float: right; display: inline; }
div#content div.speaker div.speakerinfo h2 { margin: 0 0 0.4em 0; }

/* NEWS styles ------------------------------------------- */
#news {
	background: #0066CC url(../images/mcNotesBG2.gif) repeat-x;
	color: #FFF;
	width: 148px;
	margin: 0;
	padding: 20px 15px;
	font: Verdana, Arial, sans-serif;
}
#news h2 {
	margin: 0 0 10px 0;
	padding: 1px;
	color: #FFF;
	font: bold 0.88em Garamond, Georgia, "Times New Roman", serif;
	text-align: center;
}
#news ul {
	list-style: square;
	color: #E2E9F1;
	margin: 3px 0 0 15px;
	padding: 0;
	font-size: 0.65em;
}
#news li {
	padding: 0 0 6px 0;
	line-height: 1.5em;
}
#news form a { 
	font-size: 10px; 
	font-weight: bold;
}
#news a, 
#news a:link,
#search a,
#search a:link {
	color: #EFEFEF;
	text-decoration: none;
}
#news a:focus, 
#news a:hover,
#search a:focus,
#search a:hover {
	color: #EFEFEF;
	text-decoration: underline;
}
#news ul a {
	display: block;
}
/* SEARCH, SUBSCRIPTION styles ------------------------------------------- */
#search, #subscription {
	background: #4690DA;
	margin: 5px 5px 15px 5px;
	padding: 10px;
	font: bold 9px Verdana, Arial, sans-serif;
	color: #394F5E;
}
#search form, #subscription form { margin: 0; padding: 0; }
#search form input, #subscription form input { 
	margin: 0 4px 0 0;
	padding: 0;
}
#search p, #news p, #subscription p {
	margin: 0 0 6px 0;
	color: #E2E9F1;
	font-size: 10px;
}

/* FOOTER styles ------------------------------------------- */
#footer {
	color: #394F5E;
	font: 0.7em Verdana, Arial, sans-serif;
	text-align: center;
	margin: 0 auto;
	padding: 40px 0 0 0;
	line-height: 1.7;
	width: 700px;	
}
#footer a, #footer a:link, #footer a:visited {
	color: #576C90;
	text-decoration: underline;
}
#footer a:focus, #footer a:hover {
	border-top: 1px dashed #576C90;
}
#footer p {
	margin: 0 0 5px 0;
	padding: 0;
}
/* Utility style(s) */
/* clears floats; apply to a paragraph or div after a bunch o' floats */
#clear {
	clear: both;
}