/* CTisus.com 2.0 */
/* Global CSS Styles */
/* Last Updated: 8/28/10 */


/* GLOBAL STYLES */
html,body {margin: 0; padding: 0; height: 100%; background: url(/resources/images/global/body-bg.png) repeat-x 0 38px;}
body,td,th {font: 12px Arial, Helvetica, sans-serif;}
a {text-decoration: none; color: #4499AA;}
a:hover {text-decoration: underline; color: #E1801D;}
a:visited {text-decoration: none; color: #4499AA;}
a:visited:hover {text-decoration: underline; color: #E1801D;}
.hrefblock {display: block; height:100%; width: 100%;}
.hrefblock {display: block; *height:auto; width: 100%;}
.clearer {float: none; visibility: hidden; display: block; clear: both; height: 1px; width: 1px; position: relative;}
.clearer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* PARAGRAPH STYLES */
h1 {font: italic normal 20px/25px Georgia, "Times New Roman", Times, serif; color: #88C134; margin-bottom: 15px;}
h2 {font: bold 18px/23px Helvetica, Arial, sans-serif; color: #0171C5; margin-bottom: 10px;}
h3 {font: bold 14px/19px Georgia, "Times New Roman", Times, serif; color: #376C7F; margin-bottom: 15px;}
p {line-height: 17px;}


.input-field {width: 300px; border: 1px solid #C0B6AF; padding: 3px; font: 12px Arial, Helvetica, sans-serif;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -161px;}


/* MASTHEAD BASE */
#masthead {background: url(/resources/images/global/masthead-bg.jpg) no-repeat top right; height: 150px;}
#masthead-logo {background: url(/resources/images/global/masthead-logo.png) no-repeat 20px 20px; height: 90px; }
#masthead-logo  p{top:20px; left: 40px;}
#masthead-search{width: auto; margin-top: -33px;height: 37px;margin-right:15px;}
#masthead-search input {background: #E2E0DC; width: 155px; font: italic 11px Georgia, "Times New Roman", Times, serif; color: #949494; border: 1px solid #E2E0DC; padding: 5px;}
#masthead-search input:focus {color: #635957;}


/* MASTHEAD ASK THE FISH */
#masthead-askthefishlogon {background: url(/resources/images/buttons/icon-lock.png) no-repeat 5px 8px; float: left; margin: 7px 0 0 157px; font-size: 11px; padding: 5px 5px 5px 15px; color: #817664;}
#masthead-askthefishlogon:hover {background: #342A1A url(/resources/images/buttons/icon-lock-on.png) no-repeat 5px 8px; color: #FC8501;}
#masthead-askthefishlogon a, #masthead-askthefishlogon a:visited {color: #817664; text-decoration: none; width: 100%; height: 100%;}
#masthead-askthefishlogon a:hover, #masthead-askthefishlogon a:visited:hover {color: #FC8501; text-decoration: none; width: 100%; height: 100%;}
#masthead-askthefishloggedon {float: left; margin: 7px 0 0 157px; font-size: 11px; color: #817664;}
#masthead-askthefishloggedon ul {list-style: none; list-style-type: none; margin: 0; padding: 0;}
#masthead-askthefishloggedon ul li {list-style: none; list-style-type: none; margin: 0; padding: 0; float: left; color: #817664; font-weight: bold; border-right: 1px solid #484237;}
#masthead-askthefishloggedon ul li:last-child {border: none;}
#masthead-askthefishloggedon ul li:hover {background: #342A1A; color: #FC8501;}
#masthead-askthefishloggedon a, #masthead-askthefishloggedon a:visited {color: #817664; text-decoration: none; padding: 5px; display: block;}
#masthead-askthefishloggedon a:hover, #masthead-askthefishloggedon a:visited:hover {color: #FC8501; text-decoration: none; padding: 5px; display: block;}

/* MASTHEAD HARRIS LOGO */
#masthead-harris {background: #233F4A; border-bottom: 1px solid #8BB7C7; display: block; height: 37px; width: 100%;margin:0;padding:0}


/* MASTHEAD SOCIAL MEDIA CONNECT OPTIONS */
/*#masthead-connect {float: right; display: block; height: 35px; width: auto; background: url(/resources/images/global/masthead-connect.png) no-repeat;}*/
#masthead-connect {float: right; display: block; height: 35px; width: auto; }
#masthead-connect ul {margin: 12px 5px 5px 105px; padding: 0; list-style: none; list-style-type: none; font-size: 11px;}
#masthead-connect ul li {margin: 0 15px 0 0; padding: 0; cursor: pointer; float: left;}
#masthead-connect ul li a, #masthead-connect ul li a:visited {color: #fff; text-shadow: #000 1px 0 0; text-decoration: none; display: block; height: 16px; width: 95%; padding-left: 20px;}
#masthead-connect ul li:hover, #masthead-connect ul li a:hover, #masthead-connect ul li a:visited:hover {color: #ADCDE7; text-shadow: #000 0 -1px 0; text-decoration: none;}
#masthead-connect ul li.facebook {background: url(/resources/images/global/masthead-connect-button-facebook.png) no-repeat 1px 0;}
#masthead-connect ul li.twitter {background: url(/resources/images/global/masthead-connect-button-twitter.png) no-repeat 1px;}
#masthead-connect ul li.youtube {background: url(/resources/images/global/masthead-connect-button-youtube.png) no-repeat 1px;}
#masthead-connect ul li.google {background: url(/resources/images/global/masthead-connect-button-google.png) no-repeat 1px;}
#masthead-connect ul li.mobile {background: url(/resources/images/global/masthead-connect-button-phone.png) no-repeat 1px;}
#masthead-connect ul li.newsletter {background: url(/resources/images/global/masthead-connect-button-newsletter.png) no-repeat 0px 0px;}
#masthead-connect ul li.email {background: url(/resources/images/global/masthead-connect-button-email.png) no-repeat 0 2px;}

#masthead-connect ul li.myprofile {background: url(/resources/images/global/myprofile.png) no-repeat 1px;}
#masthead-connect ul li.logout {background: url(/resources/images/global/logout.png) no-repeat 1px;}
/* MASTHEAD NAVIGATION */
/*#navigation {width: 100%; background:url(/resources/images/global/navigation-foundation.png) repeat-x 0 3px; height: 46px; padding-top: 3px; display: block; position: absolute; margin: 107px 0 0 0; padding: 0;}
#navigation ul {list-style: none; list-style-type: none; margin: 0; padding: 0; width: 1000px;}
#navigation ul li {background-image: url(/resources/images/global/navigation_old2.png); background-repeat: no-repeat; height: 40px; float: left; margin: 0; padding: 0; display: block; margin-top: 3px;}
#navigation ul li:hover, #navigation ul li.selected {margin-top: 0; border-top: 3px solid #DD8E05;}
#navigation ul li a, #navigation ul li a:visited, #navigation ul li a:hover, #navigation ul li a:visited:hover {display: block; height: 40px; width: 100%;}
#navigation ul li.home {width: 103px;}
#navigation ul li.home:hover, #navigation ul li.home-selected {background-position: 0 -40px;}
#navigation ul li.protocols {width: 139px; background-position: -103px 0;}
#navigation ul li.protocols:hover, #navigation ul li.protocols-selected {background-position: -103px -40px;}
#navigation ul li.ask-the-fish {width: 188px; background-position: -242px 0;}
#navigation ul li.ask-the-fish:hover, #navigation ul li.ask-the-fish-selected {background-position: -242px -40px;}
#navigation ul li.teaching-files {width: 164px; background-position: -430px 0;}
#navigation ul li.teaching-files:hover, #navigation ul li.teaching-files-selected {background-position: -430px -40px;}
#navigation ul li.learning-modules {width: 197px; background-position: -594px 0;}
#navigation ul li.learning-modules:hover, #navigation ul li.learning-modules-selected {background-position: -594px -40px;}
#navigation ul li.media {width: 101px; background-position: -791px 0;}
#navigation ul li.media:hover, #navigation ul li.media-selected {background-position: -791px -40px;}
*/
/* MASTHEAD NAVIGATION */
#navigation {width: 100%; background:#09213d repeat-x 0 3px; height: 46px; padding-top: 3px; display: block; position: absolute; margin: 107px 0 0 0; padding: 0;}
#navigation ul {list-style: none; list-style-type: none; margin: 0; padding: 0; width: 1000px;}
#navigation ul li {background-image: url(/resources/images/global/navigation.png); background-repeat: no-repeat; height: 40px; float: left; margin: 0; padding: 0; display: block; margin-top: 3px;}
#navigation ul li:hover, #navigation ul li.selected {margin-top: 0; border-top: 3px solid #DD8E05;}
#navigation ul li a, #navigation ul li a:visited, #navigation ul li a:hover, #navigation ul li a:visited:hover {display: block; height: 40px; width: 100%;}
#navigation ul li.home {width: 99px;}
#navigation ul li.home:hover, #navigation ul li.home-selected {background-position: 0 -40px;}
#navigation ul li.protocols {width: 135px; background-position: -99px 0;}
#navigation ul li.protocols:hover, #navigation ul li.protocols-selected {background-position: -99px -40px;}
#navigation ul li.ask-the-fish {width: 183px; background-position: -234px 0;}
#navigation ul li.ask-the-fish:hover, #navigation ul li.ask-the-fish-selected {background-position: -234px -40px;}
#navigation ul li.teaching-files {width: 164px; background-position: -417px 0;}
#navigation ul li.teaching-files:hover, #navigation ul li.teaching-files-selected {background-position: -417px -40px;}
#navigation ul li.learning-modules {width: 199px; background-position: -581px 0;}
#navigation ul li.learning-modules:hover, #navigation ul li.learning-modules-selected {background-position: -581px -40px;}
#navigation ul li.media {width: 94px; background-position: -780px 0;}
#navigation ul li.media:hover, #navigation ul li.media-selected {background-position: -780px -40px;}
#navigation ul li.aboutus {width: 124px; background-position: -874px 0;}
#navigation ul li.aboutus:hover, #navigation ul li.aboutus-selected {background-position: -874px -40px;}
/* PAGE CONTAINER */
.page {width: 1000px; text-align: left; overflow: hidden;}


/* PAGE COLUMN 1 */
#col-one {position: relative; float: left;}
.col-one-wrapper {/*background: #F5F5F5;*/ height: 20px; width: 800px;}
.col-one-heading {width: 210px; height: 15px; padding: 30px 5px 20px 25px; background: #F5F5F5;}
.col-one-subheading {padding: 10px 5px 10px 25px; width: 210px;}
.orange {background: #FC8501;}
.green {background: #88C134;}
.blue {background: #0171C5;}
.gray {background: #CCCCCC;}
.purple {background: #910086;}
.col-one-options ul {margin: 0; padding: 0; list-style: none; list-style-type: none;}
.col-one-options ul li {background: #17314F; border-bottom: 1px solid #28405C; border-top: 1px solid #132A43; color: #fff; font: italic 11px Georgia, 'Times New Roman', Times, serif; overflow: hidden; list-style-type: none; list-style: none; margin: 0;}
.col-one-options ul li:hover {background-color: #112637; color: #fff;}
.col-one-options ul li:first-child {border-top: none;}
.col-one-options ul li:last-child {border-bottom: none;}
.col-one-options ul li.selected {background-color: #655850; width: 190px; margin-right: 20px;}
.col-one-options ul li a, .col-one-options ul li a:visited, .col-one-options ul li a:hover, .col-one-options ul li a:visited:hover {color: #fff; text-decoration: none; padding: 15px 10px 10px 30px; width: 200px; display: block;}

/* PAGE COLUMN 2 */
#col-two{width: 720px; padding: 30px 20px 20px 10px; float: left; min-height:420px;}
#col-two-heading{padding: 3px 5px 20px 25px; width: 550px;}

/* SUBNAVIGATION */
#global-subnav {margin: -6px 0 0 -35px; width: 580px;}
#global-subnav ul {margin: 0 0 10px; padding: 0 0 0 35px; height: 32px; width: 525px; background: #F2F1EC; list-style: none; list-style-type: none; overflow: hidden;}
#global-subnav ul li {padding: 7px; border-left: 1px solid #EEEBDF; font: 12px Lucida Sans Unicode,Lucida Grande,Verdana,Arial,Helvetica,sans-serif; color: #888888; cursor: pointer; float: left;}
#global-subnav ul li:first-child {border-left: none;}
#global-subnav ul li.global-subnav-selected {background: #FFFFFF; color: #3E3E3E; border-bottom: 2px solid #FC8602;}
#global-subnav ul li.global-subnav-selected:hover {color: inherit; border-bottom: 2px solid #FC8602;}
#global-subnav ul li:hover {color: #5B5B5B; background: #FFFFFF; border-bottom: 2px solid #FEC17E;}
#global-subnav ul li a {color: inherit; text-decoration: none;}

/* FILTER SUBNAVIGATION */
#global-filters {margin: 0; width: 140px; padding: 0;}
#global-filters ul {margin: 0; padding: 0; list-style: none; list-style-type: none;}
#global-filters ul li {margin: 10px 0; font: 12px Lucida Sans Unicode,Lucida Grande,Verdana,Arial,Helvetica,sans-serif; color: #888888; background: #F8F7F2; border: 1px solid #EEEBDF; cursor: pointer;}
#global-filters ul li.global-filters-selected {padding-left: 10px; background-image: url(/resources/images/global/filter-active.png); background-repeat: no-repeat; background-position: 6px 12px;}
#global-filters ul li.global-filters-selected:hover {padding-left: 10px; background-image: url(/resources/images/global/filter-active.png); background-repeat: no-repeat; background-position: 6px 12px;}
#global-filters ul li:hover {color: #F8F7F2; background: #3E3322; border: 1px solid #EEEBDF;}
#global-filters ul li a, #global-filters ul li a:visited, #global-filters ul li a:hover, #global-filters ul li a:visited:hover {color: inherit; text-decoration: none; padding: 7px; display: block; width: 126px;}

/* MOVE BUTTONS */
#button-move {background-color: #F0EFED; background-repeat: no-repeat; background-position: 6px center; height: 40px;}
#button-move:hover {background-color: #D2CFCA;}
.next {background-image: url(/resources/images/buttons/move-next.png); width: 50px;}
.previous {background-image: url(/resources/images/buttons/move-previous.png); width: 77px;}


/* FOOTER */
.push {height: 161px; }
/*.push {height: 161px; margin-bottom: 70px;}*/
.footer-container {background-color: #E9E9E9; height: 59px; border-bottom: 10px solid #081E38;}
.footer {width: 1000px;  padding: 18px;}
/*.footer ul {list-style-type: none; list-style: none; margin: 0; padding: 0;}
.footer ul li {float: left; border-top: 1px solid #CCCCCC; width: 250px; margin: 10px 50px 0 0; padding-top: 10px; color: #464646;}
.footer ul li h1 {font: 1em Helvetica, Arial, sans-serif; color: #9F9081; margin-bottom: 5px;}*/


#masthead-socialmedia { display: block; height: auto; width: 50px; margin-top:300px; position: fixed;}
#masthead-socialmedia ul {  list-style: none; list-style-type: none; margin: 0; padding: 0;}
#masthead-socialmedia ul li {margin: 0 0 5px 0;  cursor: pointer;}
#masthead-socialmedia ul li a { text-decoration: none; display: block;  }
#masthead-socialmedia ul li a img{width: 50px; height: 49px;  }