@charset "UTF-8";
/* also uses: base.css; gci-brand-mini.css */
/*_________________________________________________________________________________
		GENERAL LAYOUT AND COLUMN LAYOUT
===================================================================================*/
#page_margins { width: 1000px; margin: 0px auto; padding: 0px;  }
#page { padding: 0px; border-right: 1px solid #000; border-left: 1px solid #000; background-color: #fff; position: relative; }

div#header, div#main, div#footer { display: block; overflow: hidden; clear: left; }

div#main { padding: 0px 226px 0px 0px; min-height: 350px; background: #fff url("../images/shared/dmk-col2Bg.gif") repeat-y 100% 100%; }

div#main div#col1 { width: 772px; overflow: hidden; float: left; }
div#main div#col2 { width: 225px; margin: 0px -226px 0 1px; float: left; }

div#col1_content { padding: 15px 25px 15px 15px; position: relative; }
div#col2_content { padding: 15px 15px; position: relative; }

/*_________________________________________________________________________________
		HEADER LAYOUT
===================================================================================*/
#header { padding: 10px 415px 10px 10px; background: #fff url("../images/gci/dmk/swirlBg.png") no-repeat 100% 50%; }

#header h1.siteName a:hover { background: transparent none; }

#header p.tagLine { margin: 0px; padding: 0px; position: absolute; top: 15px; left: 175px; font-weight: bold; font-size: 17px; line-height: 20.5px; letter-spacing: .5px; }


/*_________________________________________________________________________________
		NAV LAYOUT
===================================================================================*/
div#nav, div#nav div#nav_main { height: 67px; }

div#webhome { width: 225px; height: 33px; text-align: center; position: absolute; top: 92px; right: 0px; }
div#webhome a { padding: 2px 10px 4px; border: 1px solid #ccc; border-top: 0px none; color: #333; font-size: 13.5px; line-height: 20px;
	background-color: #DDE0E5; background: rgba(255,255,255,.3); -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; 
	-moz-box-shadow: 0px -1px 3px rgba(0,0,0,.3) inset; -webkit-box-shadow: 0px -1px 3px rgba(0,0,0,.3) inset; box-shadow: 0px -1px 3px rgba(0,0,0,.3) inset; }
div#webhome a:hover, div#webhome a:focus { color: #06f; background-color: #FAFBFC; background: rgba(255,255,255,.4); 
	-moz-box-shadow: 0px -1px 1px rgba(0,0,0,.7) inset; -webkit-box-shadow: 0px -1px 1px rgba(0,0,0,.7) inset; box-shadow: 0px -1px 1px rgba(0,0,0,.7) inset; }


div#secondary_nav ul li.curr_page a { color: #7FBAD9; }
div#primary_nav ul li.curr_page a:hover { color: #7FBAD9; }
/*_________________________________________________________________________________
		BASIC STYLES
===================================================================================*/
div#main { font-family: Arial, Helvetica, sans-serif; font-size: 13.5px; line-height: 16.5px; }

div#col1 ul { margin: 0px 0px 12px 0px; padding-left: 15px; }
div#col1 ul li { list-style: disc; margin: 0px 0px 5px 15px; }
div#col1 ol { list-style-type: decimal; padding-left: 25px; }

h3 + p { margin-top: 3px; }

div#col1 table ul { padding: 0px; margin: 0px 0px 5px; }

div#footer p a:hover, div#footer p a:focus { color: #7FBAD9; }

