@charset "UTF-8";
html { height: 100%; margin-bottom: 1px; } /* to prevent page jump */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;	
	overflow:auto;
	background:url(../images/background.png) top center repeat-y;
	/* IE keeps shifting the background background:url(../images/background1pxleft.png) top center repeat-y;*/
}


#container {
	width: 900px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border:none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	height:100px;
	padding:0;
	position:relative;
}
/*padding: 0 10px 0 20px;  this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ 

/******************************************* MAIN MENU DECLARATIONS START */
.mainspacer{
	line-height:2.75em; /* orignal height - 1.25 */
	display:inline;
	width:auto;}

#mainmenu {
	background:#d10826 url(../images/menubar.png) repeat-x left top;
	display:block;
	margin-bottom:15px;}/* bottom padding needs to be increased to allow hover state in ie7 */

#mainmenu a:link,
#mainmenu a:visited,
#mainmenu a:hover,
#mainmenu a:active{
	color:#fff;}

#mainmenu ul#mainnav {
	padding: 0;
	margin-left:130px;
	list-style: none;}
	
#mainmenu ul#mainnav li#creative,
#mainmenu ul#mainnav li#media,
#mainmenu ul#mainnav li#mediaowners,
#mainmenu ul#mainnav li#products,
#mainmenu ul#mainnav li#services,
#mainmenu ul#mainnav li#mydds,
#mainmenu ul#mainnav li#mediaa,
#mainmenu ul#mainnav li#creativeproduction,
#mainmenu ul#mainnav li#accounting,
#mainmenu ul#mainnav li#it,
#mainmenu ul#mainnav li#ddsonly
{
	display: block;
	float: left;
	width: auto;
	background:#d10826 url(../images/menubar.png) repeat-x left top;
	padding:.5em 0px;}

#mainmenu ul#mainnav li#creative a,
#mainmenu ul#mainnav li#media a,
#mainmenu ul#mainnav li#mediaowners a,
#mainmenu ul#mainnav li#products a,
#mainmenu ul#mainnav li#services a,
#mainmenu ul#mainnav li#mydds a,
#mainmenu ul#mainnav li#mediaa a,
#mainmenu ul#mainnav li#creativeproduction a,
#mainmenu ul#mainnav li#accounting a,
#mainmenu ul#mainnav li#it a,
#mainmenu ul#mainnav li#ddsonly a
{
	display: block;
	width: auto;
	text-decoration:none;
	border-left:1px solid #fff;
	padding-top:.25em;
	padding-right:25px;
	padding-bottom:.25em; 
	padding-left:5px;
}
#mainmenu ul#mainnav li#ddsonly {
	float:right;
	margin-right:15px;
}
#mainmenu ul#mainnav li#ddsonly a {
	font-weight:bold;
 }
#mainmenu ul#mainnav li#products a,
#mainmenu ul#mainnav li#services a
{
	background:url(../images/arrowwhiteRight.gif) no-repeat 90% 50%;}


/****************************** main menu item selectors */
#mainmenu ul#mainnav li#creative:hover,
#mainmenu ul#mainnav li#creative.sfhover,
#mainmenu ul#mainnav li#media:hover,
#mainmenu ul#mainnav li#media.sfhover,
#mainmenu ul#mainnav li#mediaowners:hover,
#mainmenu ul#mainnav li#mediaowners.sfhover,
#mainmenu ul#mainnav li#products:hover,
#mainmenu ul#mainnav li#products.sfhover,
#mainmenu ul#mainnav li#services:hover,
#mainmenu ul#mainnav li#services.sfhover,
#mainmenu ul#mainnav li#mydds:hover,
#mainmenu ul#mainnav li#mydds.sfhover,
#mainmenu ul#mainnav li#mediaa:hover,
#mainmenu ul#mainnav li#mediaa.sfhover,
#mainmenu ul#mainnav li#creativeproduction:hover,
#mainmenu ul#mainnav li#creativeproduction.sfhover,
#mainmenu ul#mainnav li#accounting:hover,
#mainmenu ul#mainnav li#accounting.sfhover,
#mainmenu ul#mainnav li#it:hover,
#mainmenu ul#mainnav li#it.sfhover,
#mainmenu ul#mainnav li#creative.selected,
#mainmenu ul#mainnav li#media.selected,
#mainmenu ul#mainnav li#mediaowners.selected,
#mainmenu ul#mainnav li#products.selected,
#mainmenu ul#mainnav li#services.selected,
#mainmenu ul#mainnav li#mydds.selected,
#mainmenu ul#mainnav li#mediaa.selected,
#mainmenu ul#mainnav li#creativeproduction.selected,
#mainmenu ul#mainnav li#accounting.selected,
#mainmenu ul#mainnav li#it.selected,
#mainmenu ul#mainnav li#ddsonly.selected,
#mainmenu ul#mainnav li#ddsonly:hover,
#mainmenu ul#mainnav li#ddsonly.sfhover

