/*
Portions are:
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.4 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* **************** GRIDS ***************** */
.line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.lastUnit:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
body{font-family:Helvetica, Geneva, Arial, sans-serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 10px;}
code{color:#666;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:126%;  font-weight:normal; font-style: normal; color:#556275; text-transform: uppercase; padding-left: 40px; padding-bottom: 5px; border-bottom: 3px solid #ebdcb7;}
h2, .h2{font-size:117%; font-weight:normal; font-style: normal; color:#000;}
h3, .h3{font-size:106.5%; font-weight:normal; font-style: normal; color:#556275;}
h4, .h4{font-size:100%; font-weight:normal; font-style: normal; color: #666;}
h5, .h5{font-size:100%; font-weight:bold; font-style: normal; color:#333;}
h6, .h6{font-size:100%; font-weight:normal;  font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links */
a { color: #036; font-weight:bold;text-decoration: none }
a:focus, a:hover { text-decoration: underline; -moz-outline-style: none; }
a:active{outline: none;}
a:visited { color:#005a9c; }
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
th, td{vertical-align:top;border:1px solid #AE0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* ====== media ====== */
.media{overflow:hidden; overflow:visible; zoom:1;margin:10px;}
.media .img{float:left;margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}
/* ====== special formatting classes ====== */
.detail{color: #777; font-size:11px;display:block;}
/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{/*_text-align:center;*/}/* IE5.5 */
.body, .main{display: table-cell; *display:block;_position:relative; _left:-3px; _margin-right: -3px;width:auto; _zoom:1;}
.body:after,.main:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;font-size: 36px;}
.page{margin: 0 auto; width: 950px;/*_text-align:left;*/} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.fixedWidth{width:750px; margin-left: auto; margin-right: auto;}
.gs960{width:960px;}
.liquid{width: auto;margin:0 200px; min-width: 750px; max-width: 950px;}
/* ====== Columns ====== */
.main{}
.leftCol{float:left; width:250px;_margin-right:-3px;}
.rightCol{float:right; width: 300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}
html { background: #567268; padding-bottom: 30px; }
body { background: url("/images/ct3/bg.jpg") repeat center center; padding-top: 20px;}
.bg1 { background: url(/images/ct3/bg/family.png) no-repeat right 95%;}
.bg2 { background: url(/images/ct3/bg/person.png) no-repeat left 95%;}
blockquote { color: #333; font-style: italic; padding: 10px 20px; }
.nav, .logo { text-align:center; }
.nav { position: relative;}
.nav li { position: relative; width: 140px; padding: 0; float: left; margin-right: 3px;}
.nav a { display: block; width: 140px; height: 25px; border: 0 none; text-indent: -999em; float: left; margin: 0; }
.linkHome { background: url("/images/ct3/nav.jpg") no-repeat left top;}
.linkHome:hover, .selected .linkHome { background-position: left top;}
.linkAbout { background: url("/images/ct3/nav.jpg") no-repeat -441px -26px;}
.linkAbout:hover, .selected .linkAbout  { background-position: -441px 0px;}
.linkStories { background: url("/images/ct3/nav.jpg") no-repeat -147px -26px;}
.linkStories:hover, .selected .linkStories { background-position: -147px 0px;}
.linkResources { background: url("/images/ct3/nav.jpg") no-repeat -295px -26px;}
.linkResources:hover, .selected .linkResources { background-position: -295px 0px;}
.linkContact { background: url("/images/ct3/nav.jpg") no-repeat -589px -26px;}
.linkContact:hover, .selected .linkContact { background-position: -589px 0px;}

.subnav { background: #fff; border-bottom: 1px solid #000; display: block; position: absolute; height: auto; width: 140px; top: 24px; z-index: 9999;}
.subnav a { text-indent: 0; display: block; margin: 0; padding: 4px 0; height: auto; font-weight: normal;}
.subnav a:hover { background: #eee;}

.header { margin-bottom: 20px;}
.search { width: 230px; position: absolute; right: -20px; top: -10px; padding: 10px; z-index: 1000;
   background: rgb(200, 200, 200); /* The Fallback */
   background: rgba(200, 200, 200, 0.5);
   border: 1px solid #ccc;}
.search form { display: inline;}
.search input { display: block; float: left;}
.search .searchBox { background: #fff; border: 0 none; height: 19px; width: 170px; line-height: 1.6; padding: 0; margin: 0; border: 0 none;}
.search :focus { background: #ffee99; outline: none;}
.capture { position: relative;}

.content p img { float: left; clear:left; margin: 0 10px 10px 0;}

.roundy { 
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px; }
/*.shadow { background: #fff;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  }
.shadowContent { padding-bottom: 40px; min-height:400px; height:auto !important; height:400px;}
.shadowContent h1, 
.shadowContent h2, 
.shadowContent h3, 
.shadowContent h4, 
.shadowContent h5, 
.shadowContent h6 { padding-left: 40px; padding-right: 40px;}
.shadowContent p, .shadowContent ul, .shadowContent ol { padding-left: 40px; padding-right: 40px;}
.shadowContent fieldset { margin: 1em 40px; border: 1px solid #ccc;}
.shadowContent legend { padding: 10px; margin-left: 20px;}*/
.shadowWrap { position: relative; display: block; height: auto; width: auto; }
.shadow { 
  overflow: hidden;
  background: #fff;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  z-index: 2;
  position: relative;
  top: 0;
  left: 0;
  right:0;
  bottom: 0;
  height: auto;
  width: auto;
}
.ieShadow { display: none; }

.clear { visibility: hidden; height: 1%; clear: both; }

.breadcrumbs { margin: 3px; padding-left: 40px; font-size: 90%; }
.breadcrumbs, .breadcrumbs a { color: #999; font-weight: normal;}
.breadcrumbs a { padding:0 3px;}

.moreLink { font-size: 90%; }
.moreLink a { color: #9a3e19;}
p.byLine { color: #666; margin: 0; padding: 0 0 0 10px;}
.date { color: green;}

.featured { background: #fdf9e0; border: 1px solid #d4c689; border-bottom: 0 none; margin-bottom: 3px;}
.welcome { padding-bottom: 20px;}
.featured h2, .featured h3 { text-transform: uppercase;}
.featured h2, div.blank_head { background: #5a967d url(/images/ct3/feature.png) repeat-x top left; border: 0 none; color: #fff; margin: -5px -1px 0; padding: 6px 0 6px 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;}
.blog h2, .welcome div.blank_head { background: #8a5426 url(/images/ct3/blog.png) repeat-x top left;}
.featured h3, .featured h3 a, .featured h3 a:visited, .featured h3 a:hover { color: #9a3e19; text-decoration: none;}
.featured .featureExcerpt { font-size: 90%; padding-right: 10px; padding-left: 10px;}
.featureExcerpt h2 { background: none; color: #000; font-size: 1em; font-weight: bold; text-transform: capitalize; margin-bottom: 0; padding: 0; margin: 0;}
.featureExcerpt p { padding: 0;}
.blog, .welcome { border-bottom: 1px solid #d4c689;}
.blogExcerpt { float: left; padding: 10px; width: 45%;  }
.blogExcerpt h3, .blogExcerpt h3 a { color: green; text-transform: capitalize;}
.blogExcerpt .moreLink { margin-left: 10px;}
.highlight { background: #fdf9e0 url(/images/ct3/highlight.png) repeat-x left top; border-bottom: 1px solid #d4c689; }
.iconic { min-height: 110px; padding-bottom: 5px; position: relative;}
.iconic * { margin-left: 110px; }
.iconic * * { margin-left: 0;}

.iconic .icon { width: 100px; position: absolute; left: 10px; top: 10px; overflow: hidden; text-align: right;}
.icon img {border: 1px solid #aaa;}

.latest_profiles img { padding: 10px 12px; display: inline;}

.tabbed { background: #fff; border: 1px solid #d4c689; margin: 30px 10px 0; padding-bottom: 20px;
  border-top-right-radius: 12px;
  -moz-border-topRight-radius: 12px;
  -webkit-border-top-right-radius: 12px;}
.tabbed h2 { padding: 0; letter-spacing: -1px;}
.tabbed h2 img { margin: -25px 0 0 -8px;}
.tabbed h3 { color:green; text-transform: uppercase;}
.tabbed p { font-size: 90%; }
  
.bordered { border: 4px solid #fff; margin: 10px; min-height: 80px;}
.gradientSpread { background: #da9246 url(/images/ct3/gradientSpread.png) repeat-x left center;}
.pushDown { margin-bottom: 40px;}
.pushUp { margin-top: 20px;}
.tight { padding: 0;}

.content .video_box { width: 425px; height: 331px; margin-left: auto; margin-right: auto; min-height: 200px;}

.previous { margin: 0px; text-align: right;}
.previous a, .next a { padding: 0 5px;}
.next { margin: 0px;}

.footer { background: #fff url(/images/ct3/foot-bar.png) repeat-x left top; padding: 8px 0 0; height: 88px; margin-top: 30px;}
.footer:after { content: '';}
.footer .focus { background: url(/images/ct3/foot-bg.png) repeat-x left bottom; overflow: hidden; height: 100%;}
.emuLogo { height: 200%; padding-bottom: 100em;}
.footerInfo { min-height: 58px;}
.footerInfo { color: #fff; text-indent: 30px; padding-top: 30px;}
.footerInfo p { margin: 0; padding: 0;}
.footerInfo a { color: #fff; font-weight: normal; text-transform: uppercase;}
.emuLogo { background: #fff; text-align: right; }
.emuLogo img { margin-top: 15px; margin-right: 15px; display: inline;}