/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#fbfaf9;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

img, div, a { behavior: url(iepngfix.htc) }

ul {margin:15px 0 0 35px;}
ol {margin:15px 0 0 35px;}

hr {margin:15px 0 0 0;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Tahoma;
		font-size:0.72em;
		line-height:1.4em;
		color:#333333;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#128ea1;}
a:hover{text-decoration:none;}
p {padding-top:14px;}
.p {padding-top:18px;}

#espanol {
position: absolute;
right: 0;
top: 0;
display: block;
height: 20px;
width: 100px;
background: url(images/espanol-banner.png) no-repeat;
text-indent: -999em;
text-decoration: none;}

/* ============================= main layout ====================== */

.more {color:#7dc500;}

h2 {font-size:1.273em; line-height:1.3em; color:#1291a4; margin-bottom:10px;}
h2 a {color:#1291a4;}

cite {font-style:normal; display:block; padding-top:18px;}

li {font-size:1.091em;}
li a {text-decoration:none; line-height:1.667em;}
li a:hover {text-decoration:underline;}

.list2 li {color:#118a9e;}
.list2 li a {color:#118a9e; text-decoration:underline;}
.list2 li a:hover {text-decoration:none;}

.imgindent {margin:0 14px 0 0; float:left;}
.imgindent2 {margin:0 14px 11px 0; float:left;}
.title {margin-bottom:16px;}
.title2 {margin-bottom:7px;}
.title3 {margin-bottom:12px;}
.title4 {margin-bottom:-2px;}

/* ============================= article ====================== */

.imgleft {float: left;margin: 10px 10px 10px 0;padding: 1px;border: 3px solid #F5E795;}
.imgright {float: right;margin: 10px 0 10px 10px;padding: 1px;border: 3px solid #F5E795;}

.imgleft5px {float: left;margin: 10px 10px 5px 0;padding: 1px;border: 3px solid #F5E795;}
.imgright5px {float: right;margin: 10px 0 5px 10px;padding: 1px;border: 3px solid #F5E795;}

#article h1 {margin: 0 0 5px 0; font-family:Times; font-size:1.973em; line-height:1em; color: #333333;}
#article h2 {margin: 0 0 20px 10px; font-family:Times; font-size:1.473em; line-height:1em; color: #1291a4;}
#article h3 {margin: 15px 0 0 0; font-family:Times; font-size:1.473em; line-height:1em; color: #1291a4}
#article blockquote {margin: 0 0 0 20px; font-style: italic; color: #1291a4;}

/* ============================= video ====================== */

.imgleft {float: left;margin: 10px 10px 10px 0;padding: 1px;border: 3px solid #F5E795;}
.imgright {float: right;margin: 10px 0 10px 10px;padding: 1px;border: 3px solid #F5E795;}

#video h1 {margin: 0 0 5px 0; font-family:Times; font-size:1.973em; line-height:1em; color: #333333;}
#video h2 {margin: 0 0 20px 10px; font-family:Times; font-size:1.473em; line-height:1em; color: #1291a4;}
#video h3 {margin: 15px 0 0 0; font-family:Times; font-size:1.473em; line-height:1em; color: #1291a4}
#video blockquote {margin: 0 0 0 20px; font-style: italic; color: #1291a4;}

/* ============================= comments ===================== */

.comments {margin: 0 auto;margin-top: 80px;padding: 0;width: 480px;color: #fff;font: bold 20px arial, sans-serif;background: #F5FAFE;}
.comments .header {height: 5px;background: #F5FAFE url(images/article-commentstop.png) no-repeat;}
.comments .content2 {padding: 0 1px 0 1px;background: #F5FAFE url(images/article-commentmiddle.png); font: 12px arial, sans-serif;color: #333;}
.comments .footer {height: 5px;background: #F5FAFE url(images/article-commentsbottom.png) no-repeat;}

.comments .content2 h1 {float:left;margin: 0;padding: 0 0 0 5px;color:#006699;font:bold 20px arial,sans-serif;}
.comments .content2 h2 {float:left;margin: 0;padding: 7px 0 0 5px;color:#006699;font:100 12px arial,sans-serif; text-transform: none;}

.comments .content2 label {display: block; margin: 0 0 1px 0;}
.comments .content2 input {display: block; margin: 0 0 5px 0;padding: 4px;width: 200px;color: #555;font: 100 14px arial,sans-serif;border: 1px solid #E0E6EC; }
.comments .content2 textarea {display: block; margin: 0 0 5px 0;padding: 4px;width: 350px; height: 100px; color: #555;font: 100 14px arial,sans-serif;border: 1px solid #E0E6EC; }
.comments .content2 form {padding: 10px 20px 30px 20px; border-bottom: 1px solid #E0E6EC;}
.comments .content2 .submit {background: #fff;color: #555; width: 100px;}
.comments .content2 .submit:hover {color: #006699;}

.comments .content2 .addcomment {float: right;display: block; padding: 5px; text-align: right;color: #006699; text-decoration: none;}
.comments .content2 .addcomment:hover{text-decoration: underline;}

.comments .commentmessage {margin:20px 20px 20px 20px;padding:10px;border: 1px solid #E0E6EC;background: #fff;}
.comments .commentmessage .submittedby {margin:0;padding:10px 0 0 0;text-align:right;font-size: 14px;color:#777;}
.comments .commentmessage .submittedby a {color:#006699;text-decoration: none;}

/* ============================= header ====================== */

#header {font-size:1.091em; color:#b8b1aa;}
#header a {color:#b8b1aa;}
#header .left {padding:40px 0 19px 5px;}
#header .right {padding:84px 22px 0 0;}
#header .menu {margin:10px 0 0 13px; background:url(images/menu_tall.gif) top left repeat-y; padding-bottom:24px;}

/* ============================= opencontent ====================== */

#opencontent .left {padding:40px 0 19px 5px;}
#opencontent .right {padding:84px 22px 0 0;}
#opencontent .menu {margin:10px 0 0 13px; background:url(images/menu_tall.gif) top left repeat-y; padding-bottom:2px;}

#opencontent
.date {color:#9e9d9c; font-style:italic; color:#9e9d9c;}
.column_padding {padding-right:55px;}
.col_pad {padding-right:8px;}
.under {margin-top:8px;}
.special {float:right; font-size:1.091em; color:#118a9e;}
.padding {padding-right:10px;}
.ul {margin-top:14px;}
.blue {color:#118a9e;}

#opencontent .column1 .column_padding {padding:5px 50px 25px 35px;}
#opencontent .column2 .column_padding {padding:5px 50px 25px 35px;}

.imgleft {float: left;margin: 10px 10px 10px 0;padding: 1px;border: 3px solid #F5E795;}
.imgright {float: right;margin: 10px 0 10px 10px;padding: 1px;border: 3px solid #F5E795;}
.newthumb {float: right;margin: 20px 0 10px 10px;padding: 1px;}
.column2 .newthumb {float: right;margin: 28px 100px 10px 10px;padding: 1px;}

#opencontent h1 {margin: 0 0 5px 0; font-family:Times; font-size:1.973em; line-height:1em; color: #333333;}
#opencontent h2 {margin: 0 0 20px 10px; font-family:Times; font-size:1.473em; line-height:1em; color: #1291a4;}
#opencontent blockquote {margin: 0 0 0 20px; font-style: italic; color: #1291a4;}
#opencontent h4 {font-family:Times; font-size:1.973em; line-height:1em; color: #333333;}

/* ============================= middle ====================== */

#middle {padding:23px 16px 32px 33px;}
.date {color:#9e9d9c; font-style:italic; color:#9e9d9c;}
.column_padding {padding-right:55px;}
.col_pad {padding-right:8px;}
.under {margin-top:8px;}
.special {float:right; font-size:1.091em; color:#118a9e;}
.padding {padding-right:10px;}
.ul {margin-top:14px;}
.blue {color:#118a9e;}

#index #middle {padding:23px 16px 39px 33px;}
#index_3 .column2 .column_padding {padding-right:40px;}
#index_3 #middle {padding:23px 16px 39px 33px;}
#index_4 .column2 .column_padding {padding-right:50px;}
#index_4 #middle {padding:23px 16px 25px 33px;}
#index_5 .column2 .column_padding {padding-right:50px;}
#index_5 #middle {padding:23px 16px 38px 33px;}
#article .column2 .column_padding {padding:5px 50px 25px 35px;}
#video .column2 .column_padding {padding:5px 50px 25px 5px;}

/* ============================= footer ====================== */

#footer p {color:#3c3c3c; font-size:1.091em; font-family:arial; color:#3c3c3c; padding:25px 31px 0 29px;}
#footer a {color:#1291a4;}
#footer .menu {float:right; margin-top:3px;}

/* ============================= index ============================= */

form {margin-top:20px;}
form .rowi {height:40px;}
form .right {margin-left:29px;}

.input {width:166px; height:18px; padding:0 0 0 5px; font-size:1em;}
textarea {width:166px; height:100px; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ============================== leadership q&a accordian ============================== */

.container {
	width: 500px;
	margin: 0 auto;
}
h1 span { color: #666; }
h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #666;
}
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(images/toggle/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(images/toggle/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	background: url(images/toggle/toggle_block_btm.gif) no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}