{	
	background:black;
	background-image:none;
	padding-bottom:1em;
	background:#000 url(../images/utilityMenu_hover.gif) repeat-x bottom left;}

#mainmenu ul#mainnav li#mydds:hover,
#mainmenu ul#mainnav li#mydds.sfhover,
#mainmenu ul#mainnav li#mydds.selected,
#mainmenu ul#mainnav li#ddsonly:hover,
#mainmenu ul#mainnav li#ddsonly.sfhover,
#mainmenu ul#mainnav li#ddsonly.selected,
#mainmenu ul#mainnav li#products.selected,
#mainmenu ul#mainnav li#services.selected
{
	border-bottom:3px solid #D00020;
}
#mainmenu ul#mainnav li#mediaa:hover,
#mainmenu ul#mainnav li#mediaa.sfhover,
#mainmenu ul#mainnav li#mediaa.selected
{
	border-bottom:3px solid #759B21;
}
#mainmenu ul#mainnav li#creativeproduction:hover,
#mainmenu ul#mainnav li#creativeproduction.sfhover,
#mainmenu ul#mainnav li#creativeproduction.selected
{
	border-bottom:3px solid #078CCD;
}
#mainmenu ul#mainnav li#accounting:hover,
#mainmenu ul#mainnav li#accounting.sfhover,
#mainmenu ul#mainnav li#accounting.selected
{
	border-bottom:3px solid #F29D18;
}
#mainmenu ul#mainnav li#it:hover,
#mainmenu ul#mainnav li#it.sfhover,
#mainmenu ul#mainnav li#it.selected
{
	border-bottom:3px solid #00B2AD;
}
#mainmenu ul#mainnav li#creative:hover,
#mainmenu ul#mainnav li#creative.sfhover,
#mainmenu ul#mainnav li#creative.selected
{
	border-bottom:3px solid #0C58C6;/* #AA0CC6;*/
	}
#mainmenu ul#mainnav li#media:hover,
#mainmenu ul#mainnav li#media.sfhover,
#mainmenu ul#mainnav li#media.selected
{
	border-bottom:3px solid #BF0A69;/* #759B21;*/
}
#mainmenu ul#mainnav li#mediaowners:hover,
#mainmenu ul#mainnav li#mediaowners.sfhover,
#mainmenu ul#mainnav li#mediaowners.selected
{
	border-bottom:3px solid #F2790A;
}

/* end main menu item selectors ****************************/

#mainmenu ul#mainnav li#creative:hover a,
#mainmenu ul#mainnav li#creative.sfhover a,
#mainmenu ul#mainnav li#media:hover a,
#mainmenu ul#mainnav li#media.sfhover a,
#mainmenu ul#mainnav li#mediaowners:hover a,
#mainmenu ul#mainnav li#mediaowners.sfhover a,
#mainmenu ul#mainnav li#products:hover a,
#mainmenu ul#mainnav li#products.sfhover a,
#mainmenu ul#mainnav li#services:hover a,
#mainmenu ul#mainnav li#services.sfhover a,
#mainmenu ul#mainnav li#mydds:hover a,
#mainmenu ul#mainnav li#mydds.sfhover a,
#mainmenu ul#mainnav li#mediaa:hover a,
#mainmenu ul#mainnav li#mediaa.sfhover a,
#mainmenu ul#mainnav li#creativeproduction:hover a,
#mainmenu ul#mainnav li#creativeproduction.sfhover a,
#mainmenu ul#mainnav li#accounting:hover a,
#mainmenu ul#mainnav li#accounting.sfhover a,
#mainmenu ul#mainnav li#it:hover a,
#mainmenu ul#mainnav li#it.sfhover a,
#mainmenu ul#mainnav li#ddsonly:hover a,
#mainmenu ul#mainnav li#ddsonly.sfhover a
{	
	padding-left:6px;
	border-left:none;
}
#mainmenu ul#mainnav li#products:hover a,
#mainmenu ul#mainnav li#products.sfhover a,
#mainmenu ul#mainnav li#services:hover a,
#mainmenu ul#mainnav li#services.sfhover a
{	
	padding-bottom:.75em;
	background:url(../images/arrowwhiteDown.gif) no-repeat 90% 45%;
}
#mainmenu ul#mainnav li:hover a,
#mainmenu ul#mainnav li.sfhover a
{	
	color:#fff;
}

/******************************************* SUBMENU DECLARATIONS START */
#mainmenu ul.submenu {
	padding:1em 0px;
	margin:0px;
	list-style: none;
	width:auto;}

#mainmenu ul#mainnav ul.submenu li {
	display: block;
	float: left;
	width:auto;
	background:#000;
	clear: both;}

