@import url("reset.css");
@import url("layout.css");

html {
	background: #9d9fa2 url('../images/bg-pattern.jpg');
	background-repeat: repeat;
}

	/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;

		margin: 0 auto;
	
		font-size: 0.7em;

  		font-family: Arial, Helvetica, sans-serif;
    }
    
/* Header Styles + Nav + Logo + Header Links */
    div#nav-holder {
    background: #FFF;
    width: 943px;
    height: 160px;
    float: left;
    border-bottom: 1px solid #616f72;
    margin-left: 42px; /* lets line it up with the Corp style so it doesnt look so jarring when you view it */
    }
    
    div#newsroom {
    float: left;
    margin: 0;
    margin-top: 45px;
    margin-left: 26px;
    padding: 0;
    display: inline;
    }
    
	div#talk-logo {
	margin-left: 128px;
	margin-top: 44px;
	height: 87px;
	float: left;
	}
	
		div#talk-logo image {
		border: none;
		}
	
	/* Navigation Area */
	div#navigation {
	width: 717px;
	height: 38px;
	display: inline;
	background-color: #FFF;
	overflow: hidden;
	float: right;
	margin-top: 13px;
	}
	
		div#navigation ul {
		margin: 0;
		padding: 0;
		display: inline;
		}
	
		div#navigation ul li {
		list-style: none;
		display: inline;
		margin: 0;
		padding: 0;
		float: left;
		}
		
		div#navigation img {
		border: 0;
		padding: 0;
		margin: 0;
		display: inline;
		}

/*//--- End Header --- */

	div#wrapper {
	width: 940px;
	background: #8e9ea1;
	border-left: 2px solid #616f72;
	border-right: 2px solid #616f72;
	border-bottom: 2px solid #616f72;
	float: left; 
	margin-left: 42px; /* lets line it up with the Corp style so it doesnt look so jarring when you view it */
	}
	
	div#wrapper2 {
	width: 940px;
	background: #FFF;
	border-left: 2px solid #616f72;
	border-right: 2px solid #616f72;
	border-bottom: 2px solid #616f72;
	float: left; 
	margin-left: 42px; /* lets line it up with the Corp style so it doesnt look so jarring when you view it */
	}
	
	div#header {
	height: 60px;
	background: #616f72;
	border-bottom: 1px solid #485456;
	}
	
		div#header div {
		margin: 0px 0px 0px 10px;
		padding: 10px;
		}
		
		div#header div select {
		margin-top: 5px;
		font-size: 11px;
		}
		
		div#header h2 {
		float: left;
		margin-left: 82px;
		margin-top: 21px;
		font-size: 20px;
		color: #FFF;
		}
	
	div#col1 {
	float: left;
	width: 215px;
	display: inline;
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 15px;
	/* border: 1px solid red; */
	}
	
	div#col2 {
	float: left;
	width: 445px;
	display: inline;
	margin-top: 15px;
	margin-right: 15px;
	/* border: 1px solid green; */
	}
	
	div#col3 {
	width: 215px;
	float: left;
	display: inline;
	margin-top: 15px;
	/* border: 1px solid yellow; */
	}
	
	div .title-area b {
	color: #FFF;
	font-size: 16px;
	}
	
	div .title-area h1 {
	color: #FFF;
	font-family: Arial;
	font-size: 16px;
	font-weight: 500;
	display: inline;
	}

	div .title-area h1.rroom {
	color: #000;
	font-family: Arial;
	font-size: 18px;
	font-weight: 500;
	display: inline;
	}

/* Single Page Area */

div#single-holder {
	margin-top: 15px;
	margin-left: 20px;
	}
	
		div#single-holder div.title-area {
		margin-bottom: 15px;
		margin-left: 5px;
		}
		
		div#single-holder div.title-area a {
		margin-left: 5px;
		color: #000;
		}

		div#single-holder div.title-area a:hover {
		color: #565656;
		}
	
		div#single-holder h1 {
		color: #FFF;
		font-family: Arial;
		font-size: 18px;
		font-weight: 500;
		display: inline;
		}

	div.content {
	font-family: Arial;
	font-size: 13px;
	}
	
	div.content p {
	line-height: 150%;
	}

	div.content ul {
	list-style-type: disc;
	}
	
	div.content ul li {
	margin-left: 25px;
	margin-bottom: 10px;
	}
	
	div.multi p {
	font-size: 13px;
	display: block;
	padding-bottom: 0px;
	margin-bottom: 0px;
	line-height: 100%;
	}
	
	div.multi p a {
	color: #d4599f;
	}
	
	a.pink {
	color: #d4599f;
	}
	
	div.rellink a {
	color: #d4599f;
	}
	
	div.line-hold {
	
	}
	
	div.release {
	float: left; display: inline; width: 315px; line-height: 20px;
	}
	
	div.share {
	float: right; display: inline; margin-right: 8px; font-size: 12px;
	}
	
	div.share a {
	color: #d4599f;
	}

