@charset "UTF-8";
/* CSS Document */

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		font-size:12pt; line-height:14pt; font-family:Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
		background: #fff;
		color: #333;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 50px; line-height: 52px; margin-bottom: 12px; letter-spacing:-1px;}
	h2 { font-size: 28px; line-height: 30px; margin-bottom: 8px; letter-spacing:-1px; }
	h3 { font-size: 22px; line-height: 25px; margin-bottom: 8px; }
	h4 { font-size: 20px; line-height: 22px; margin-bottom: 4px; }
	h5 { font-size: 16px; line-height: 18px; }
	h6 { font-size: 14px; line-height: 16px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { xfont-family:"Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: bold; color: #666; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { xfont-size: 17px; xline-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: none; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; margin-top:-10px;}
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


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

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

	.sb_wrapper {width: 210px;}
    
	input[type=text].sb_bar{
    width: 166px;padding:6px 4px 6px 12px;margin:6px 0 0 0;background:#CCC;font-size:14px;border:none;
	-webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;    
    -webkit-box-shadow: inset 0px 1px 0 #222; -moz-box-shadow: inset 0px 1px 0 #222; box-shadow: inset 0px 1px 0 #222; 
    border-bottom: 1px solid rgba(255, 255, 255, .1);float: left;}

	input[type=text]:focus.sb_bar{
    outline: none;background: white;box-shadow: none;border-bottom-color: transparent;}

	input[type=submit].sb_btn {
	text-indent: -9999em;float: right;border: 0;position: absolute;margin: 6px 0 0 7px;	width: 30px;height: 30px;
	background:url('/images/site/search_icon30.png') no-repeat 0 0;}

	input[type=submit]:focus.sb_btn, input[type=submit]:hover.sb_btn {border: 0;}

	input[type=submit]:hover.sb_btn, input[type=submit]:focus.sb_btn {
	background:url('/images/site/search_icon30.png') no-repeat 0 -30px;width: 30px;height: 30px;}

	[placeholder]:focus::-webkit-input-placeholder {transition: opacity 0.5s 0.5s ease; opacity: 0;}
	[placeholder]:focus::-input-placeholder {transition: opacity 0.5s 0.5s ease; opacity: 0;}
	[placeholder]:focus::-mozilla-input-placeholder {transition: opacity 0.5s 0.5s ease; opacity: 0;}
	
	::-webkit-input-placeholder {color:#333;}
	:-moz-placeholder { /* older Firefox*/ color:#333;}
	::-moz-placeholder { /* Firefox 19+ */ color:#333;} 
	:-ms-input-placeholder { color:#333;}


/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

	

/*RSS Page*/	
.homehead h1 {
	clear: both;
}

/* BASE STYLES */

a {color:#0077cc; text-decoration:none;}
a:visited {color:#0077cc;}
a:link {color:#0077cc;}
a:hover {color:#C00; text-decoration:none;}
.break {font-size:1px;line-height:0px;}

.pad0 {padding: 0px;margin: 0px;top: 0px;}
.pad1 {padding: 1px;margin: 0px;top: 0px;}
.pad2 {padding: 2px;margin: 0px;top: 0px;}
.pad3 {padding: 3px;margin: 0px;top: 0px;}
.pad4 {padding: 4px;margin: 0px;top: 0px;}
.pad6 {padding: 6px;margin: 0px;top: 0px;}
.pad8 {padding: 8px;margin: 0px;top: 0px;}
.pad10 {padding: 10px;margin: 0px;top: 0px;}
.pad12 {padding: 12px;margin: 0px;top: 0px;}
.pad14 {padding: 14px;margin: 0px;top: 0px;}
.pad16 {padding: 16px;margin: 0px;top: 0px;}
.pad18 {padding: 18px;margin: 0px;top: 0px;}
.pad20 {padding:20px;margin: 0px;top: 0px;}

.mainHeads {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:160%; line-height:110%; color:#777; margin-top:2px;}
#mainHeads {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:160%; line-height:110%; color:#777; margin-top:2px;}

/* article styles */
#articleLeft {color:#222; xborder-top:1px dotted #CCC; xborder-right:1px dotted #CCC; width:682px; margin:-6px 4px 0px 0px; padding-top:6px; float:left;}
#articleRight {color:#222; width:300px; margin-top:-6px; float:left;}
#articleHed {font-family:Georgia, "Times New Roman", Times, serif; font-size:28pt; line-height: 30pt; color:#000; margin-bottom:3px; letter-spacing:-1pt;}
#articleSummary {font-family:Georgia, "Times New Roman", Times, serif; font-size:16pt; line-height: 20pt; color:#666; margin-left:4px;}
#articleByline {font-family:Georgia, "Times New Roman", Times, serif; font-size:16pt; line-height: 20pt; color:#990000; margin-top:4px;}
#articleImage {margin:-4px 0px 6px 0px;}
.photoCredit {font-family:Arial, Helvetica, sans-serif;font-size:7pt; line-height: 9pt; color:#999; margin-top:-2px; margin-bottom:4px; text-align:center;}
.photoCaption {font-family:Arial, Helvetica, sans-serif; font-size:10pt; line-height: 13pt; color:#666; margin-top:6px; padding-right:24px;}
#topicHed {font-family:Georgia, "Times New Roman", Times, serif; font-size:18pt; line-height: 22pt; margin-bottom:3px;}
#rbrtopicHed {font-family:Georgia, "Times New Roman", Times, serif; font-size:14pt; line-height: 16pt; margin-bottom:2px;}

#redHeading 		{font-family: "Playfair Display", "Georgia", "Times New Roman", serif; font-weight: normal; color:#990000;}
#redHeading h2 		{font-family: "Playfair Display", "Georgia", "Times New Roman", serif; font-weight: normal; color:#990000;}
.quicklookbox h2 a #redHeading 	{color:#069; font-size:80%;}
.quicklookbox h2 a div			{padding:2px 2px 3px 6px;}
.quicklookbox h2 a div:hover 	{background-color:#EEE; color:#990000;}

/*************** story styles ******************/
#storybody span[style]{ line-height: inherit !important; font-size: inherit !important;}
/*span[style]{ line-height: inherit !important; font-size: inherit !important;}
span[itemprop="articleBody"] [style]{ line-height: inherit !important; font-size: inherit !important;}*/

#storybody h3, #storybody h4 {font-size:125%; color:#990000 !important;}
#storybody {font-family:Arial, Helvetica, sans-serif; font-size:15.5pt; line-height:20pt; padding:0px 20px 0px 4px; color:#333; min-height:800px;}
#storybody .articleDateline {font-family:Georgia, "Times New Roman", Times, serif; font-size:16pt; line-height: 18pt; color:#666; margin:16px 0px 6px 0px;}
#storybody b {color:#333; font-weight:bold; }
#storybodysnippet a>b, .storybodysnippet a>b:visited, .storybodysnippet b>a, .storybodysnippet b>a:visited  {color:#06C;}
#storybodysnippet td {line-height:120%;}
#storybody .posted { font-family:Arial,Helvetica,sans-serif; font-size:8pt; line-height:11pt; margin-left:2px; margin-bottom:2px; font-weight:normal; color: #666;}
#storybody p {padding: 0px; margin:0px 0px 12px 0px;}
td.storyLeft {padding-right: 12px;}
#storybody blockquote p {margin:0px 0px 10px 2px; padding:6px;}
#storybody blockquote { xfont-family: Arial, Helvetica, sans-serif; /*font-size: 10pt;*/ font-style: normal; line-height: normal; color: #6492C6; border-left:2px solid #eee; margin: 0px 0px 10px 2px; padding-top: -10px; padding-right: 6px; padding-bottom: 8px; padding-left: 6px;}
#storybody blockquote ul {font-size:116%; line-height:100%;}
#storybody blockquote ol {font-size:116%; line-height:100%;}

#storybody font {font-size: 12pt !important; line-height:16pt !important;}
#storybody .wlWriterEditableSmartContent {display:none !important;}
#storybody span {font-family:Arial, Helvetica, sans-serif !important; font-size: 12pt !important; line-height:16pt !important; color:#333 !important;}

#storybody i {font-style:italic;}
#storybody #storyside {float:left; margin:10px 18px 8px 0px; width:280px; line-height:15pt;}
#storybody h6 { font-family:Arial, Helvetica, sans-serif; width:170px; float:left; margin:6px 14px 8px 0px; border-top:8px solid #C99; padding:8px 8px 4px 0px; font-size:11pt; color:#903; font-weight:bold; line-height:120%;}
#storybody h6 i {margin:6px 6px 0px 0px; clear:left; display:inline-block; width:170px; padding:4px 0px 0px 0px; border-top:1px dotted #C99; font-size:11pt; color:#903; font-weight:normal; line-height:130%; text-align:right; }
#storybody h1 {color: #900; font-size:1.4em; line-height:110%; letter-spacing:-0.05em; margin: 10px 0 10px 0; text-transform: uppercase;}
#storybody h2 {font: bold 14pt Arial,sans-serif;color: #000000; margin:14px 0px 8px 0px; letter-spacing:0px;}
#storybody h3 {font: bold 13pt Arial,sans-serif;color: #000000; margin:14px 0px 8px 0px; letter-spacing:0px;}
#storybody strong {/*font: bold 13pt Arial,sans-serif; */ color:#000000; margin:0px; }
#storybody .photoright {float:right; margin-left: 12px; padding-top:4px;}
#storybody .photoleft {float:left; margin-right: 12px; padding-top:4px;}
#storybody .photoR {float:right; margin-left: 12px; padding-top:4px;}
#storybody .photoL {float:left; margin-right: 12px; padding-top:4px;}
#storybody .sidebar {float:left; width:240px; margin-right: 12px; padding-top:4px; font-size:11pt; line-height:12pt;}
#storybody .sidebar img {max-width:240px; padding-top:4px; margin-bottom:4px; font-size:11pt; line-height:12pt;}
#storybody .sidebarL {float:left; width:240px; margin-right:12px; padding-top:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebarL img {max-width:240px; padding-top:4px; margin-bottom:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebarL li {font-size:10pt; line-height:12pt;}
#storybody .sidebarR {float:right; width:240px; margin-left: 12px; margin-right: 20px; padding-top:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebarR img {max-width:240px; padding-top:4px; margin-bottom:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebarR li {font-size:10pt; line-height:12pt;}
#storybody .aboutbox {padding:6px 8px 6px 8px; background-color:#dadfe7; border:1px solid #c5d0db; -moz-border-radius: 4px;-webkit-border-radius: 4px; xmargin-right:18px; display:table; margin-top:4px; width:100%;}
#storybody table {margin-bottom:12px; clear:left;}
#storybody img {height: auto;max-width: 100%;}
#storybody .quote { font-family:Arial, Helvetica, sans-serif; width:170px; float:left; margin:6px 14px 8px 0px; border-top:8px solid #C99; padding:8px 8px 4px 0px; font-size:11pt; color:#903; font-weight:bold; line-height:120%;}
#storybody .quote i {margin:6px 6px 0px 0px; clear:left; display:inline-block; width:170px; padding:4px 0px 0px 0px; border-top:1px dotted #C99; font-size:11pt; color:#903; font-weight:normal; line-height:130%; text-align:right; }
#storybody ul {margin: 0px 0px 8px 12px;}
#storybody ol {margin: 0px 0px 8px 26px;}
#storybody ul li {xlist-style-image:url(/images/site/bullet_gray.gif);margin-left:10px;margin-bottom:8px;padding-right:30px; color:#222;font-size: 90%; line-height:130%; /*margin-top:-6px;*/}
#storybody ul ul {margin: 0px 0px 8px 20px;color:#666;}
#storybody ul ul li {color:#000; text-size:9pt important!; line-height:11pt;}
#storybody ol li {list-style-image:none;}
#storybody ol ol {margin: 0px 0px 8px 20px; color:#666;}
#storybody ol ol li {color:#000; text-size:9pt important!; line-height:11pt;}
#storybody li {list-style-image:url(/images/site/bullet_gray.gif);margin-left:8px;margin-bottom:8px;padding-right:30px; color:#000;font-size: 100%; line-height:138%; /*margin-top:-6px;*/}
#storybody ul ul li {list-style-image:url(/images/site/bullet_gray3.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; color:#555;font-size: 96%; line-height:114%; /*margin-top:-6px;*/}
#storybody ul ul ul li {list-style-image:url(/images/site/bullet_gray2.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; color:#000;font-size: 90%; line-height:108%; /*margin-top:-6px;*/}

#storybody .photoR .sidebarR {float:left; margin-left: 0px; padding-top:0px;}
#storybody img {height:auto;}
#storybody .photoleft {float:left; margin: 0 20px 8px 0;}
#storybody .photoright {float:right; margin:0 0 8px 20px;}
#storybody .photofull {margin:8px 0 16px 0;}
#storybody .photoleft img, #storybody .photoright img, #storybody .photofull img {margin: 0 0 8px 0; display:block !important; max-width:100% !important; height:auto !important;}
#storybody .photoleft .caption, #storybody .photoright .caption, #storybody .photofull .caption {line-height:18px;}
#storybody .photoleft .caption p, #storybody .photoright .caption p, #storybody .photofull .caption p {line-height:18px;}
#storybody .calloutleft {float:left; width:30%; min-width:180px; margin:5px 15px 8px 0; padding:8px; border-top:6px solid #C99; border-bottom:1px solid #FFF; font-size:24px; font-weight:300; line-height:28px; color:#903;}
#storybody .calloutright {float:right; width:35%; min-width:180px; margin:5px 0 8px 15px; padding:8px; border-top:6px solid #C99; border-bottom:1px solid #FFF; font-size:24px; font-weight:300; line-height:28px; color:#903;}
#storybody .calloutattrib {font-size:18px; font-weight:300; line-height:21px; font-style:italic; text-align:right;}
.sideleft {background-color:#f5f6f6; float:left; width:30%; min-width:180px; padding:10px; margin:2px 18px 15px 0; box-shadow:2px 2px 2px #c1c1c1; font-size:14px;}
.sideright {background-color:#f5f6f6; float:right; width:35%; min-width:180px; padding:10px; margin:2px 0 15px 18px; box-shadow:2px 2px 2px #c1c1c1;font-size:14px;}
.sidefull {background-color:#f5f6f6; padding:10px; margin:15px 0 15px 0; box-shadow:2px 2px 2px #c1c1c1; font-size:14px; display:table;}

.sideleft h4, .sideright h4, .sidefull h4, .aboutbox h4 {font-size:24px; padding-bottom:6px; margin-top:4px; margin-bottom:12px; border-bottom:1px dotted #06C; font-weight:normal; font-family:roboto condensed, Arial, sans-serif;}
.sideleft p, .sideright p, .sidefull p, .aboutbox p {font-size:14pt; line-height:18pt;}
.sideleft img, .sideright img, .sidefull img, .aboutbox img {max-width:100% !important; display:block !important; height:auto !important; margin-bottom:8px;}
.sideright ul, .sideleft ul, .sidefull ul, .aboutbox ul {padding:0px 0 0 6px; margin:0px;}
.sideright ul li, .sideleft ul li, .sidefull ul li, .aboutbox ul li {margin-bottom:14px; list-style-type:disc; padding-left:0px; line-height:18px; font-size:14px;}
.sideright ol, .sideleft ol, .sidefull ol, .aboutbox ol {padding:0px 0 0 6px; margin:0px;}
.sideright ol li, .sideleft ol li, .sidefull ol li, .aboutbox ol li {margin-bottom:14px; list-style-type:decimal; padding-left:0px; line-height:18px; font-size:14px;}
.twocol {clear:left;}
.twocolleft {width:49%; float:left; padding:0 15px 15px 0; line-height:20px;}
.twocolright {width:50%; float:left; padding:0 0 15px 0; line-height:20px;}

#topicOverline {
/* color:#900; font-size:9pt; line-height:10pt; */
font-size:9px;color:#C33;margin-top:0px;margin-left:0px; margin-bottom:-4px; letter-spacing:4px; text-transform:uppercase;
}

/*
#storybody ul li {padding: 0px 0px 6px 0px;margin: 0px 0px 0px 0px;font-size: 11pt;list-style-image: url(/images/site/bullet_gray.gif);}
#storybody ol li {padding: 0px 0px 6px 0px;margin: 0px 0px 0px 0px;font-size: 11pt;list-style: decimal outside;}
*/

#storybody img.img-responsive {width:100%; height:auto !important;}

#subHed {font-size:13pt; line-height:120%;}

/**************** comment styles *****************/

.commentbox {background: url(/images/site/comment_bg.jpg) 2px 0px no-repeat;padding:16px 10px 2px 36px; margin-left:-12px; }
.commentedge {border-left:1px solid #D3E0E9; margin-left:-25px; padding-left:10px;}
.commentbyline {font-size:11pt; padding: 0px 0px 0px 0px; font-family:Arial,Helvetica,sans-serif; color:#006699; margin-bottom:3px; }
.commenthead {font-size:11pt;padding: 0px 0px 0px 0px;font-family:Arial,Helvetica,sans-serif;color:#444444;font-weight:bold;letter-spacing: .1em;}
.commenttext { font-size:11pt; padding: 0px 0px 0px 0px; font-family:Arial,Helvetica,sans-serif; color:#555555;line-height:120%; margin-bottom:6px; }
#commenttext p {margin-bottom:8px; !important }
.commentline {border-top:1px solid #eee; border-bottom:1px solid #ccc; margin: 6px 0 0 -1px; }
.commentedge h5 {color:#333; margin-bottom:0px; padding-bottom:0px; }

#navBox {background-color:transparent; width:120px;}
#navBox a {color:#FFF;}
#navbox a:hover {background-color:transparent;text-decoration:none;margin:0px; padding-left:-2px;}
#navBox:hover {background-color:#212736;}
#navBox:hover a {color:#dfa918;}
#navBox .navBorder {border:1px solid #333;}
#navBox .navBorder:hover {border:1px solid #dfa918;}

/**************** comment styles *****************/

.commentbox {background: url(/images/site/comment_bg.jpg) 2px 0px no-repeat;padding:16px 10px 2px 36px; margin-left:-12px; }
.commentedge {border-left:1px solid #D3E0E9; margin-left:-25px; padding-left:10px;}
.commentbyline {font-size:11pt; padding: 0px 0px 0px 0px; font-family:Arial,Helvetica,sans-serif; color:#006699; margin-bottom:3px; }
.commenthead {font-size:11pt;padding: 0px 0px 0px 0px;font-family:Arial,Helvetica,sans-serif;color:#444444;font-weight:bold;letter-spacing: .1em;}
.commenttext { font-size:11pt; padding: 0px 0px 0px 0px; font-family:Arial,Helvetica,sans-serif; color:#555555;line-height:120%; margin-bottom:6px; }
#commenttext p {margin-bottom:8px; !important }
.commentline {border-top:1px solid #eee; border-bottom:1px solid #ccc; margin: 6px 0 0 -1px; }
.commentedge h5 {color:#333; margin-bottom:0px; padding-bottom:0px; }

#navBox {background-color:transparent; width:120px;}
#navBox a {color:#FFF;}
#navbox a:hover {background-color:transparent;text-decoration:none;margin:0px; padding-left:-2px;}
#navBox:hover {background-color:#212736;}
#navBox:hover a {color:#dfa918;}
#navBox .navBorder {border:1px solid #333;}
#navBox .navBorder:hover {border:1px solid #dfa918;}

/**************** slideshow & paper styles *****************/

a #paperButton {
	text-decoration:none;
	text-align:center;
	margin:6px 40px 6px 40px; min-height:20px;
	padding:10px 12px 8px 12px;
	background-color: #0073d3;
	border:1px solid #0059a3;
	color:#7ec4ff;
	-moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888;-box-shadow:0 2px 5px #888;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;  -border-radius: 2px;
}
a #paperButton, a:visited #paperButton {
}
a:hover #paperButton {
	text-decoration:none;
	margin:6px 40px 6px 40px; min-height:20px;
	padding:10px 12px 8px 12px;
	background-color: #008bff;
	border:1px solid #0b6bba;
	color:#FFF;
	-moz-box-shadow:inset 0 0 2px 1px #7ec4ff;-webkit-box-shadow:inset 0 0 2px 1px #7ec4ff;-box-shadow:inset 0 0 2px 1px #7ec4ff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;  -border-radius: 4px;
}
a #slideshowButton {
	text-decoration:none;
	text-align:center;
	margin:6px 0px 4px 2px; min-height:24px; xwidth:300px;
	padding:8px 12px 8px 12px;
	background-color: #0073d3;
	border:1px solid #0059a3;
	color:#7ec4ff;
	-moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888;-box-shadow:0 2px 5px #888;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;  -border-radius: 2px;
	font-family:Arial, Helvetica, sans-serif;
}
a:hover #slideshowButton {
	text-decoration:none;
	margin:6px 0px 4px 2px; min-height:24px; xwidth:300px;
	padding:8px 12px 8px 12px;
	background-color: #008bff;
	border:1px solid #0b6bba;
	color:#FFF;
	-moz-box-shadow:inset 0 0 2px 1px #7ec4ff;-webkit-box-shadow:inset 0 0 2px 1px #7ec4ff; box-shadow:inset 0 0 2px 1px #7ec4ff;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;  -border-radius: 3px; border-radius: 3px;
}
a #slideshowButton, a:visited #slideshowButton {}

#slideshow { background-color:#FFF; border:1px soild #ddd; padding:8px 4px 8px 8px;
	-moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888;-box-shadow:0 2px 5px #888;
}
#slideshow .photoHed{
	font-family:Georgia, "Times New Roman", Times, serif; font-size:16pt; line-height:18pt; margin-bottom:8px; color:#000;
}
#slideshow .photo {float:left; padding:4px 5px 4px 5px; margin-right:5px; margin-bottom:5px;}
html>body #slideshow .photo {
	float:left; padding:4px 5px 0px 5px; margin-right:5px; margin-bottom:5px;
	-moz-box-shadow:inset 0 0 2px 1px #7ec4ff; -webkit-box-shadow:inset 0 0 2px 1px #7ec4ff; box-shadow:inset 0 0 2px 1px #7ec4ff;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -border-radius: 3px; border-radius: 3px;
}
#slideshow .photo:hover {background-color:#b4ddff;}

#ssslideshow .photo {float:left; padding:4px 5px 4px 5px; margin-right:5px; margin-bottom:5px;}
html>body #ssslideshow .photo {
	float:left; padding:4px 5px 4px 5px; margin-right:5px;
	-moz-box-shadow:inset 0 0 2px 1px #7ec4ff; -webkit-box-shadow:inset 0 0 2px 1px #7ec4ff; box-shadow:inset 0 0 2px 1px #7ec4ff;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -border-radius: 3px; border-radius: 3px;
}
#ssslideshow .photo:hover {background-color:#b4ddff;}

#ssbox300 {-webkit-border-radius: 5px; -moz-border-radius: 5px;  -opera-border-radius: 5px; border: solid 1px #EEE; background-color:#FFF; margin-bottom:0px; width:300px; min-height:90px;}
#ssbox300shadow { background-image:url(/images/site/ss_boxshadow_300.gif); height:8px; width:300px; margin:0px; padding:0px;}
.ssLine {border-bottom:1px dotted #CCC; margin:3px 6px 3px 0px;}

/*a #ssslideshowButton {
	height:20px; padding:2px; xwidth:130px; font-size:10pt; margin:-2px 0px -2px 26px;
	text-align:center; 
	background-color: #0073d3; border:1px solid #0059a3; color:#7ec4ff;
	-moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888;-box-shadow:0 2px 5px #888;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;  -border-radius: 2px;
}*/

a #ssslideshowButton {
	height:20px; padding:2px; xwidth:130px; font-size:10pt; margin:-2px 0px -2px 0px;
	text-align:center; letter-spacing:1px;
	background-color: #BBB; border:1px solid #BBB; color:#FFF;
	-moz-box-shadow:0 2px 4px #999;-webkit-box-shadow:0 2px 4px #999;-box-shadow:0 2px 4px #999; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px;  -border-radius: 2px;
}
a:hover #ssslideshowButton {
	height:20px; padding:2px; xwidth:130px; font-size:10pt; margin:-2px 0px -2px 0px;
	background-color: #008bff; border:1px solid #0b6bba; color:#FFF;
	-moz-box-shadow:inset 0 0 2px 1px #7ec4ff;-webkit-box-shadow:inset 0 0 2px 1px #7ec4ff;-box-shadow:inset 0 0 2px 1px #7ec4ff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;  -border-radius: 4px;
}
a #ssslideshowButtonE {
	height:20px; padding:2px; xwidth:130px; font-size:10pt; margin:-2px 0px -2px 0px; text-align:center; 
}

div #ssslideshow img {
    height: auto;
    width: 100%;
}

.slideshowText {text-align:left;padding:12px 4px 14px 4px;color: #900; font-weight: normal;
font-family: "Playfair Display", "Georgia", "Times New Roman", serif; font-style:italic;}

.slideshowText a, .slideshowText a:visited {color:#900;}
.slideshowText a:hover {color:#09C;}

.homebox {
	zoom:1; /* This enables hasLayout, which is required for older IE browsers */
        filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);
	float:left; text-decoration:none; line-height:100%; width:230px; margin-right:18px;
	padding:4px 6px 3px 4px; background-color: #fff; color:666;
	-moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888;box-shadow:0 2px 5px #888;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; -border-radius: 2px;
}
html>body .homebox {padding:4px 6px 3px 4px; background-color: #fff; color:666; width:240px; }


/**************** line styles *****************/

.line1 {margin-top:2px; margin-bottom:2px; border-top:1px dotted #09C; padding:2px 0px;}
.line1a {margin-top:2px; border-top:1px dotted #F90; padding:0px; margin-bottom:-6px;}
html>body .line1a {margin-top:2px; border-top:1px dotted #F90; padding:0px; margin-bottom:4px;}
.line2 {margin:-2px 2px 4px -3px; border-bottom:1px dotted #F90; height:1px; }
.line3 {margin:-2px 2px 4px -3px; border-top:1px dotted #CCC; }
.line9 {border-top: 1px solid #000; margin:0px; padding: 0px;}
.line10 {padding: 0px; margin: -12px 0px -10px 0px; border-top: 1px solid #ddd; width:312px;}
html>body .line10 {margin: -6px 0px 4px 0px;}
.lineM {margin-top:2px; margin-bottom:0px; border-top:1px dotted #09C; padding:2px 0px;}
html>body .lineM {margin:1px 0px 0px 0px;}
.line2m {margin-top:-4px; border-top:1px dotted #09C; padding:0px; margin-bottom:3px;}


#rightcolumn {
/* DIV Menu */
background-color: #FAFAFA; xmin-height:600px; z-index: 1; width:288px; border:1px solid #D9D9D9; padding: 6px 4px 6px 4px;
xbackground-image:url(../../images/menu_bg.jpg); background-repeat:repeat-x; background-color:#F9F9F9; background-position:bottom;
-moz-box-shadow: 0px 3px 8px #CCD; -webkit-box-shadow: 0px 3px 8px #CCD; box-shadow: 0px 3px 8px #CCD;
opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#CCCCDD')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#CCCCDD');
margin-left:-1px;
}

#menu2 {position:relative; width:100%; height:42px; top:2px;}
/*
#menu2 a div.navtopic {color:#017cbb;}
#menu2 a:hover div.navtopic {color:#C00;}
a.navtopic:hover {color:#C00;}
*/
#menu2 ul {padding:0;margin:0; list-style-type:none; position:absolute; left:100px; top:-2px;}
#menu2 ul a {color:#888;}
#menu2 ul a:hover {color:#09C;}
#menu2 ul li {display: inline; float:left; margin:0; padding: 5px 10px; position: relative;}
#menu2 ul li:hover {border-width:1px 1px 0px 1px; border-color:#d9d9d9; border-style:solid; margin-top:0px; background-color:#FFF;}
#menu2 ul li a {color:#666;}
#menu ul li:hover a {color:#000000;}
#menu2 ul li a {display:block; font-family:'Arial'; font-weight:normal; text-decoration:none;}


/**************** Mobile Menu styles *****************/

/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #555;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}
#myTopnav {display:none; visibility:hidden;}


#bottomwrapper {width:100%;bottom:0;position:fixed;z-index:999;background:#111;height:48px;bottom:0;position:fixed;z-index:999;background-image:url(/images/site/bottom_navigation_bg.gif);background-repeat:repeat-x;padding-left:0px; text-align:center; margin:0px auto;}
#bottomMenu {width:320px; background-image:url(/images/site/bottom_navigation.gif); background-repeat:no-repeat; background-repeat:no-repeat; xpadding-left:14px;}
#boxone, #showboxone,
#boxtwo, #showboxtwo, 
#boxthree, #showboxthree, 
#boxfour, #showboxfour, 
#boxfive, #showboxfive {background:#eee;border-top:1px solid #AAA; padding-top:10px;}

.button1 {cursor:pointer;}

.box1, .box2, .box3, .box4, .box5 {
width:100%; display:none; bottom:48px; position:fixed; margin:0px; padding:0px 6px 4px 12px; z-index:999;
 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right:-20px;
}
.mmenu {width:50%; float:left;}


/************ Specials Spotlight styles *************/

.spotlightBox {min-height:60px; background-color:#EEE; text-align:left; padding:5px 2px 2px 8px; -moz-border-radius: 3px;-webkit-border-radius: 3px; -opera-border-radius: 3px; -ie-border-radius: 3px; border:1px solid #FFF; font-size:10pt; line-height:120%; margin:18px 0 0 -8px;
-webkit-box-shadow: 2px 2px 2px 0px rgba(216,218,219,1);
-moz-box-shadow: 2px 2px 2px 0px rgba(216,218,219,1);
box-shadow: 2px 2px 2px 0px rgba(216,218,219,1);
}
html>body .spotlightBox {min-height:62px; background-color:#EEE; text-align:left; padding:5px 2px 2px 8px; -moz-border-radius: 3px;-webkit-border-radius: 3px; -opera-border-radius: 3px; -ie-border-radius: 3px; border:1px solid #FFF; font-size:10pt; line-height:120%;}
.specialleft {margin:2px 10px 0 0; float:left;}
.specialleft a:action {display:inline;}
.specialmiddle {margin:2px 0 0 0; float:left;}
.sponsorship {float:right; text-align:middle;}
.specialright {float:right; margin:0px; padding:10px 0 10px 0; background-color:#FFF;}
/*
.spotlightHeds {float:left; min-height:68px; margin:2px 0px 0px 8px;}
html>body .spotlightHeds {float:left; min-height:768px; margin:2px 0px 0px 8px;}
.spotlightHeds a, .spotlightHeds a:visited {outline: 0px;}
.spotlightHeds282 {float:left; xwidth:280px; min-height:60px; background-color:#fff; margin:0px 2px 0px 6px; text-align:left; padding:2px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #eee; font-size:8pt; line-height:120%;}
html>body .spotlightHeds282 {float:left; xwidth:280px; min-height:60px; background-color:#fff; margin:0px 0px 0px 8px; text-align:left; padding:2px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #eee; font-size:8pt; line-height:120%;}
*/
#extra a, #extra a:visited {}
#extra a:active, #extra a:focus {outline: none; display:block;}
.miniheds { font-size:9px; line-height:9px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; color:#666; margin-bottom:1px; letter-spacing:.05em;}

/************ Downloads styles *************/

a.downloadButton {min-width:300px !important; font-family: 'Roboto', sans-serif !important; font-weight: 400;
	margin:26px 0px 22px 0px; min-height:20px; padding:6px 12px 8px 16px;
	background-color: #0073d3; border:1px solid #0059a3; color:#a6e5ff;
	-moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888;-box-shadow:0 2px 5px #888;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;  -border-radius: 2px;
}
a.downlaodButton {color:#a6e5ff !important;}
a.downloadButton:hover {color:#FFF;-moz-box-shadow:none;-webkit-box-shadow:none;-box-shadow:none;}


#menu 							{top:8px;}
#menu ul li a 					{color:#666;}
[id="navigation\ navbar"] 		{margin: 30px 0 0 -116px;}


/*** MEDIA QUERIES ***/
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Contents
==================================================
#Base 960 Grid
#Tablet (Portrait)
#Mobile (Portrait)
#Mobile (Landscape)
#Clearing */

/* #Base 1200 Grid
================================================== */

#menu 								{margin-left:10px;}
#menu .menu_id .toptab 				{width:120px; letter-spacing:0em; font-size:14pt; height:22px; padding-right:0px;}
#menu .menu_tran, #menu .menu_ware, #menu .menu_supp, #menu .menu_tech, #menu .menu_biz {position:absolute; position:left 0px; width:1200px; padding-top:0px;}
#menu .menu_tran 					{left: -1px !important;}
#menu .menu_ware 					{left: -160px !important;}
#menu .menu_supp 					{left: -320px !important;}
#menu .menu_tech 					{left: -480px !important;}
#menu .menu_biz 					{left: -560px !important;}
#menu .m_div 						{margin: 0 10px 10px 0 !important; min-width:204px;}
#menu .m_div2 						{margin: 0 10px 10px 0 !important; min-width:390px;}
#menu .m_div a, #menu .m_div2 a 	{color:#017cbb !important;}

.homepage h1						{font-size: 36px; line-height: 40px; margin: 0px; letter-spacing:-.05em;}
.homepage h2						{font-size: 26px; line-height: 26px; margin: -6px 0px 0px 0px; letter-spacing:-.05em;}
.homepage h3						{font-size: 18px; line-height: 20px; margin: -4px 0px 0px 0px; letter-spacing:-.05em;}
.overline 							{font-family:Arial, Helvetica, sans-serif; font-size:11pt; line-height:10pt; color:#900;}
.wideonly 							{display:inline;}
#header 							{background-repeat:no-repeat; background-position:center 0px; height:280px;}

.largevideo iframe 					{width:772px; height:438px;}
.largevideoss iframe 				{width:740px; height:438px;}
.articlephotocolumn 				{float:right !important; width:350px; margin:4px 0px -4px 20px; text-align:center;}
.articlephotocolumnb 				{float:right !important; width:300px; margin:4px 10px 0px 20px; text-align:center; margin-bottom:12px;padding-top:10px; margin-right:-10px;}
#articleImage img {max-width:350px; margin-right:-2px;}
.ssbutton 							{margin-top:8px;}
#ssslideshow 						{background-color:#eee; border:1px soild #ddd; padding:8px 4px 10px 8px; -moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888; box-shadow:0 2px 5px #888; min-width:280px;}
#ssslideshow img 					{max-width:640px; margin-left:-4px;}
#storybody h6 						{width:210px; font-size:12pt; line-height:125%;}
#storybody h6 i 					{width:210px; font-size:11pt; line-height:125%;}
.mobiledisplay 						{display:inline;}
.onlymobiledisplay 					{display:none;}
.meddisplay							{display:none;}
.largedisplay							{display:inline;}
.lrgdisplay							{display:none;}
.smallestdisplay 					{display:none;}
.notsmallestdisplay 				{display:inline;}
.quicklookbox 						{float:left; width:224px; border-left:1px dotted #9CF; padding-left:10px; min-height:700px; margin-bottom:18px;}
#ad728 img 							{max-width:970px; height:90px; margin-top:0px; margin-left:16px;background-color:none;}
.form-wrapperw input 				{width:500px;margin-left:4px;}
.form-wrapperw button 				{width:150px;}
#wideimage img						{max-width:800px;}
.companyLeft						{width:420px; float:left; padding-right:16px; background-color:#EEE;}
.companyRight						{display:block; width:340px; float:left;}
.companyHead						{font-size: 12pt;}
.companyText						{font-size:12pt; line-height:120%;}
#topicOverline 						{margin-left:-3px;}
.spotlightBox {width:1124px;}
.specialleft {width:310px;}
.specialmiddle {width:500px;}
.specialmiddle .left {width:250px !important; margin-right:10px; float:left;} 
.specialmiddle .right {width:220px; margin:0px; float:left;}
.specialmiddle .left1 {width:220px !important; margin-right:10px; float:left;} 
.specialmiddle .right1 {width:230px; margin:0px; float:left;}
.sponsorship {width:300px;}
.sponsorship img {max-width:280px; height:auto; max-height:120px !important;}
.sponsorship iframe {width:296px; height:190px; margin:0px;}
.specialright {width:300px !important; margin:0px 0px 0px 0px; padding-left:10px; float:right;}
.padtop8 {height:0px;}

#company ol, ul {
    list-style: square;
    margin-left:18px;
}

@media screen and (max-width:479px) {
#subHed 							{font-size:10.5pt;}
#storybody 							{font-size:10.5pt; line-height:13.5pt;}
#storybody .photoR 					{float:left; margin:0px 10px 10px 0px;}
#wideimage img						{max-width:300px;}
.homepage h1						{font-size: 25px; line-height: 29px; margin: 0px; letter-spacing:0px;}
.homepage h2						{font-size: 20px; line-height: 20px; margin: -6px 0px 0px 0px; letter-spacing:0px;}
.homepage h3						{font-size: 16px; line-height: 18px; margin: -4px 0px 0px 0px; letter-spacing:0px;}
h1 									{font-size: 28px; line-height: 30px; margin-bottom: 12px; letter-spacing:0px;}
h2 									{font-size: 16px; line-height: 18px; margin-bottom: 8px; letter-spacing:0px;}
.wideonly 							{display:none;}
#header 							{background-repeat:no-repeat; background-position:-60px 0px; height:280px; width:300px;}
    	
#boxrelated							{margin-right:-6px !important;}	
.largevideo iframe 					{width:272px; height:186px;}
.largevideoss iframe 				{width:280px; height:186px; margin-left:-2px;}
#articleDeck h2 					{font-size:12pt !important; line-height:13pt;}
.minus10 							{margin-left:-10px;}
.articlephotocolumn 				{float:left; width:300px; margin:0px; text-align:left;}
.articlephotocolumnb 				{float:left; width:300px; margin:0px; text-align:left; margin-bottom:12px; margin-right:0px;}
#articleImage img 					{max-width:300px; margin:0px;}
img 								{max-width:300px;}
#ssslideshow img 					{max-width:280px; margin-left:-4px;}
#storybody h6 						{ width:156px; font-size:11pt; line-height:125%; margin-right:6px;}
#storybody h6 i 					{width:156px; font-size:10pt; line-height:125%; margin-right:6px;}
#storybody h2 						{font-size:12pt important!; line-height:14pt; color:#333;}
.mobiledisplay 						{display:none;}
.onlymobiledisplay 					{display:inline;}
.meddisplay							{display:none;}
.largedisplay							{display:none;}
.smallestdisplay 					{display:inline;}
.smallerdisplay 					{display:none;}
.notsmallestdisplay					{display:none;}
#storybody .sidebarR 				{float:right; width:166px !important; margin-left:8px; margin-right:0px; padding-top:4px; font-size:10pt; line-height:12pt;}
.quicklookbox 						{float:left; width:140px; border-left:1px dotted #9CF; padding-left:6px;}
.quicklookbox img 					{max-width:134px;}
.form-wrapperw input 				{width:200px; margin-left:0px;}
.form-wrapperw button 				{width:90px; margin-top:-10px;}
.companyLeft						{width:280px; float:left; padding-right:0px;}
.companyRight						{width:280px; float:left; padding-right:0px;}
.companyHead						{font-size: 10pt;}
.companyText						{font-size:10pt; line-height:120%;}
#topicOverline 						{margin-left:0px;}
.box1, .box2, .box3, .box4, .box5 	{height:196px;}
.spotlightBox {width:100%;}
.spotlightBox h4 {font-size:13pt;}
.specialleft {width:280px;}
.specialmiddle {width:280px;}
.specialmiddle .left {width:100% !important; margin:0px; float:none;} 
.specialmiddle .right {width:100%; margin:0px; float:none;}
.specialmiddle .left1 {width:100% !important; margin:0px; float:none;} 
.specialmiddle .right1 {width:100%; margin:0px; float:none;}
.sponsorship {width:100%;}
.sponsorship iframe {width:290px; height:190px; margin:0px;}
.specialright {width:100%; padding:0px; float:none; margin:10px 0 10px 0px;}
.specialright img {max-width:250px; height:auto;}
}

/* Extra Small */
@media screen and (min-width:480px) and (max-width:767px) {
#subHed 							{font-size:10.5pt;}
#storybody 							{font-size:11pt; line-height:15pt;}
#storybody .photoR 					{float:left; margin:0px 10px 10px 0px;}
#wideimage img						{max-width:420px;}
.homepage h1						{font-size: 26px; line-height: 30px; margin: 0px; letter-spacing:0px;}
.homepage h2						{font-size: 20px; line-height: 20px; margin: -6px 0px 0px 0px; letter-spacing:0px;}
.homepage h3						{font-size: 18px; line-height: 20px; margin: -4px 0px 0px 0px; letter-spacing:0px;}
h1 									{font-size: 32px; line-height: 36px; margin-bottom: 12px; letter-spacing:0px;}
h2 									{xfont-size: 18px; xline-height: 20px; margin-bottom: 8px; letter-spacing:0px;}
.wideonly 							{display:none;}
#header 							{background-repeat:no-repeat; background-position:-60px 0px; height:280px; width:300px;}
    	
#boxrelated							{margin-right:6px !important;}		
.largevideo iframe 					{width:392px; height:250px;}
.largevideoss iframe 				{width:388px; height:250px;}
#articleDeck h2 					{font-size:14pt !important; line-height:15pt;}
.minus10 							{margin-left:0px;}
.articlephotocolumn					{float:left; width:420px; margin:0px; text-align:left;}
.articlephotocolumnb 				{float:left; width:260px !important; margin:0px; text-align:left; margin-bottom:12px; margin-right:0px;}
#articleImage 						{Width:400px; float:left;}
#articleImage img 					{max-width:400px; margin:0px 0px 0px 6px;}
.ssbutton 							{margin-top:2px; margin-left:0px; float:left; width:230px;}
img 								{max-width:400px;}
#ssslideshow img 					{max-width:386px;}
#storybody h6 						{width:170px; font-size:11pt; line-height:125%; margin-right:12px;}
#storybody h6 i 					{width:170px; font-size:10pt; line-height:125%; margin-right:12px;}
#storybody h2 						{font-size:14pt important!; line-height:15pt; color:#333;}
.mobiledisplay 						{display:none;}
.onlymobiledisplay 					{display:inline;}
.meddisplay							{display:none;}
.largedisplay							{display:none;}
.smallestdisplay 					{display:inline;}
.smallerdisplay 					{display:none;}
.notsmallestdisplay					{display:inline;}
#storybody .sidebarR 				{float:right; width:180px !important; margin-left:10px; margin-right:0px; padding-top:4px; font-size:10pt; line-height:12pt;}
.quicklookbox 						{float:left; width:190px; border-left:1px dotted #9CF; padding-left:10px;}
.quicklookbox img 					{max-width:140px;}
#ad728 img 							{max-width:790px !important; height:78px; margin-top:6px; margin-left:0px;}
.form-wrapperw input 				{width:200px;margin-left:0px;}
.form-wrapperw button 				{width:90px;margin-top:0px}
.companyLeft						{width:398px; float:left; padding-right:0px;}
.companyRight						{width:398px; float:left; padding-right:0px;}
.companyHead						{font-size: 10pt;}
.companyText						{font-size:10pt; line-height:120%;}
#topicOverline 						{margin-left:0px;}
.box1, .box2, .box3, .box4, .box5 	{height:156px;}
.spotlightBox {width:100%;}
.spotlightBox h4 {font-size:13pt;}
.specialleft {width:380px;}
.specialmiddle {width:400px;}
.specialmiddle .left {width:100% !important; margin:0px; float:none;} 
.specialmiddle .right {width:100%; margin:0px; float:none;}
.specialmiddle .left1 {width:100% !important; margin:0px; float:none;} 
.specialmiddle .right1 {width:100%; margin:0px; float:none;}
.sponsorship {width:100%;}
.sponsorship iframe {width:410px; height:260px; margin:0px;}
.specialright {width:100%; margin:10px 0 10px 0; float:none;}
}

/* Small */
@media (min-width:768px) and (max-width:991px) {
#menu 								{margin-left:0px; xtop:48px;}
#menu .menu_id .toptab 				{width:90px; letter-spacing:0em; font-size:13pt; height:22px;}
#menu .menu_tran, #menu .menu_ware, #menu .menu_supp, #menu .menu_tech, #menu .menu_biz {position:absolute; position:left 0px; width:752px;padding-top:0px;}
#menu .menu_tran 					{left: -1px !important;}
#menu .menu_ware 					{left: -131px !important;}
#menu .menu_supp 					{left: -261px !important;}
#menu .menu_tech 					{left: -391px !important;}
#menu .menu_biz 					{left: -520px !important;}
#menu .m_div 						{margin: 0 10px 10px 0 !important; min-width:186px !important;}
#menu .m_div2 						{margin: 0 10px 10px 0 !important; min-width:300px !important;}
#menu .m_div a, #menu .m_div2 a 	{color:#017cbb !important;}

.homepage h1						{font-size: 36px; line-height: 40px; margin: 0px; letter-spacing:-.05em;}
.homepage h2						{font-size: 24px; line-height: 24px; margin: -6px 0px 0px 0px; letter-spacing:-.05em;}
.homepage h3						{font-size: 16px; line-height: 17px; margin: -4px 0px 0px 0px; letter-spacing:-.05em;}
h1 									{font-size: 40px; line-height: 44px; margin-bottom: 12px; letter-spacing:0px;}
h2 									{xfont-size: 20px; xline-height: 22px; margin-bottom: 8px; letter-spacing:0px;}
#wideimage img						{max-width:448px;}
.overline 							{font-family:Arial, Helvetica, sans-serif; font-size:10pt; line-height:10pt; color:#900;}
.wideonly 							{display:none;}
#header 							{background-repeat:no-repeat; background-position:-90px 0px; height:280px; width:580px;}

#subHed 							{font-size:11.5pt;}
#storybody 							{font-size:11.5pt; line-height:15pt;}
#storybody .photoL 					{float:left; margin:0px 10px 10px 0px;}
#storybody .photoR 					{float:left; margin:0px 10px 10px 0px;}
.largevideo iframe 					{width:408px; height:268px;}
.largevideoss iframe 				{width:400px; height:260px;}
.articlephotocolumn 				{float:left; width:250px; margin:4px 0px -4px 8px; text-align:center;}
.articlephotocolumnb 				{float:left; width:260px; margin:0px 10px 0px 8px; text-align:center; margin-bottom:12px; margin-right:-10px;}
#articleImage img 					{max-width:250px; height:none; margin-right:0px;}
#ssslideshow img 					{max-width:418px;}
#storybody h6 						{width:180px; font-size:11pt; line-height:125%;}
#storybody h6 i 					{width:180px; font-size:10pt; line-height:125%;}
#storybody h2 						{font-size:15pt; line-height:17pt;}
.mobiledisplay 						{display:inline;}
.onlymobiledisplay 					{display:none;}
.meddisplay							{display:inline;}
.largedisplay							{display:none;}
/* .notmeddisplay						{display:none;} */
.lrgdisplay							{display:inline;}
.smallestdisplay 					{display:none;}
.smallerdisplay 					{display:none;}
.notsmallestdisplay 				{display:inline;}
#storybody .sidebarR 				{float:right; width:190px !important; margin-left:10px; margin-right:0px; padding-top:4px; font-size:10pt; line-height:12pt;}
.quicklookbox 						{float:left; width:176px; border-left:1px dotted #9CF; padding-left:12px;}
#ad728 img 							{max-width:760px !important; height:78px; xmargin-top:6px; margin-left:-2px;}
.form-wrapperw input 				{width:240px;margin-left:0px;}
.form-wrapperw button 				{width:120px;}
.companyLeft						{width:414px; float:left; padding-right:0px;}
.companyRight						{width:414px; float:left; padding-right:0px;}
.companyHead						{font-size: 11pt;}
.companyText						{font-size:12pt; line-height:120%;}
#topicOverline 						{margin-left:0px;}
input[type=text].sb_bar 				{display:none;}
input[type=submit].sb_btn				{right:0;}
.spotlightBox {width:734px;}
.specialleft {width:236px;}
.specialmiddle {width:200px;}
.specialmiddle .left {width:200px !important; margin-right:10px; float:left;} 
.specialmiddle .right {display:none;}
.specialmiddle .left1 {display:none;} 
.specialmiddle .right1 {width:200px !important; margin-right:10px; float:left;}
.specialsponsorship {width:180px;}
.sponsorship {width:270px;}
.sponsorship img {max-width:254px;}
.sponsorship iframe {width:254px; margin:0 0 0 0px;}
.specialright {width:280px !important; margin:0px 0px 0px 0px; padding-left:10px; float:right;}
.specialright img {max-width:250px; height:auto;}
}

/* Medium */
@media (min-width:992px) and (max-width:1199px) {
#menu 								{margin-left:0px;}
#menu .menu_id .toptab 				{width:100px; letter-spacing:0em; font-size:13pt; height:22px;}
#menu .menu_tran, #menu .menu_ware, #menu .menu_supp, #menu .menu_tech, #menu .menu_biz {position:absolute; position:left 0px; width:966px;padding-top:0px;}
#menu .menu_tran 					{left: -1px !important;}
#menu .menu_ware 					{left: -140px !important;}
#menu .menu_supp 					{left: -280px !important;}
#menu .menu_tech 					{left: -420px !important;}
#menu .menu_biz 					{left: -560px !important;}
#menu .m_div 						{margin: 0 10px 10px 0 !important; min-width:160px;}
#menu .m_div2 						{margin: 0 10px 10px 0 !important; min-width:360px;}
#menu .m_div a, #menu .m_div2 a 	{color:#017cbb !important;}
	
.homepage h1						{font-size: 36px; line-height: 40px; margin: 0px; letter-spacing:-.05em;}
.homepage h2						{font-size: 24px; line-height: 24px; margin: -6px 0px 0px 0px; letter-spacing:-.05em;}
.homepage h3						{font-size: 18px; line-height: 20px; margin: -4px 0px 0px 0px; letter-spacing:-.05em;}
h1 									{font-size: 40px; line-height: 44px; margin-bottom: 12px; letter-spacing:-1px;}
h2 									{xfont-size: 22px; xline-height: 24px; margin-bottom: 8px; letter-spacing:0px;}
#wideimage img						{max-width:628px;}
.overline 							{font-family:Arial, Helvetica, sans-serif; font-size:11pt; line-height:10pt; color:#900;}
.wideonly 							{display:none;}
#header 							{background-repeat:no-repeat; background-position:-92px 0px; height:280px;}
#subHed 							{font-size:12.5pt;}
#storybody 							{font-size:12.5pt; line-height:16pt;}
#storybody .photoL img 				{max-width:400px;}
#storybody .photoR img 				{max-width:400px;}
.largevideo iframe 					{width:588px; height:360px;}
.largevideoss iframe 				{width:582px; height:360px;}
#ssslideshow img 					{max-width:620px; margin-left:-4px;}
#articleImage img 					{max-width:370px; margin-right:1px;}
.mobiledisplay 						{display:inline;}
.onlymobiledisplay 					{display:none;}
.meddisplay							{display:none;}
.largedisplay							{display:inline;}
.lrgdisplay							{display:inline;}
.smallestdisplay 					{display:none;}
.notsmallestdisplay 				{display:inline;}
.quicklookbox 						{float:left; width:184px; border-left:1px dotted #9CF; padding-left:8px;}
#ad728 img 							{max-width:970px; height:90px; margin-top:0px; margin-left:-2px;}
.form-wrapperw input 				{width:400px;margin-left:4px;}
.form-wrapperw button 				{width:150px;}
.companyLeft						{width:320px; float:left; padding-right:10px;}
.companyRight						{display:block; width:278px; margin-right:-4px;}
.companyHead						{font-size: 12pt;}
.companyText						{font-size:12pt; line-height:120%;}
#topicOverline 						{margin-left:0px;}
.spotlightBox {width:946px;}
.specialleft {width:254px;}
.specialmiddle {width:374px !important;}
.specialmiddle .left {width:180px !important; margin-right:8px; float:left;} 
.specialmiddle .right {width:174px !important; margin:0px; float:left;}
.specialmiddle .left1 {width:154px !important; margin-right:8px; float:left;} 
.specialmiddle .right1 {width:190px !important; margin:0px; float:left;}
.sponsorship {width:300px;}
.sponsorship iframe {height:190px; margin:0px;}
.specialright {width:280px !important; margin:0px 0px 0px 0px; padding-left:10px; float:right;}
.specialright img {max-width:250px; height:auto;}
.padtop8 {height:0px;}
}

/* Large */
@media (min-width:1200px) and (max-width:1699px) {
#menu 							{margin-left:0px;}
#menu .menu_id .toptab 			{width:100px; letter-spacing:0em; font-size:13pt; height:22px;}
#menu .menu_tran, #menu .menu_ware, #menu .menu_supp, #menu .menu_tech, #menu .menu_biz {position:absolute; position:left 0px; width:1238px;padding-top:0px;}
#menu .menu_tran 				{left: -1px !important;}
#menu .menu_ware 				{left: -140px !important;}
#menu .menu_supp 				{left: -280px !important;}
#menu .menu_tech 				{left: -420px !important;}
#menu .menu_biz 					{left: -560px !important;}
#menu .m_div 					{margin: 0 10px 10px 0 !important; min-width:200px;}
#menu .m_div2 					{margin: 0 10px 10px 0 !important; min-width:380px;}
#menu .m_div a, #menu .m_div2 a 	{color:#017cbb !important;}
}

/* Extra Large */
@media (min-width:1700px) {
#menu 							{margin-left:0px;}
#menu .menu_id .toptab 			{width:120px; letter-spacing:0em; font-size:13pt; height:22px;}
#menu .menu_tran, #menu .menu_ware, #menu .menu_supp, #menu .menu_tech, #menu .menu_biz {position:absolute; position:left 0px; width:1516px;padding-top:0px;}
#menu .menu_tran 				{left: -1px !important;}
#menu .menu_ware 				{left: -161px !important;}
#menu .menu_supp 				{left: -321px !important;}
#menu .menu_tech 				{left: -481px !important;}
#menu .menu_biz 					{left: -641px !important;}
#menu .m_div 					{margin: 0 10px 10px 0 !important; min-width:210px;}
#menu .m_div2 					{margin: 0 10px 10px 0 !important; min-width:380px;}
#menu .m_div a, #menu .m_div2 a 	{color:#017cbb !important;}
.sidefull 						{min-width:64% !important;}
}




/* #Base 1200+ Grid
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 3999px) {
}

/* #Base 960 Grid
================================================== */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 979px) {
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}


/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;}
.row:after,
.clearfix:after {
      clear: both;}
.row,
.clearfix {
      zoom: 1;}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
}
body {}



/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
@media \0screen {
body {
img { max-width:100%; /* IE8 and below */ }
}
}


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* Larger than standard 1200 (devices and browsers) */
@media only screen and (min-width: 1200px) {}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1159px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}