#mainmenu ul#mainnav li#products ul.submenu a:link,
#mainmenu ul#mainnav li#services ul.submenu a:link,
#mainmenu ul#mainnav li#products ul.submenu a:visited,
#mainmenu ul#mainnav li#services ul.submenu a:visited,
#mainmenu ul#mainnav li#products ul.submenu a:active,
#mainmenu ul#mainnav li#services ul.submenu a:active,
#mainmenu ul#mainnav ul.submenu .nonlink {
	display: block;
	width: auto;
	text-decoration:none;
	background:transparent;
	background-image:none;
	border:none;
	margin:0px 1em;
	padding:5px;
	white-space: nowrap;
	color:#999;
	width:15em;}
#mainmenu ul#mainnav li#products ul.submenu strong,
#mainmenu ul#mainnav li#services ul.submenu strong{
	color:#fff;}
#mainmenu ul#mainnav li#products ul.submenu a:hover,
#mainmenu ul#mainnav li#services ul.submenu a:hover{
	background:#fff;}
#mainmenu ul#mainnav li#products ul.submenu a:hover strong,
#mainmenu ul#mainnav li#services ul.submenu a:hover strong{
	color:#000;}

#mainmenu li ul{
	position: absolute;
	width: auto;
	left: -999em;
	background:#000;
	z-index:600;
}
	
#mainmenu li:hover ul,
#mainmenu li#products.sfhover ul,
#mainmenu li#services.sfhover ul{	
	left:auto;
	background:#000;}

#mainmenu li#products a.twooptions {
	margin-bottom:-5px!important;}
/* SUB MENU END *******************************************/
/* MAIN MENU END *******************************************/

#sidebar1 {
	/* used for the marketing page sub navigation */

	float: left; /* since this element is floated, a width must be given */
	width: 333px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 15px 20px 15px 35px; /* padding keeps the content of the div away from the edges */
}
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 292px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin:0;
	padding:0;
}

#mainContentRightMargin {
	margin: 0 292px 0 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0 0 25px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#mainContentwLeftMargin {
	margin: 0 0 0 388px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding:0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#mainContentCenterMargin {
	margin: 0 262px 0 393px;
	padding:0.1em 0 0;
}
#mainContentWide {
	margin: 0 0 0 132px; /* 132px pixels pushed the left side in to line up with the DDS logo though there is no content. */
	padding: 0;
}
.home #sidebar1 {
	width: 246px; 
	padding: 0 0 0 132px; 
}
.home #sidebar2 {
	width: 246px; 
	padding:0;
	margin:0;
}
/* HEADER PROPERTIES */

#header p {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.logo img {
	margin:0;
	padding: 25px;
	padding-left:30px;
	float:left;
}
.logo span
{
	float:left;
	padding-top:48px;
	font-size:1.2em;
	padding-left:5px;
}
/* UTILITY MENU PROPERTIES */

#utilmenu {
	background:#000 url(../images/utilityMenu_white_spacer.gif) repeat-x bottom left;
	float:right;
	height:auto;
	margin:0;
	padding:5px 5px 0px 5px;
	text-align:right;
	top:0px;
	width:auto;
}
#utilmenu ul {
	background-color:transparent;
	list-style:none;
	margin:0px;
	padding-bottom:17px;
} /* bottom padding needs to be increased to allow hover state in ie7 */
#utilmenu li {
	background-color:transparent;
	display:inline;
	margin:0px;
	padding:0px;
}
#utilmenu #selected {
	background-color:transparent;
	border-left:1px solid #D00020;
	display:inline;
	margin:0px;
	padding:0px 20px 0px 5px;
}
#utilmenu li a {
	background:transparent;
	border-left:1px solid #D00020;
	margin:0px;
	padding:2px 25px 2px 5px;
}
#utilmenu li a:hover {
	background:#D00020 url(../images/utilityMenu_hover.gif) repeat-x bottom left;
*background:#D00020 url(../images/utilityMenu_hover_ie.gif) repeat-x bottom left;
	border-bottom:3px solid #000;
	border-left:none;
	padding:10px 25px 15px 6px;
}
#utilmenu li select {
	background-color:#fff;
}
#header #searchcomponent {
	bottom:0px;
	height:auto;
	margin:0;
	padding:0px 25px 15px 0px;
	position:absolute;
	right:0px;
	text-align:right;
	width:auto;
}
/* MAIN MENU PROPERTIES */

/*****************************************************************/
/*****************    SEARCH RESULTS   ***************************/
/*****************************************************************/
#mainContentRightMargin #searchcomponent {
	background-color:#D9ECFF;
	padding:15px;
	margin-bottom:50px;
}
/*****************************************************************/
/****************  SEARCH RESULTS END  ***************************/
/*****************************************************************/

