/* Common Styles for CDG, DGN, CDE, and DEN
------------------------------------------------------------------------------- */
* {margin: 0; padding: 0;}

* html, body
{
	color: #444;
	font-family: verdana, arial, helvettica, sans-serif;
	font-size: 100%;
	line-height: 18px;
	margin-bottom: 10px;
}

body
{
	background: #e3e3e3 url(/COMMON/themes/2008/cdg/images/backgrounds/header-bg.gif) repeat-x;
}

a, a:link
{
	text-decoration: none;
	color: #00214d; /* sitewide default */
}

a:hover  { text-decoration: underline; }
a:visited {}

/* building blocks
------------------------------------------------------------------------------- */
#container
{
	margin: 0 auto;
	text-align: left;
	width: 990px;
	font-size: .775em;
}

.c-block, .c-block-inner, .base
{
	overflow: hidden;
	position: relative;
    z-index: 1;
}

.c-block
{
	background: white url(/COMMON/themes/2008/cdg/images/backgrounds/content-bg.gif) repeat-y;
	float: left;
	margin: 10px 0 0 0;
	padding-bottom: 10px;
}

.c-block-inner
{
	min-height: 230px;
	padding: 10px 10px 0 10px;
	width: 970px;
	overflow: hidden;
}

#col-1,
#col-2 {
	background-color: #00214D;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
}

#col-3 {
	background-color: #DFDFDF;
	margin:0;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
}

#header
{
	font-family: Georgia, Times, serif;
	height: 110px;
	position: relative;
    z-index: 2;
}

#footer
{
	background: url(/COMMON/themes/2008/images/backgrounds/footer.png) no-repeat;
	height: 232px;
	color: #666;
	font-size: .875em;
}

/* .col-wrapper adds gradient below right colum modules when wrapped around all elements within .c-block-inner */
.col-wrapper
{
	background: white url(/COMMON/themes/2008/images/backgrounds/right-col-spacer.gif) no-repeat top right;
	overflow: hidden;
	position: relative;
    z-index: 3;
	width: 100%;
}

/* for use where multiple levels of padding are needed */
.inner {
	padding: 0 10px 10px 10px; 
	overflow: hidden;
	position: relative;
    z-index: 4;
}

.m-spotlight .inner
{
	padding: 0; 
	height: 230px;
	overflow: hidden;
	position: relative;
    z-index: 5;
}


/* grid
------------------------------------------------------------------------------- */
.base
{
	float: left;
	min-height: 230px;
}

.one-col, 
.two-col, 
.full 		{margin: 0 5px 0 0;}

.one-col 	{width:320px;}
.two-col 	{width:645px;}
.full		{width: 970px;}

/* sitewide headers */

/* these headings are setup this way because ie6 does not apply background position for pngs */
.tone-1 h1, .tone-2 h1, .tone-3 h1, .tone-4 h1
{
	position: relative;
    z-index: 6;
	overflow: hidden;
}

