/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

.sIFR-flash {
  display    : none !important;
  height     : 0;
  width      : 0;
  position   : absolute;
  overflow   : hidden;
}

.sIFR-alternate {
  visibility : visible !important;
  display    : block   !important;
  position   : static  !important;
  left       : auto    !important;
  top        : auto    !important;
  width      : auto    !important;
  height     : auto    !important;
}


#leftCol, #rightCol, #topNav, #utilNavContainer, #columnCap, #footer ul{display:none;}

/* Generic css reset styles */
a, p, table, tr,td,th,body, html,h1,h2,h3,h4,h5,h6, ul, li, ol, dl, dd, dt, form, fieldset {font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 0;}
a{font-weight: normal}
 
p {line-height: 140%}
th {text-align: left}
a {text-decoration: none}
a:hover {text-decoration: underline}
img {border: 0; display: block}
td td,li li {font-size: 100%}
ul li {list-style: none}


#wrapper{margin: 0 auto;}
.clearAfter:after {content: "."; visibility: hidden; height: 0; display: block; clear: both;}

#logoLink { display: block; top: 0; left:0; position: absolute; height: 59px; width:196px ; text-indent: -9999px; left: 12px; top: 19px;}

#footer {clear: left;}
.greyBox p a, .greyBox li a {color:#2F7DB7; font-weight: bold;}
.greyBox p a:hover, .greyBox li a:hover {color: #E25E4A;}
#footer { padding-top: 3px; padding-bottom: 45px;}
#footer p {font-size: 75%; color:#867C75 ;}


#subBanner {padding-top:10px;  margin-bottom: 24px;}
#subBanner div {display: table-cell; vertical-align: middle;}
#subBanner h1 {font-size: 170%;color: #000; 0font-size: 36px; }


#centerCol { }
#centerCol.nrc{}

#centerCol img {border: 1px solid #d9d5cf;}
.contentImage {float: right; margin-left: 15px; margin-bottom: 8px; margin-top: 3px;}
.contentImage img {margin-bottom: 5px;}
#centerCol .contentImage p {font-size: 69%; color: #867C75; line-height: 120%; margin-bottom: 0}
#centerCol p {font-size: 75%;margin-bottom:22px;}
#centerCol a {font-weight:bold; color: #2F7DB7;}
#centerCol a:visited {color: #919BB4}
#centerCol a:hover {color: #E25E4A}

#centerCol h2 {margin: 9px 0 17px 0; font-size: 113%;color:#695D54 ;font-weight:bold;}
#centerCol ul {margin: 0 0 22px 11px}
#centerCol li {background: url(/images/icons/headerbullet.gif) 0 .5em no-repeat; padding-left: 12px; font-size: 75%;line-height: 140%; margin-bottom: 6px;}
#centerCol li li, #centerCol li li li{font-size:100%;}
#centerCol ol{margin-left:27px;}
#centerCol ol ol{margin-top:10px;}
#centerCol ol li{background:none; padding-left:0;}
#centerCol ul.connect li a{display:block;}
#centerCol h3 {margin: 7px 0 20px 0; color: #695D54; font-weight:bold}

#centerCol #breadcrumb {margin: 7px 0 15px 0; padding-top: 0; line-height:0;}
#centerCol #breadcrumb li {margin: 0 0 0 0; padding: 0 0 0 0; background: none;  display: inline; line-height:100%;}
#centerCol #breadcrumb li a {font-weight: bold; }
#centerCol #breadcrumb li a:visited {}
#centerCol #breadcrumb li a:hover {}

#centerCol table {font-size: 75%; margin-bottom: 18px;border-collapse: collapse;empty-cells:show; width: 100%; vertical-align: middle}
#centerCol td {border-bottom: 3px solid #fff; vertical-align: top; background-color: #eceae5; padding: 6px 9px;vertical-align: middle}
#centerCol th {border-bottom: 3px solid #fff; vertical-align: top; width: 74px; padding: 6px 9px;font-weight: bold;color: #625954;background-color: #eceae5}

#centerCol table.ajax__validatorcallout{width:200px;}

/* Animal Care Block */
.animalCareBlock {margin-bottom: 35px}
#centerCol .animalCareBlock img {float: right; margin-left: 42px; display: inline;margin-top: 4px;}
#centerCol .animalCareBlock p {margin-bottom: 12px;}
#centerCol .animalCareBlock .membersOnly {display: block; padding-bottom: 4px; padding-top: 4px; background: url(/images/icons/content-m.png) 0 50% no-repeat; padding-left: 26px;}
#wrapper .animalExchange {position: relative; top: -15px; background: url(/images/sub/animalexchange-bg.png) no-repeat; height: 20px; width: 203px; padding-left: 9px;padding-top: 4px; margin: 0;}
#wrapper .animalExchange a {margin-left: 5px;  color: #002f5d ;font-weight: bold;background: url(../images/icons/leftnav-bullet.gif) 0 50% no-repeat; padding-left:12px ;line-height: 100%;display: block}
#wrapper .animalExchange a:hover {color:#E25E4A;;}

/* Annual Conference */
.contentBanner {margin-bottom:25px; display: block;}


/*Press */
#centerCol .press img, #centerCol .education img{ display:inline; margin-left:80px; float:right;}
#centerCol .press, #centerCol .last_press, #centerCol .education{ padding:9px 10px; margin-bottom:3px; clear:both;}
#centerCol .last_press{margin-bottom:33px;}
#centerCol .press:after, #centerCol .education:after{content: "."; visibility: hidden; height: 0; display: block; clear: both;}
#centerCol .press p,#centerCol .last_press p, #centerCol .education p{margin:0;}
#centerCol .press a:link, #centerCol .press a:visited{color:#000; text-decoration:none; font-weight:normal;}
#centerCol .press a:hover{text-decoration:underline;}



/*Pagination*/
.paginate{font-size:75%; margin-bottom:23px; margin-top:10px;}
.pagination{float:right;}
.event_date{display:block; float:left; width:50px; font-weight:bold; color:#625954; margin-right:15px;}
select.months{width:145px;}

/*Animal image box*/
#animal_image{ width:211px; padding-left:25px; padding-top:16px; float:right;}
#connect_image{ padding-left:25px; padding-top:16px; float:right}
#animal_image.npt{padding-top:0px;}
#centerCol #animal_image img, #centerCol #connect_image img{ margin-bottom:5px; float:none;}
#animal_image .copyright, #animal_image .caption, #connect_image .copyright, #connect_image .caption{font-size:89%;color:#867C75; }
#animal_image p, #connect_image p{margin-bottom:0px; margin-top:0px; line-height:100%;}
#animal_image p.enlarge, #connect_image p.enlarge{margin-top:5px;}
#animal_image a.enlarge, #connect_image a.enlarge{background:url(../images/icons/light-plus.gif) no-repeat center left; padding-left:15px;}

/*general */
#centerCol span.title{font-size:75%; font-weight:bold; display:block;}

#centerCol span.date{font-size:75%; font-weight:bold; display:block; color:#635954;}
#centerCol span.location{font-size:75%; display:block; margin-bottom:20px;}
#centerCol p.bold {font-weight:bold; color:#625954; font-size: 75%; margin-bottom:22px;}
.bold{font-weight:bold; color:#625954;}
.required{color:#ED614B;}
div.exp{padding-bottom:12px;}
/*Forms*/
label{text-align:right; font-size:75%; font-weight:bold; color:#625954;}
input.field{border:1px solid #CBC5BF; margin-left:8px; width:450px;}

div.form_row:after{content: "."; visibility: hidden; height: 0; display: block; clear: both;}
hr.cb{clear:both; visibility:hidden;}

/* Tabs*/
div.activeTab div{display:none;}
div.activeTab div div, div.activeTab div.show{display:block;}
div.tabs:after, div.activeTab ul.tabs:after, #liaison-tabs div:after{content: "."; visibility: hidden; height: 0; display: block; clear: both;}

/*Site Map*/
#centerCol ul.sitemap{margin: 0 0 10px 11px}
#centerCol ul.sitemap ul{margin-top:10px}
#centerCol ul.sitemap ul ul{margin-top:5px;}
#centerCol ul.sitemap li{font-size:113%; background:none; padding-left:0;} 
#centerCol ul.sitemap li li{ font-size: 80%; line-height:120%; background: url(/images/icons/leftnav-bullet.gif) no-repeat 0 0.4em; padding-left: 12px; }
#centerCol ul.sitemap li li li{font-size:95%; background:url(/images/icons/pink-bullet.gif) 0 .4em no-repeat;}
#centerCol ul.sitemap li li li li{background: url(/images/icons/headerbullet.gif) 0 .5em no-repeat;}
#centerCol ul.sitemap li li li li li{background:url(/images/icons/grey-dash.gif) 0 .5em no-repeat;}