/*_________________________________________________________________________________
		UTILITY STYLES
===================================================================================*/
span.footnote { margin: 3px 0px 8px; padding-top: 3px; display: block; color: #666; font-size: 11px; line-height: 13px; }
h2.articleStart { margin: 10px 0 3px; padding-top: 10px; border-top: 1px solid #ccc; }
.mainImage { margin: -40px 0px 15px 20px; padding: 5px 0px; position: relative; overflow: hidden; float: right; }
.figure { margin: 0px 0px 15px 20px; padding: 5px 10px; position: relative; overflow: hidden; float: right; }
.chart { margin: 20px 0 10px; padding: 1px 0px; overflow: hidden; clear: left; }
.chart img { margin-right: 10px; float: left; }
.key { font-size: 12px; line-height: 15px; }
.chart .key { float: left; }
#col1 ul.key { list-style: none outside; margin: 0px; padding: 0px; }
#col1 .chart ul.key { padding: 32px 0 0; }
#col1 ul.key li { margin: 0 0 5px 0; overflow: hidden; list-style: none outside; }
.key .keyValue { display: -moz-inline-box; display: inline-block; text-align: right; width: 35px; margin: 0px 5px 0px 0px; float: left; }
.key .keySwatch { display: -moz-inline-box; display: inline-block; width: 15px; height: 15px; margin: 0px 5px 1px 0px; border: 1px solid #333; float: left; }
.key .keyLabel {}

div.split { margin: 5px 0px 10px; overflow: hidden; }
div.split div.col1, div.split div.col2 { width: 351px; padding: 1px 0px; overflow: hidden; float: left; }
div.split div.col1 { margin-right: 30px; }
div.split div.col1 table, div.split div.col2 table { width: 350px; margin: 5px 1px 10px; }

div.triple { margin: 5px 0px 10px; overflow: hidden; clear: both; }
div.triple div.col1, div.triple div.col2, div.triple div.col3 { width: 234px; padding: 1px 0px; overflow: hidden; float: left; text-align: center; }
div.triple div.col1, div.triple div.col2 { margin-right: 15px; }

/*_________________________________________________________________________________
		COL 2 ITEMS
===================================================================================*/
div#quickLinks { margin: 0px -15px 0px; padding: 0px 15px 15px; border-bottom: 1px solid #ddd; }
div#quickLinks ul { list-style: none outside none; }

div#contactInfo { padding: 15px 0; overflow: hidden; }
div#contactInfo ul li { margin: 5px 0; padding-top: 5px; border-top: 1px solid #ddd; overflow: hidden; clear: both; }
div#contactInfo li img { margin: 0px 10px 3px 0px; float: left; }
div#contactInfo p { margin: 0px; }
div#contactInfo h5 { margin: 0px 0px 2px; }

/* Contact forms */
#contactInfo div.mediaContact, #contactInfo div.mediaContactDetail { zoom: inherit; }
div.mediaContact div.mediaContactDetail { padding-top: 5px; display: none; clear: both; }
.mediaContact fieldset div.text input { width: 175px; }
.mediaContact fieldset textarea { width: 175px; min-width: 175px; max-width: 180px; height: 100px; min-height: 50px; max-height: 300px; }
#contactInfo p.thanks_message,
#contactInfo p.error_message { margin: 5px 5px 10px; }

/*____________________________________________________________________________________________________________
		PAGE-SPECIFIC STYLES
==============================================================================================================*/
/*_________________________________________________________________________________
		HOMEPAGE 
===================================================================================*/

/*_________________________________________________________________________________
		AUDIENCE 
===================================================================================*/
#gciSample dl { margin: 0px; }
#gciSample dt { margin-top: 10px; font-weight: bold; }
#gciSample dl > dt:first-child { margin-top: 0px; }
#gciSample dl dd { padding: 0px; }

table#actionChart {}
table#actionChart td { padding: 3px 10px; border: 0px none #fff; text-align: center; }
table#actionChart td img { margin: 0px auto; float: none; }
table#actionChart td p { margin: 0px; line-height: 17px; }

/*_________________________________________________________________________________
		EDITORIAL 
===================================================================================*/
div.figure img.headshot { margin: 5px 7px 0 0; border: 1px solid #ccc; float: left; }

/*_________________________________________________________________________________
		ADVERTISING OPPORTUNITIES 
===================================================================================*/
table#adOps td { padding: 0px 0px 20px; border-width: 0px; vertical-align: top; }
table#adOps td.left { width: 351px; padding-right: 30px; }
table#adOps td.right { width: 351px; }

table#adOps table.adOp { width: 100%; margin: 0px; }
table#adOps table.adOp td { padding: 0px; font-size: 12px; line-height: 14px; }
table#adOps table.adOp th { padding: 0px 0px 5px 5px; border: 0px none; text-align: left; background-color: transparent; }
table#adOps table.adOp th h3 { margin: 0px; }
table#adOps table.adOp td.desc { padding: 10px 0px 0px 5px; }

table#adOps img.floatright, table#adOps img.floatleft { margin-bottom: 5px; }

/* ----- AD-OPP - MAGAZINES ----- */
table#rateCard { /*width: 377px;*/ }
table#rateCard td.rate { vertical-align: middle; text-align: center; }
table#rateCard div.group { padding: 5px; float: left;/*display: inline; display: inline-block;*/ text-align: center; }
table#rateCard div.group img { margin-bottom: 5px; }

/*_________________________________________________________________________________
		KNOWLEDGE CENTER 
===================================================================================*/
div#articleNav { margin: 10px 0px; padding: 7px; border: 1px solid #e6e6e9; border-width: 1px 0px; overflow: hidden; background-color: #f2f2f5; }
div#articleNav ul { margin: 0px; padding: 0px; overflow: hidden; list-style: none; }
div#articleNav ul li { margin: 0px 20px 0px 0px; padding: 0px 0px 3px 0px; display: inline; float: left; }
div#articleNav ul li.first { }

div#articleNav a:link, div#articleNav a:visited { color: #ea6f00; }
div#articleNav a:active, div#articleNav a:focus, div#articleNav a:hover { color: #06f; }

h2.articleTitle { margin: 10px 0px 3px; padding-top: 15px; border-top: 1px solid #ddd; clear: both; }
h2.articleTitle.first {  border-top: 0px none; }

div#kcDownload { overflow: hidden; }
div#kcDownload div.figure img { -moz-box-shadow: 0px 1px 9px rgba(0,0,0,.5); -webkit-box-shadow: 0px 1px 9px rgba(0,0,0,.5); box-shadow: 0px 1px 9px rgba(0,0,0,.5); }
div#kcDownload div.inner { display: none; }
div#kcDownload fieldset.inline div.text label { width: 110px; }
div#kcDownload fieldset.inline div.text label.error { width: auto; padding-left: 125px; }

/*_________________________________________________________________________________
		LINK STYLES
===================================================================================*/
a:link { color: #0075B3; text-decoration: underline; }
a:visited { color: #4C9ECA; }
a:hover, a:focus { color: #06f; }