.contextual {
	background: transparent url(../images/contextual_bg_top.gif) no-repeat left top;
	width:auto;
	margin:0;
	padding:0;
}
.contextual div.contextual {
	background: transparent url(../images/contextual_bg_bot.gif) no-repeat left bottom;
	width:auto;
	margin: 0;
	padding: 0;
}
.stretchback
{
	background:url(../images/contextual_bg_mid.gif) repeat-y;
	margin-left:-25px;
	padding-left:25px;
	padding-bottom:5px;
}
#sidebar2 .treeWrapper,
.searchFilters
{
	margin:0;
	/*padding:5px 25px 25px;*/
	padding:25px;
}
#sidebar2 .treeWrapper {
	padding-top:5px!important;
}
#footer {
	border-top:1px dashed #99191e;
	float:right;
	height:auto;
	margin-left:25px;
	*margin-left:0px;
	padding:10px 0px 25px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align:left;
	width:900px;
	margin-top:20px;/*i added this margin because you were relying on the the right most column (which i removed) to provide spacing between the footer and the content*/
}
#footer img {
	margin-bottom:-2px;
}
#footer ul {
	list-style:none;
	padding:0 0 25px 25px;
}
#footer li {
	display:inline;
}
#footer li a {
	border-left:1px solid #000;
	padding:0px 5px;
}
#footer li a {
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloatboth { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
}
.clearfloatleft { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:left;
}
.clearfloatright { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:right;
}
.clearfloatboth 
.clearfloatright, 
.clearfloatleft {
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.article1col {
	margin: 10px;
	font-size:1em;
	padding-right:10px;
}
.tundra .article1col {
	border-top: 1px dashed #99191e;
}
* html .article1col 
{
	margin-right:10px;
	padding-right:0;
}
.twoColContainer {

	margin-top: 2em;
}
.oneof2col {
	float:left;
	width:271px;
}
.twoof2col {
	float:right;
	width:272px;
	overflow:visible;
}
#mainContentWide .oneof2col, #mainContentWide .twoof2col {
	width:364px;

}
.twoColContainer ul {
	margin-left:20px;
}
#mainContentwLeftMargin .oneof2col, 
#mainContentwLeftMargin .twoof2col {
	width:220px;
	padding:0 0px 0 10px;
	border-left:solid black 1px;
}
#mainContentwLeftMargin .twoof2col
{
	padding-right:20px;
}

/******************************************************************/
/******************************************************************/
/******************************************************************/
#hero_container {
	padding-left:132px;
	
}

#hero {
	background:transparent;
	/*border-bottom:1px dashed #99191e;*/
	height:410px;
	padding-bottom:10px;
	width:auto;
	margin-top:-4px;
}

/*hero is contained here but i think it will be in flash as part of the animation*/
#hero_content {
	width:768px;
	position:absolute;
	z-index:-100;
	
}
#heroContentCenterMargin {
	width: 246px; 
	height:100px;
	margin:0px 0px 0px 261px;
	padding-top:250px;
}
#heroContentCenterMargin a {
	background: transparent url(../images/home_subhero01.gif) no-repeat 0px 60px;
	display:block;
	height:25px;
	width:246px;
	padding-top:75px;
	font-weight:bold;
}
#heroContentCenterMargin a:hover {
	background: transparent url(../images/home_subhero01.gif) no-repeat 0px 0px;
	height:100px;
	padding-top:0;
}
#sidebara {
	width: 246px; 
	height:350px;
	float:left;
	
}
#sidebara a {
	background: transparent url(../images/home_subhero01.gif) no-repeat 0px 60px;
	display:block;
	height:25px;
	width:246px;
	margin-top:250px;
	padding-top:75px;
	font-weight:bold;
	text-decoration:none;
}
#sidebara a:hover {
	background: transparent url(../images/home_subhero01.gif) no-repeat 0px 0px;
	height:100px;
	padding-top:0;
}



#sidebarb {
	width: 246px; 
	height:350px;
	float:right;
}
#sidebarb a {
	background: transparent url(../images/home_subhero03.gif) no-repeat 0px 60px;
	display:block;
	height:25px;
	width:246px;
	margin-top:250px;
	padding-top:75px;
	font-weight:bold;
}
#sidebarb a:hover {
	background: transparent url(../images/home_subhero03.gif) no-repeat 0px 0px;
	height:100px;
	padding-top:0;
}



#call_out {
	background:transparent url(../images/calloutbground.png) repeat-x bottom;
	width:auto;
	padding:10px 15px 30px 15px;
}
#hero_container .article1col
{
	padding-left:0 !important;
	margin-left:0;
	margin-top:25px;
}
/******************************************************************/
/******************************************************************/
/******************************************************************/
#fandb
{
	width:318px;
	margin-top:-28px;
	background:#F0F0F0;
	border: dotted white 1px;
	padding:20px 10px 10px;
	position:relative;
	float:right;
}