.tone-1 h1 span, .tone-2 h1 span, .tone-3 h1 span, .tone-4 h1 span
{
	display: block;
	width: 970px;
	height: 90px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.tone-1 h1 div, .tone-2 h1 div, .tone-3 h1 div, .tone-4 h1 div
{
	position: relative;
    z-index: 7;
}


.tone-1 h1 span {background-image: url(/COMMON/themes/2008/cdg/images/backgrounds/t-1-h1.png)}
.tone-2 h1 span {background-image: url(/COMMON/themes/2008/cdg/images/backgrounds/t-2-h1.png); background-color: transparent;}
.tone-3 h1 span {background-image: url(/COMMON/themes/2008/images/backgrounds/h2-bg.png)}
.tone-4 h1 span {background-image: url(/COMMON/themes/2008/cdg/images/backgrounds/t-4-h1.png); background-color: transparent;}

h1, h2, .left-bdr
{
	background-position: left bottom; 
	background-repeat: no-repeat;
}

.tone-1 h2, .tone-2 h2, .tone-3 h2, .tone-4 h2, .tone-3-lt h2, .left-bdr
{background-image: url(/COMMON/themes/2008/images/backgrounds/h2-bg.png);}

.tone-2 {
	background-image: url(/COMMON/themes/2008/cdg/images/backgrounds/tone-2-gradient.gif);
	background-repeat: repeat-x;
}

.tone-4 h2, .tone-4 h2 .left-bdr
{background-image: url(/COMMON/themes/2008/cdg/images/backgrounds/h2-bg-tone-4.png);}

.tone-4 {
	background-image: url(/COMMON/themes/2008/cdg/images/backgrounds/tone-4-gradient.gif);
	background-repeat: repeat-x;
}

.left-bdr
{
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	width: 1px;
	height: 67px;
}

/* buttons
------------------------------------------------------------------------------- */
.c-block a.btn
{
	background: url(/COMMON/themes/2008/images/backgrounds/button-bg.png) no-repeat bottom left;
	clear: both;
	color: #fff;
	float: right;
	font-size: .875em;
	margin: 10px 0 10px 0;
	padding: 1px 8px 2px 8px;
	text-decoration: none;
}

/* Tone 3 (these colors remain the same for all sites all other tone colors reside within site specific css files)
------------------------------------------------------------------------------------------------------------------ */
.tone-3, .tone-3 .left-bdr	{background-color: #dfdfdf; color: #444;}

.tone-3 h2, .tone-3 h2 a	{color: #666;}

.tone-3 .dk 	{background-color: #666;}
.tone-3 .lt		{background-color: #eee;}

.tone-3 a.btn, .tone-3-lt a.btn 				{background-color: #666; border: 1px solid #444;}
.tone-3 a:hover.btn, .tone-3-lt a:hover.btn		{background-color: #888;}

.tone-3-lt {background: url(/COMMON/themes/2008/images/backgrounds/tone-3-lt-gradient.gif) repeat-x;}

.tone-3-lt					{color: #444;}
.tone-3-lt .left-bdr		{background-color: #eee;}
.tone-3-lt h2 a				{color: #666;}
/* end tone 3 */

/* Spotlight Modules */
.s-module {border-bottom: 5px solid white; font-size: .875em; line-height: 1.5em;}

.s-module h2 {
	background-image: none;
	overflow: hidden;
	background-color: transparent;
	line-height: 18px;
	padding: 0;
	font-size: 16px;
	margin: 1px 3px 9px 3px;
	min-height: 18px;
}

.s-module h2 div
{
	padding: 5px 10px;
}

.s-module h2 span
{
	display: block;
	position: absolute;
	width: 400px;
	height: 400px;
	background-color: #000;
	opacity:0.1;
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
}

.mod-1, .mod-1 .s-top {background: url(/COMMON/themes/2008/images/backgrounds/s-mod-1.gif) no-repeat bottom;}
.mod-2, .mod-2 .s-top {background: url(/COMMON/themes/2008/images/backgrounds/s-mod-2.gif) no-repeat bottom;}
.mod-3, .mod-3 .s-top {background: url(/COMMON/themes/2008/images/backgrounds/s-mod-3.gif) no-repeat bottom;}
.mod-4, .mod-4 .s-top {background: url(/COMMON/themes/2008/images/backgrounds/s-mod-4.gif) no-repeat bottom;}

.s-top
{
	background-position: top!important;
	height: 8px;
	overflow: hidden;
}


/* site outer borders
------------------------------------------------------------------------------- */
.bt, .bl, .bb
{
	height: 115px;
	overflow: hidden;
	position: absolute;
	width: 990px;
}

.bt, .bb, .rt-shd, .rt-shd .btm  {background: url(/COMMON/themes/2008/cdg/images/sprites/grad-bdr.gif);}
.bl {background: url(/COMMON/themes/2008/cdg/images/sprites/non-grad-bdr.gif);}
.bb {background-position: bottom; bottom: 0px;}

/* right shadow for fixed height areas */ 
.rt-shd
{
	background-position: top right;
	height: 260px;
	position: absolute;
	right: 0;
	width: 7px;
}
.rt-shd .btm
{
	background-position: bottom right;
	bottom: 0;
	height: 150px;
	position: absolute;
	width: 7px;
}


/* Headings & Tags 
------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6
{
	color: black;
	font-family: georgia, times, serif;
}

h1, h2
{ 
    font-size: 20px; 
    line-height: 23px;
    position: relative;
    z-index: 8;
    min-height: 44px;
    padding: 5px 10px 20px 10px;
}

h1 
{
	background-color: white;
	font-weight: normal;
	color: white;
	min-height: 30px;
}

h1.home
{ 
	color: #666;
	font-weight: normal;
}

h2 span
{
	font: normal 12px Verdana, sans-serif; 
	color: #666;
	display: block;
	height: 15px;
} 

.m-spotlight h2
{ 
    font-size: 20px; 
    padding-top: 0;
    line-height: 27px;
    min-height: 27px;;
    padding: 0;
    color: #666; 
}

h3
{ 
	font-family: georgia, times, serif;
    font-size: 1.2em; 
    line-height: 18px;
    font-weight: normal;
}

h3.feature
{
	font-size: 1.4em;
    line-height: 20px;
}

h4
{ 
	font-family: Verdana, sans-serif;
    font-size: .975em; 
    line-height: 16px;
    font-weight: bold;
    
}

img {
	border: 0; 
	float: left;
	margin: 0 10px 0 0;
}

.tone-4 img
{
	border: 3px solid white;
}


hr
{
	border: 0;
	border-top: 1px dashed #b8b8b8;
	height: 1px;
	margin: 10px 0;
}

strong {font-weight: bold;}

#marquee
{
	border-bottom: 5px solid white;
}
#marquee h1
{
	position: absolute; 
	width: 100%; 
	background-color: transparent;
}

#marquee img
{
	margin: 30px 0 0 0;
}

#marquee.base {min-height: 0px;}
/* list classes 
------------------------------------------------------------------------------- */
.inner ul, .inner ol
{
	list-style-image: url(/COMMON/themes/2008/images/bullet.gif);
	list-style-position:outside;
	list-style-type:square;
	margin-left: 40px;
}

.inner ol
{
	list-style-image: none;
	list-style-type: decimal;
}

.inner li
{
	margin-bottom: 9px; 
}

p, ul, ol, dd, h3
{ 
    margin-bottom: 9px; 
}

.one-col ul, ul.asset-list
{
	margin-left: 0;
	list-style-type: none;
	list-style-image: none;
}

.asset-list li {
	clear: both; 
	overflow: auto;
	padding: 5px;
}

ul.asset-list ul li 
{
	clear: none;
	padding: 0;
	overflow: visible;
}

.asset-list h3 {margin: 0 0 5px 0;}

.one-col .asset-list		{width: 300px;}
.one-col .asset-list li 	{margin-bottom: 0px;}

.two-col .asset-list		{width: 625px;}
.full .asset-list			{width: 950px;}


/* right columns within li tags */
.li-headshot 	{margin-left: 74px;}
.li-logo 		{margin-left: 115px;}
.li-paper 		{margin-left: 95px;}


/* floated fixed width lists */

.asset-list-float
{

}

.asset-list-float li
{
	display: block;
	float: left;
	width: 315px;
}

.asset-list-float li h3 {margin-bottom: 5px;}

.two-col .asset-list-float li
{
	width: 305px;
}

/* end list classes 
------------------------------------------------------------------------------- */



/* top navigation / logo & caption / search box / top 5 featured items
------------------------------------------------------------------------------- */
#nav
{
	padding: 6px 0px 0px 5px;
	position: absolute;
	height: 30px;
	bottom: 0;
	right: 0;
	z-index: 110;
}

#nav ul 
{
	margin-bottom: 0;
	width: auto;
}

#nav a {
	color: #40597a;
	font-size: 1.02em;
	font-weight: bold;
}

#nav a:hover {
	text-decoration: none;
	color: #00214d;
}

#nav, #nav .right {background: url(/COMMON/themes/2008/cdg/images/sprites/top-nav.gif) no-repeat;}

#nav ul li
{
	display: block;
	float: left;
	list-style-type: none;
	position: relative;
    z-index: 9;

}

#nav ul li a	
{
	display: block;
	float: left;
	padding: 6px 11px;
	background: url(/COMMON/themes/2008/cdg/images/backgrounds/inactive.gif) no-repeat left bottom;
	border-right: 1px solid white;
}

#nav li a:hover	
{
	background: url(/COMMON/themes/2008/cdg/images/backgrounds/active.gif) repeat-x bottom;
}

#nav .first 	{margin-left: 5px;}
#nav .first a 	{background-position: -1px bottom;}
#nav .last a 	{border: 0; margin-right: 5px;}

#nav .right
{
	width: 6px; 
	height: 36px;
	position: absolute; 
	right: 0; 
	top: 0;
	background-position: -963px 0;
}

/* Dropdown menus */
#nav ul ul 
{
	border-left: 1px solid #b8c1ce;
	position: absolute;
	background: white;
	z-index: 111;
    top: 30px;
}

#nav ul ul li
{
	font-family: verdana, arial, helvetica, "sans-serif";
	font-size: .875em;
    display: block;
}

#nav ul ul li a
{
	display: block;
	width: 150px;
	font-weight: normal;
	float: none;
	padding: 6px 11px;
	background-image: none;
	background-color: #f0f2f4;
}

#nav ul ul li a:hover
{
	text-decoration: underline;
	background-image: none;
}


/* logo & caption */
.mast-logo
{
	display: block;
	position: absolute;
	width: 165px;
	height: 56px;
	margin: 13px 10px 0 5px;
	text-indent: -99999px;
	background: transparent url(/COMMON/themes/2008/cdg/images/logos/header-logo.png);
}

.header-caption
{
	color: white;
	position: absolute;
	font-style: italic;
	margin: 20px 310px 0 200px;
}

/* search fields */
#search
{
	position: absolute;
	right: 5px;
	line-height: 0;
	width: 300px;
}

.scl
{
	background-image: url(/COMMON/themes/2008/cdg/images/buttons/search-corner-left.gif);
	width: 2px;
	height: 24px;
	float: left;
}

#top-search-field, #page-search-field 
{
	height: 18px;
	line-height: 0;
	border: 0;
	padding: 3px 4px 3px 1px;
	color: #666;
	float: left;
	width: 250px;
}

#page-search
{
	line-height: 0;
	width: 319px;
	overflow: hidden;
	margin: 10px 0;
}

#page-search-field 
{
	height: 16px;
	border: 1px solid #ccc;
}

/* resides within header */
ul#search-nav 
{
	position: absolute;
	right: 0;
	top: 30px;
	font: .8em Verdana, sans-serif;
}

ul#search-nav li
{
	display: inline;
	float: left;
}

ul#search-nav li a
{
	color: #febe10;
	padding: 0 10px 0 10px;
	background: url(/COMMON/themes/2008/images/backgrounds/ld-white.gif) no-repeat center left;
}

ul#search-nav li a:hover
{
	color: #febe10;
}

.search-list dd
{
	padding-bottom: 9px;
}


/* Marketing Spotlight */
.m-spotlight
{
	width: 300px;
	height: 230px;
	overflow: hidden;
	padding: 15px 15px 5px 15px;
}


/* top 5 featured items */
.features
{
	width: 635px;
	height: 240px;
	position: relative;
    z-index: 10;
}

.feature-nav
{
	width: 635px;
	height: 44px;
	position: absolute;
	margin: 0;
	bottom: 0;
	left: 0;
	background: url(/COMMON/themes/2008/cdg/images/backgrounds/nav-gradient.gif) repeat-x bottom;
}

.feature-nav li, .feature-nav li a
{
	float: left;
	display: block;
	overflow: hidden;
	text-align: center;
	width: 47px;
	height: 44px;
	line-height: 55px;
	color: black;
	font-weight: bold;
	font-size: 16px;
}
.feature-nav {z-index: 101;}
.feature-nav li a:hover {text-decoration: none;}
.feature-nav-icons li, .feature-nav li.active {background: transparent url(/COMMON/themes/2008/images/buttons/feature-nav-slider.png) no-repeat;}


/* right side feature nav control buttons */
#fnc
{
    position: absolute;
    bottom: 0;
    right: 5px;
    width: 200px;
    z-index: 102;
}

#fnc li
{
    list-style: none;
    margin: 0 5px 0 0;
}
    
#fnc li, #fnc a
{
    height: 16px; 
    width: 16px;
    overflow: hidden; /* ie6 */
    display: block;
    float: right;
    text-indent: -99999px;
}

#fnc a 								{background: url(/COMMON/themes/2008/cdg/images/sprites/icons.gif);}

#next a, #next a:link				{background-position: 0 -32px;}
#play a, #pause a:link				{background-position: 0 0;}
#pause a, #pause a:link				{background-position: 0 -16px;}
#previous a, #previous a:link		{background-position: 0 -48px;}

#next  a:hover						{background-position: -16px -32px;}
#play a:hover						{background-position: -16px 0;}
#pause a:hover						{background-position: -16px -16px;}
#previous  a:hover					{background-position: -16px -48px;}


/* features
------------------------------------------------------------------------------- */	
.feature-item 
{
	border: 1px solid #e5e5e5;
	position: relative;
    z-index: 11;
	padding: 20px;
	margin-bottom: 20px;
}

.feature-item-txt h3 	{margin-top: 15px;}
.li-headshot h3			{margin-top: 0;}

.feature-item-txt {line-height: 1.6em;}

.feature-item img 
{
	margin-right: 20px;
}

.feature-item h2, .feature-item-full h2
{
	margin: 0 0 5px 0;
	line-height: 24px;
	padding: 0;
	background: none;
	min-height: 18px;
}

.feature-item p, .feature-item-full
{
	line-height: 24px;
	font-family: Georgia, serif;
	font-size: 1.2em;
}


/* pagination
------------------------------------------------------------------------------- */
.pagination
{
	margin-top: 10px;
	float: left;
	text-align: center;
}

.page-nums a
{
	padding: 3px 6px;
	background: #e3e3e3;
}

.pagination a:hover
{
	text-decoration: none;
	color: #00ADEF;
}

.page-nums a:hover
{
	color: 00ADEF;
	background: #eee;
}


/* footer
------------------------------------------------------------------------------- */
#footer h3
{
	font-size: 1.4em;
}

#footer .l, 
#footer .c, 
#footer .r 
{
	float: left; 
	margin: 10px 7px 10px 10px;
}

#footer .l
{
	width: 102px;
}

#footer .c
{
	width: 685px;
}

#footer .r
{
	width: 125px;
	font-size: .8em;
	line-height: auto;
}

#footer .r img {margin-bottom: 5px;}

#footer .tone-4 
{
	background: none;
}

.cntr-network-links ul
{
	border-bottom: 1px dotted #999;
}


/* inline lists
------------------------------------------------------------------------------- */
ul.float-nav
{
	clear: right;
	position: relative;
    z-index: 12;
	overflow: hidden;
	margin: 0;
	line-height: 26px;
}

.float-nav li
{
	display: inline;
	float: left;
}

.float-nav li a
{
	padding: 0 10px;
	background: url(/COMMON/themes/2008/images/backgrounds/ld-grey.gif) no-repeat center left;
}

.float-nav .first, #search-nav .first
{
	background-image: none;
	padding-left: 0;
}

.archive-list 
{
	background: #d6d5d5 url(/COMMON/themes/2008/images/backgrounds/archive-list-spacer.gif) repeat-x bottom;
}

.archive-list li
{
	margin-bottom: 0;
}

.archive-list li a 
{
	background-image: none;
}

.archive-list li.current
{
	background: #ccc url(/COMMON/themes/2008/images/backgrounds/archive-list-aarow.gif) no-repeat left bottom;
	color: #000;
	padding: 0 10px 10px 10px;
}


/* margins
------------------------------------------------------------------------------- */
.m-0 		{margin: 0!important;}
.mb-0 		{margin-bottom: 0;}
.mr-0 		{margin-right: 0px!important;}
.mt-5 		{margin-top: 5px!important;}
.mt-10 		{margin-top: 10px;}
.mt-15 		{margin-top: 15px;}
.mt-20 		{margin-top: 20px;}
.ml-10 		{margin-left: 10px;}
.mr-10 		{margin-right: 10px;}
.ml-20 		{margin-left: 20px;}
.ml-70 		{margin-left: 70px;}

.p-0 		{padding: 0px;}
.p-10 		{padding: 10px;}
.pt-10 		{padding-top: 10px;}
.pr-0		{padding-right: 0px;}

.w-330 {width: 330px;}
.w-665 {width: 655px;}

/* usefull classes
------------------------------------------------------------------------------- */
.white 		{color: white!important;}
.bg-white 	{background-color: white!important;}
.trans		{background-color: transparent;}
.grey 		{color: #666!important;}
.lt-grey-bg	{background:url(/COMMON/themes/2008/images/backgrounds/lt-grey-bg.gif) repeat-x bottom;}
.black 		{color: black!important;}
.black-links a {color: black;}
.f-right 	{float: right;}
.f-left 	{float: left;}
br.clear	{line-height: 0; clear: both;}
.clear-r	{clear: right;}
.clear-l	{clear: left;}
.clear 		{clear: both;}
.block		{display: block;}
.bg-none 	{background-color: transparent!important;}
.bg-img-none	{background-image: none;}
.highlight	{background-color: #ffecac; border-bottom: 1px dashed #f8ba58;}
.blh		{line-height: 18px; height: auto; min-height: 18px;} /* base line height */
.visible 	{visibility: visible;}
.hidden 	{visibility: hidden;}

.error, .error_login	
{
	background-color: #fff5d4;
	color: red;
	padding: 10px 15px;
	margin-bottom: 18px;
}

.error_login
{
	margin-bottom: 5px;
	padding: 5px;
}