/* ******************************* */
/* SMReleases Page                 */
/* ******************************* */

div.title-area {
margin-top: 15px;
margin-bottom: 10px;
margin-left: 20px;
}

div.title-area a {
margin-left: 5px;
color: #000;
}

div.title-area a:hover {
color: #565656;
}


h1.newsroom {
color: #FFF;
font-family: Arial;
font-size: 18px;
font-weight: 500;
display: inline;
}

	/* Release Holder */
	#showread { padding-top: 0px; color: #e655a6; }
	#hideread { padding-top: 0px; color: #e655a6; }
	
	div.rel-holder {
	  background: 
		url(../images/release-bg.gif)
		repeat-y;
	float: left;
	margin-bottom: 20px;
	  }
	  
	div.rel-header {
		color: #FFF;
		font-weight: 600;
		width: 544px;
		height: 30px;
	
		background: 
		url(../images/release-top.gif) 
		top no-repeat;
	  }
	  
	 div.rel-header h2 {
	 font-family: Arial; 
	 font-size: 14px; 
	 font-weight: bold;
	 color: #000;
	 margin-left: 10px;
	 padding-top: 8px;
	 }
	  
	div.rel-footer {
	  background: 
		url(../images/release-bottom.gif) 
	  bottom left no-repeat;
	  clear: both;
	  }
	*/

	/* Release Excerpt */
	div#release-content-excerpt { width: 544px; }
	div#release-content-full { width: 544px; }	

	div.r-facts { clear: both; }
	div.r-facts h2 {font-size: 14px; font-family: Arial; font-weight: bold; margin-bottom: 30px; padding-top: 30px; }
	div.r-facts h3 { font-size: 14px; font-family: Arial; font-weight: bold; padding-bottom: 0px; margin-bottom: 0px;}
	div.r-facts p { margin: 0px; padding: 0px; }
	div.r-facts ul { margin-left: 25px; font-size: 13px; font-family: Arial; margin-bottom: 30px; list-style-type: disc; margin-top: 0px; padding-top: 0px; }
	div.r-facts ul li { margin-top: 10px; }
	
	div.r-links h2 { font-size: 14px; font-family: Arial; font-weight: bold; padding-top: 30px; }
	div.r-links p { margin: 0px; padding: 0px; }
	div.r-links ul { margin-left: 25px; font-size: 13px; font-family: Arial; margin-bottom: 30px; list-style-type: disc; margin-top: 0px; padding-top: 0px; }
	div.r-links ul li { margin-top: 10px; }
	div.r-links ul li a { color: #e655a6; }

	div.r-media { clear: both; padding-top: 30px; }
	div.r-media p { padding-left: 0px; margin-left: 0px; }
	div.r-media h3 { font-size: 14px; font-family: Arial; font-weight: bold; }
	div.r-media p a { color: #e655a6; } 
	div.r-media p a:hover { color: #e655a6; text-decoration: none; }
	
	div.r-pitch { float: left; width: 242px; }
	div.r-pitch h3 { font-size: 14px; font-family: Arial; font-weight: bold; margin-bottom: 5px; }
	div.r-pitch p { font-family: Helvetica; font-size: 12px; }
	
	div.r-share { float: right; width: 242px; }
	div.r-share h3 { font-size: 14px; font-family: Arial; font-weight: bold; margin-bottom: 5px; }
	div.r-share p { font-family: Helvetica; font-size: 12px; }

/* ******************************* */
/* Styles for Short Column Contents */
/* ******************************* */
div.col-holder {
  background: 
	url(../images/executive_bg.jpg)
	repeat-y;
float: left;
margin-bottom: 20px;
  }

	div.col-holder div p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
/* Our Content Area Headers */
div.col-header {
	color: #FFF;
	font-weight: 600;
	width: 213px;
	height: 29px;

	background: 
	url(../images/executive_header.jpg) 
	top no-repeat;
  }
  
 div.col-header h2 {
 margin-left: 10px;
 padding-top: 8px;
 }
  
div.col-footer {
  background: 
	url(../images/executive_bottom.jpg) 
  bottom left no-repeat;
  clear: both;
  }
  
div.col-footer-box {
  background: 
	url(../images/box_bottom.jpg) 
  bottom left no-repeat;
  height: 5px;
  clear: both;
}

/* End Short Column Content Styles */

/* ******************************* */
/* Styles for Long Column Contents */
/* ******************************* */
div.long-col-holder {
  background: 
	url(../images/long_bg.jpg)
	repeat-y;
float: left;
margin-bottom: 20px;
  }
  
	div.long-col-holder p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	}
  
div.long-col-header {
	color: #FFF;
	font-weight: 600;
	width: 443px;
	height: 29px;

	background: 
	url(../images/long_header.jpg) 
	top no-repeat;
  }
  
 div.long-col-header h2 {
 margin-left: 10px;
 padding-top: 8px;
 }
  
div.long-col-footer {
  background: 
	url(../images/long_bottom.jpg) 
  bottom left no-repeat;
  clear: both;
  }
  
div.long-col-footer p {

  }

	div.release-content {
	margin-left: 3px;
	margin-right: 7px;
	}

	div.release-content a {
	color: #860c5d;
	}

	div.release-content {
	font-family: Arial;
	font-size: 13px;
	}
	
	div.release-content p {
	line-height: 150%;
	}

	div.release-content ul {
	list-style-type: disc;
	}
	
	div.release-content ul li {
	margin-left: 25px;
	}

/* End Long Column Content Styles */

/* ******************************* */
/* Styles for Big Column Contents - Media, Bio, Story pages */
/* ******************************* */
div.big-holder {
  background: 
	url(../images/big_bg.jpg)
	repeat-y;
float: left;
margin-bottom: 20px;
width: 897px;
  }
  
/* Our Content Area Headers */
div.big-header {
	color: #FFF;
	font-weight: 600;
	width: 897px;
	height: 31px;

	background: 
	url(../images/big_header.jpg)
	top no-repeat;
  }
  
 div.big-header h2 {
 margin-left: 10px;
 padding-top: 8px;
 }
  
div.big-footer {
  background: 
	url(../images/big_bottom.jpg) 
  bottom left no-repeat;
  clear: both;
  }

div#footer {
float: left;
margin-left: 42px; /* lets line it up with the Corp style so it doesnt look so jarring when you view it */
}
/* Type Settings for Boxes */


.media { padding: 8px; clear: both; }
.media a { font-size: 12px; font-family: Arial, Sans-serif; color: #000; margin-bottom: 5px; }
.media a:hover { text-decoration: none; }
.media div.image { margin-left: 15px; width: 100px; text-align: center; float: left; }
.media div.image img { display: block; border: none; margin-bottom: 5px; margin-left: auto; margin-right: auto; }
.media div.video { margin-left: 22px; width: 120px; text-align: center; float: left; }
.media div.video img { display: block; border: none; margin-bottom: 5px; margin-left: auto; margin-right: auto; }
.media div.download { text-align: center; margin-top: 5px; }
.media div.download a { color: #c93092; text-transform: uppercase; font-size: 9px; }

.idea { font-family: Arial; margin-bottom: 10px; margin-right: 10px;}
.idea h3 { font-size: 15px; color: #515c5f; margin-left: 8px; font-weight: 600; }
.idea p { font-size: 13px; color: #000; font-weight: 500; margin: 0; padding-left: 8px; padding-top: 0px; }

.content { padding: 8px; }
.title { color: #515c5f; font-size: 12px; font-family: Arial; font-weight: 600; margin-bottom: 15px; line-height: 15px; }
.title:hover { color: #8e9ea1; }
.line { border-bottom: 1px solid #dbdcde; height: 2px; width: 430px; margin-top: 5px; margin-bottom: 5px; }

.exec { font-family: Arial; margin-bottom: 10px; display: block; min-height:100px; height:auto !important; height:100px; }
.exec-info { float: left; width: 130px; }
.exec-info a { color: #d4599f; text-decoration: underline; font-size: 12px; margin-bottom: 3px; display: block; }

.e-photo { float: left; margin-right: 10px;  clear: both; border: 1px solid #000; }
.e-name { font-size: 14px; font-weight: 600; color: #515c5f; display: block; }
.e-title { font-size: 12px; color: #515c5f; display: block; margin-bottom: 15px;}
.e-img { float: left; display: inline; overflow: hidden; border: none; margin-right: 3px; }
.e-img last { float: left; display: inline; overflow: hidden; border: none; margin-right: 3px; }

.smicons { margin-top: 14px; }
.spacer { border-bottom: 1px solid #e2e3e4; height: 2px; padding-top: 15px; margin-bottom: 15px; width: 195px; }
.eventsspacer { border-bottom: 1px solid #e2e3e4; height: 2px; width: 195px; margin-left: 8px; }
.eventsp { line-height: 120%; }
.eventsp a { color: #d4599f; }

.bio { font-family: Arial; margin-bottom: 10px; display: inline; min-height:100px; height:auto !important; height:100px; }
.bio-holder { float: left; width: 655px; }
.bio-holder h3 { font-size: 15px; color: #515c5f; margin-bottom: 10px; margin-top: 15px; }
.bio-holder h4 { font-size: 15px; color: #515c5f; margin-bottom: 10px; margin-top: 25px; }
.bio-holder p { padding-left: 0; }
.bio-holder ul { list-style-type: disc; margin-left: 10px; margin-top: 5px; }
.bio-holder ul li { margin-left: 15px; }
.bio-holder a { color: #d4599f; }

.bio-info { float: left; width: 143px; }
.bio-info a { color: #d4599f; text-decoration: underline; font-size: 12px; margin-bottom: 3px; display: block; }

.photo-download { margin-bottom: 15px; }
div.mediaimage { height: 80px; display: inline; float: left; margin-left: 3px; margin-right: 15px; margin-top: 15px; } /* graphic in multimedia box area */
p.storiesalign { margin-top: 30px; } /* aligns "view all stories" link in story ideas box */

/* Media Contact Additions to Exec Corner */
.mc-email { font-size: 12px; color: #515c5f; margin: 0px; padding: 0px; }
.mc-phone { font-size: 12px; color: #515c5f; margin-bottom: 5px; padding: 0px; }
.mc-cell { font-size: 12px; color: #515c5f; margin-bottom: 5px; padding: 0px; }


/* *** */
/* Styling for our CSS Dropdown Menu */
/* *** */

ul.cssMenu ul{display:none; margin-top: 5px;}

ul.cssMenu li:hover>ul{display:block}

ul.cssMenu ul{position: absolute;left:-1px;top:98%;}

ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}

ul.cssMenu,ul.cssMenu ul {

	margin:0px;

	list-style:none;
	
	font-size: 14px;

	padding: 5px 5px 5px 5px;

	background-color:#444f52;

	background-repeat:repeat;

	border-width:1px;

	border-style:solid;

}

ul.cssMenu table {border-collapse:collapse}ul.cssMenu {

	display:block;

	zoom: 1;

	float: left;

}

ul.cssMenu ul{

	width:154.35px;

}

ul.cssMenu li{

	display:block;

	margin:2px 0px 0px 2px;

	font-size:0px;

}

ul.cssMenu a:active, ul.cssMenu a:focus {

outline-style:none;

}

ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {

	display:block;

	vertical-align:middle;

	background-color:#444f52;

	border-width:0px;

	text-align:left;

	text-decoration:none;

	padding:4px;

	_padding-left:0;

	font:normal 11px Arial;

	color: #444444;

	text-decoration:none;

	cursor:default;

}

ul.cssMenu span{

	text-align: center;
	font-size: 13px;
	color: #FFF;
	overflow:hidden;

}

ul.cssMenu li {

	float:left;

}

ul.cssMenu ul li {

	float:none;

}

ul.cssMenu ul a {

	color: #FFF;

	text-align:left;

	white-space:nowrap;

}

ul.cssMenu li.sep{

	text-align:center;

	padding:0px;

	line-height:0;

	height:100%;

}

ul.cssMenu li.sep span{

	float:none;	padding-right:0;

	width:5px;

	height:16px;

	display:inline-block;

	background-color:#AAAAAA;	background-image:none;}

ul.cssMenu ul li.sep span{

	width:80%;

	height: 3px;

}

ul.cssMenu li:hover{

	position:relative;

}

ul.cssMenu li:hover>a{

	background-color:#e44a99;

	border-color:#444f52;

	border-style:solid;

	font:normal 11px Arial;

	color: #ffffff;

	text-decoration:none;

}

ul.cssMenu li a:hover{

	position:relative;

	background-color:#e44a99;

	border-color:#444f52;

	border-style:solid;

	font:normal 11px Arial;

	color: #ffffff;

	text-decoration:none;

}

ul.cssMenu li.dis a {

	color: #AAAAAA !important;

}

ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;

height:16px;

}

ul.cssMenu ul img {width:16px;

height:16px;

}

ul.cssMenu img.over{display:none}

ul.cssMenu li.dis a:hover img.over{display:none !important}

ul.cssMenu li.dis a:hover img.def {display:inline !important}

ul.cssMenu li:hover > a img.def  {display:none}

ul.cssMenu li:hover > a img.over {display:inline}

ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}

ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}

ul.cssMenu a:hover ul{display:block}

ul.cssMenu span{

	display:block;

	background-image:url(./images/arrv_anim_1.gif);

	background-position:right center;

	background-repeat: no-repeat;

   padding-right:11px;}

ul.cssMenu li:hover>a>span{	background-image:url(./images/arrv_anim_1o.gif);

}

ul.cssMenu a:hover span{	_background-image:url(./images/arrv_anim_1o.gif)}

ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_double_1.gif)}

ul.cssMenu ul li:hover > a span{	background-image:url(./images/arr_double_1o.gif);}

ul.cssMenu table a:hover span{background-image:url(./images/arr_double_1o.gif)}