/*
================================================================================
BASIC GRID SYSTEM. SLIGHTLY MODIFIED.
See http://960.gs for details
================================================================================
*/

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_9_half,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}

/*
================================================================================
GENERIC STYLES
================================================================================
*/

html, body{ background: #eaedef url(/Layout/Look2010/Image/Bg/bg_body.png) repeat-y center top; }
body{ min-width: 980px; font-family: Helvetica, Arial, Sans-Serif; font-size: 16px; line-height: 24px; color: #585a5b; }

h1, h2, h3, h4, h5, h6{ color: #c36; font-weight: normal; }
h1{ font-size: 48px; line-height: 58px; }
h2{ font-size: 30px; line-height: 45px; }
h3{ font-size: 24px; line-height: 36px; }
h4{ font-size: 20px; line-height: 30px; }
h5{ font-size: 18px; line-height: 27px; }
h6{ font-size: 16px; line-height: 24px; }
img, a img{ border: 0; }
ul, ul li{ list-style-type: disc; }
ol, ol li{ list-style-type: decimal; }
strong, b{ font-weight: bold; }
em, i{ font-style: italic; }

/* Links */

a, a:link{ text-decoration: underline; color: #369; }
a:focus, a:active{ color: #369; }
a:hover{ text-decoration: none; color: #39c; }

.externalLink, .internalLink{ color: #369; }
.left{ float: left; }
.right{ float: right; }
.block, .block img{ display: block; }
.col{ float: left; }

/*
================================================================================
UNIQUE ELEMENTS and their contents
================================================================================
*/

#header, #main, #footer{ margin: 0 auto; }
#page{ position: relative; margin: 0; padding: 0; } 

#header{ position: relative; height: 100px; }
#header .logo{ position: absolute; bottom: 10px; left: 0; }
#header .logo a{ display: block; }
#header .slogan{ position: absolute; bottom: 18px; right: 0; font-size: 18px; text-align: right; color: #585a5b; }
#header .slogan p{ margin: 0; }

#main{ position: relative; width: 980px; padding-bottom: 50px; }
#main .grid_9{ width: 710px; }
#main .grid_9_half{ width: 345px;}

#footer{ width: 100%; border: 1px solid #dce1e4; border-width: 1px 0; padding: 50px 0; font-size: 12px; line-height: 18px; color: #b0b4b6; background: #1c1d1e url(/Layout/Look2010/Image/Bg/bg_footer.png) repeat left top; }
#footer #footerContent{ position: relative; }
#footer .grid_2, #footer .grid_4{ min-height: 100px; }
#footer a{ color: #b0b4b6; text-decoration: none; }
#footer a:hover{ text-decoration: underline; }
#footer .externalLink, #footer .internalLink{ color: #b0b4b6; }
#footer div.firstImage{ margin: -13px 0 34px; }
#footer address{ display: block; font-style: normal; }
#footer div.twitter{ background: url(/Layout/Look2010/Image/Bg/bg_twitter-bird.png) no-repeat top right; position: absolute; top: -88px; right: 0;  }
#footer .tweet{ background: url(/Layout/Look2010/Image/Bg/bg_speech-bubble-top.png) no-repeat top center; color: #848789; font-size: 12px; margin-top: 50px; padding-top: 20px; width: 240px; }
#footer .tweet a{ color: #848789; }
#footer .tweet p{ background: url(/Layout/Look2010/Image/speech-bubble-bottom.png) no-repeat bottom center; padding: 10px 15px; }
#footer .socialMediaLinks, #footer .socialMediaLinks li{ margin: 0; padding: 0; font-size: 16px; list-style: none; }
#footer .socialMediaLinks li a{ padding-left: 30px; background-color: transparent; background-repeat: no-repeat; background-position: left center; }
#footer .socialMediaLinks .twitter a{ background-image: url(/Layout/Look2010/Image/Bg/bg_footer-twitter-icon.png); }
#footer .socialMediaLinks .facebook a{ background-image: url(/Layout/Look2010/Image/Bg/bg_footer-facebook-icon.png); }

#footnote{ position: relative; min-height: 50px; height: auto !important; height: 50px; font-size: 12px; line-height: 50px; color: #b0b4b6; }
#footnote p{ margin: 0; padding: 0; }

/* Search Form */

.searchForm{ float: right; width: 220px; margin-right: 20px; font-size: 14px; }
.searchForm div{ float: left; width: 220px; }
.searchForm div fieldset{ float: left; width: 220px; height: 30px; margin: 10px 0; padding: 0; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.searchForm div fieldset legend{ display: none; }
.searchForm div fieldset label{ display: block; width: 0; height: 0; text-indent: -9999px; }
.searchForm div fieldset .input{ float: left; width: 166px; height: 16px; margin: 0; border: 0; padding: 7px 10px; outline: 0; font-size: 14px; line-height: 16px; color: #848789; background-color: transparent; }
.searchForm div fieldset .input:focus{ color: #2c2d2e; }
.searchForm div fieldset .searchButton{ float: left; width: 34px; height: 30px; margin: 0; border: 0; padding: 0; font-size: 14px; line-height: 30px; text-indent: -9999px; background: transparent url(/Layout/Look2010/Image/Bg/bg_search-button.png) no-repeat 10px 8px; cursor: pointer; }
.searchForm div fieldset .searchButton:active, .searchForm div fieldset .searchButton:focus{ outline: none; border: 0; }
.searchForm div fieldset .searchButton[disabled]{ cursor: default; }

/* Main Navigation */

.navigation li{ list-style: none; margin: 0; }

#mainNav{ border: 1px solid #dce1e4; border-width: 1px 0; }
#mainNavWrapper{ min-height: 50px; margin: 0; border: 10px solid #fff; border-width: 10px 0; line-height: 50px; background: #17d url(/Layout/Look2010/Image/Bg/bg_navigation.png) repeat-x center bottom; }
#mainNavContent{ width: 980px; margin: 0 auto; min-height: 50px; height: auto !important; height: 50px; font-size: 18px; }
#mainNavContent div.navigation, 
#mainNavContent div.navigation div.content{ float: left; }
#mainNavContent ul{ float: left; text-transform: lowercase; margin-left: 5px; padding: 0; }
#mainNavContent ul li{ float: left; margin: 0; padding: 0; list-style: none; background: transparent url(/Layout/Look2010/Image/Bg/bg_navigation-separator.png) no-repeat left center; }
#mainNavContent ul li:first-child{ background: none; }
#mainNavContent ul li a{ display: inline-block; padding: 0 15px; text-decoration: none; color: #8eb8e2; }
#mainNavContent ul li.selected a,
#mainNavContent ul li.selectedPath a{ color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.25); background: transparent url(/Layout/Look2010/Image/Bg/bg_navigation-active-marker.png) no-repeat center bottom; }
#mainNavContent ul li a:hover{ color: #fff; }

/* Additional Navigation */

#extraNav{ position: absolute; top: 10px; left: 0; right: 0; font-size: 12px; line-height: 18px; }
#extraNav ul{ float: right; text-align: right; }
#extraNav ul li{ float: left; background: transparent url(/Layout/Look2010/Image/Bg/bg_additional-navigation-separator.png) no-repeat left center; }
#extraNav ul li:first-child{ background-image: none; }
#extraNav ul li.lastItem a{ padding-right: 0; }
#extraNav ul li a{ display: inline-block; padding: 0 10px; text-decoration: none; color: #b0b4b6; }
#extraNav ul li a:hover{ text-decoration: underline; }

/* Sidebar Navigation */

#subNav, #subNav #subNavWrapper, #subNav .navigation, #subNav .navigation ul, #subNav .navigation ul li, #subNav .navigation ul li.selectedPath div{ float: left; width: 230px; }
#subNav{ padding-bottom: 200px; background: transparent url(/Layout/Look2010/Image/Bg/bg_side-navigation-bottom.png) no-repeat center bottom; }
#subNav #subNavWrapper{ min-height: 200px; height: auto !important; height: 200px; background: transparent url(/Layout/Look2010/Image/Bg/bg_side-navigation-middle.png) repeat-y center top; }
#subNav .navigation{ padding-top: 51px; background: transparent url(/Layout/Look2010/Image/Bg/bg_side-navigation-top.png) no-repeat center top; }
#subNav .navigation ul{ font-size: 16px; list-style: none; }
#subNav .navigation ul li{ width: 210px; margin: 0 10px; border-bottom: 1px solid #eaedef; }
#subNav .navigation ul li a{ display: block; padding: 10px; text-decoration: none; color: #848789; }
#subNav .navigation ul li a:hover{ color: #000; }
#subNav .navigation ul li.selected,
#subNav .navigation ul li.selectedPath{ width: 230px; margin: -1px 0 -10px; border: 0; background: transparent url(/Layout/Look2010/Image/Bg/bg_side-navigation-current-block-bottom.png) no-repeat center bottom; }
#subNav .navigation ul li.selected div,
#subNav .navigation ul li.selectedPath div{ padding: 1px 0; background: transparent url(/Layout/Look2010/Image/Bg/bg_side-navigation-current-block-top.png) no-repeat center top; }
#subNav .navigation ul li.selected div div,
#subNav .navigation ul li.selectedPath div div{ position: relative; padding: 0; background: none; }
#subNav .navigation ul li.selected ul,
#subNav .navigation ul li.selectedPath ul{ margin: -5px 0 0; padding: 0 0 20px; font-size: 14px; line-height: 14px; }
#subNav .navigation ul li.selected ul li,
#subNav .navigation ul li.selectedPath ul li{ margin: 0; border: 0; padding: 0; background: none; }
#subNav .navigation ul li.selected a,
#subNav .navigation ul li.selectedPath a{ padding: 10px 20px; color: #585a5b; }
#subNav .navigation ul li.selected a:hover,
#subNav .navigation ul li.selectedPath a:hover{ position: relative; color: #000; }
#subNav .navigation ul li.selected{ padding-bottom: 10px; }
#subNav .navigation ul li.selected ul{ margin-bottom: -10px; }
#subNav .navigation ul li.selected ul li a{ color: #585a5b; background-image: none; }
#subNav .navigation ul li.selectedPath ul li a{ padding: 5px 20px 5px 30px; }
#subNav .navigation ul li.selected a,
#subNav .navigation ul li.selectedPath ul li.selectedPath a{ color: #993333; background: transparent url(/Layout/Look2010/Image/Bg/bg_side-navigation-bullet.png) no-repeat left center; }
#subNav .navigation ul li.selectedPath ul li.selected a{ color: #993333; }

/* Breadcrumb navigation */

#breadcrumb .navigationPath{ min-height: 50px; height: auto !important; height: 50px; line-height: 50px; }
#breadcrumb .navigationPath ul{ margin: 0; padding: 0; font-size: 12px; list-style: none; color: #b0b4b6; }
#breadcrumb .navigationPath li{ float: left; margin-right: 5px; padding-left: 11px; list-style: none; background: transparent url(/Layout/Look2010/Image/Bg/bg_breadcrumb-separator.png) no-repeat left center; }
#breadcrumb .navigationPath li.itemIndex0{ background-image: none; padding-left: 0; margin-left: 0; }
#breadcrumb .navigationPath li a{ text-decoration: none; color: #b0b4b6; }

/*
================================================================================
CONTENT STYLES
================================================================================
*/

/* Basic elements: headings, paragraphs, lists */

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6,
#mainContent p, #mainContent ul, #mainContent ol, #mainContent dl{ margin-top: 24px; margin-bottom: 24px; }
#mainContent h1{ margin-top: 0; }
#mainContent ul, #mainContent ol{ margin-left: 2em; }

#mainContent .portraits img{ margin-left: 20px; margin-bottom: 24px; border: 1px solid #e3e7e9; padding: 9px; background-color: #fff; }

/* Introduction */

#mainContent .introduction .content,
#mainContent .announcement .caption{ color: #848789; font-size: 24px; font-weight: normal; line-height: 32px; margin: .5em 0; }

/* Columns */

#mainContent .grid_3,
#mainContent .grid_9_half{ font-size: 14px; line-height: 21px; }
#mainContent .grid_3 h2, #mainContent .grid_3 h3, #mainContent .grid_3 h4, #mainContent .grid_3 h5, #mainContent .grid_3 h6,
#mainContent .grid_3 p, #mainContent .grid_3 ul, #mainContent .grid_3 ol, #mainContent .grid_3 dl,
#mainContent .grid_9_half h2, #mainContent .grid_9_half h3, #mainContent .grid_9_half h4, #mainContent .grid_9_half h5, #mainContent .grid_9_half h6,
#mainContent .grid_9_half p, #mainContent .grid_9_half ul, #mainContent .grid_9_half ol, #mainContent .grid_9_half dl{ margin-top: 0; margin-bottom: 21px; }

#mainContent .grid_3 h2{ font-size: 20px; line-height: 30px; }
#mainContent .grid_3 h3{ font-size: 18px; line-height: 27px; }
#mainContent .grid_3 h4{ font-size: 16px; line-height: 24px; }
#mainContent .grid_3 h5{ font-size: 14px; line-height: 21px; }
#mainContent .grid_3 h6{ font-size: 14px; line-height: 21px; }

#mainContent .grid_9_half h2{ font-size: 24px; line-height: 36px; }
#mainContent .grid_9_half h3{ font-size: 20px; line-height: 30px; }
#mainContent .grid_9_half h4{ font-size: 18px; line-height: 27px; }
#mainContent .grid_9_half h5{ font-size: 16px; line-height: 24px; }
#mainContent .grid_9_half h6{ font-size: 14px; line-height: 21px; }

/*
================================================================================
CONTROL ELEMENTS and their contents
================================================================================
*/

/* Announcements */

.announcementArchive .announcementList .header{ display: none; }
.announcementArchive .announcementList{ width: 100%; margin-left: 0 !important; overflow: hidden; }
.announcementArchive .announcementList .announcement{ width: 100%; overflow: hidden; }
.announcementArchive .announcementList .announcement .date{ float: left; font-style: normal; }
.announcementArchive .announcementList .announcement .link{ margin-left: 100px; }
.announcementArchive .announcementList a{ text-decoration: none; }

.announcement .date{ font-style: italic; }
.announcement .announcementImage{ border: 1px solid #e3e7e9; padding: 9px; background-color: #fff; }

/* Channel View */

.channelView .channelList{ margin-left: 0 !important; }
.channelView .channelList .channelItem{ list-style: none; }

/* Custom Forms */

/* Custom Forms */

.form fieldset{ clear: both; margin: 0; border: 0; padding: 0; }
.form fieldset legend{ float: left; width: 100%; margin: 0 0 24px; border: 0; padding: 0; font-size: 18px; color: #f90; }
.form .field, .form .fieldset{ clear: both; float: left; width: 100%; margin-bottom: 12px; }
.form .field.error, .form .fieldset.error{ background-color: #ecc; }
.form .inputGroup .field{ clear: both; float: left; width: 100%; margin: 0; padding: 0; }
.form .label{ float: left; width: 140px; margin-right: 20px; padding-top: 3px; font-weight: normal; }
.form .label strong{ font-weight: normal; }
.form .field .input, .form .fieldset .inputGroup{ float: left; width: 540px; }
.form .field .input input.textfield,
.form .field .input textarea{ border: 1px solid #dce1e4; padding: 4px 9px; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.125); -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.125); box-shadow: inset 0px 0px 10px rgba(0,0,0,0.125); }
.form .field .input .markItUp, .form .field .input .markItUpPreviewFrame{ width: 100% !important; }
.form .field .input input.textfield{ width: 530px; }
.form .field .input input.small{ width: 120px; }
.form .field .input input.large{ width: 440px; }
.form .field .input input.full{ width: 530px; }
.form .field .input input.numeral{ text-align: right; }
.form .field .input textarea{ width: 530px; }
.form .field .input select{ min-width: 300px; max-width: 100%; width: auto; border: 1px solid #dce1e4; padding: 4px 9px; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.125); -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.125); box-shadow: inset 0px 0px 10px rgba(0,0,0,0.125); }
.form .inputGroup .field .input{ float: left; width: 24px; margin-top: 0; margin-bottom: 0; padding-top: 5px; text-align: center; line-height: 24px; }
.form .inputGroup .field .label{ float: none; display: block; width: auto; margin-right: 0; margin-left: 30px; }
.form .buttons{ clear: both; float: left; width: 550px; padding-left: 160px; margin-top: 12px; }

.form .captcha .inputGroup table{ width: 300px; margin: 0 !important; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; }
.form .captcha .inputGroup table td{ padding: 0; vertical-align: middle; }
.form .captcha .inputGroup table td.image{ width: 53px; }
.form .captcha .inputGroup table td.image img{ margin: 0 !important; padding: 0 !important; }
.form .captcha .inputGroup table td.equal{ padding: 0 10px; font-size: 18px; text-align: center; }
.form .captcha .inputGroup table td.inputCaptcha{ width: 120px; }
.form .captcha .inputGroup table td.inputCaptcha input.textfield{ width: 120px; border: 1px solid #ddd; padding: 4px 9px; background-color: #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.125); -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.125); box-shadow: inset 0px 0px 10px rgba(0,0,0,0.125); }

/* Images */

.image a{ text-decoration: none; }
.highlightImage{ margin-bottom: 24px; }

/* Links */

.feedLink a{ padding-left: 26px; text-decoration: none; background: transparent url(/Layout/Look2010/Image/Icon/icon_feed.png) no-repeat left center; }

/* Pagination */

.pagination,
.paging{ margin: 48px 0 24px; font-size: 14px; line-height: 24px; text-align: left; }
.pagination .pages .page,
.paging a{ display: inline-block; border: 1px solid #ccc; margin: 0 2px; padding: 0px 9px; font-weight: normal; text-decoration: none !important; color: #333; background-color: #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.pagination .pages .page:hover,
.paging a:hover{ color: #333; background-color: #ccc; }
.pagination .pages .selected,
.pagination .pages .selected:hover,
.paging span.selectedPageNumber{ display: inline-block; border: 0; padding: 3px 10px; color: #333; background-color: transparent; }
.paging span.separator{ padding: 0 10px 0 10px; }
.paging span strong{ font-weight: normal; }
.pagination .total{ margin-top: 24px; }

.itemCount{ font-size: 14px; margin: 1em 0; }
.pageSelect{}
.pageSelect a{ border: 1px solid #ccc; display: inline-block; font-size: 14px; font-weight: bold; height: 1.5em; line-height: 1.5em; text-align: center; width: 1.5em; }
#main .pageSelect a{ border-bottom-color: #ccc; }
.pageSelect a.linkButtonPage{ font-weight: normal; }
.pageSelect a[disabled=disabled]{ color: #888; }
.pageSelect a:hover{ background: #2C2D2E; color: #fff; }
.pageSelect a[disabled=disabled]:hover{ background: transparent; color: #888; }

/* Search Results */

.searchResult ol{ margin-left: 0 !important; }
.searchResult ol li{ margin-bottom: 24px; list-style: none; }
.searchResult ol li a{ font-size: 18px; text-decoration: none; }

.searchResult td{ margin: 1em 0; }
.searchResult .hyperLinkTitle{ font-size: 18px; margin: .5em 0; }
.searchResult .labelModificationTime{ color: #2c2d2e; font-size: 12px; margin: .5em 0; }

/* Aside Link List */

.withAside #mainContent .linkList{ float: right; width: 220px; margin: 0 20px 10px; padding-top: 11px; font-size: 12px; line-height: 18px; background: url(/Layout/Look2010/Image/Bg/bg_bracket-top.png) no-repeat center top; }
.withAside #mainContent .linkList .container{ padding-bottom: 11px; background: url(/Layout/Look2010/Image/Bg/bg_bracket-bottom.png) no-repeat center bottom; }
.withAside #mainContent .linkList .title,
.withAside #mainContent .linkList .content{ padding: 0 10px; }
.withAside #mainContent .linkList .content p{ margin: 18px 0; }
.withAside #mainContent .linkList .content ul,
.withAside #mainContent .linkList .content ol,
.withAside #mainContent .linkList .content dl{ margin: 18px 0; }
.withAside #mainContent .linkList .content ul, .withAside .linkList .content ul li{ list-style-type: none; }
.withAside #mainContent .linkList .title h2{ margin: 18px 0; font-size: 20px; }

/* Comment Bubble */

#main .authorCommentBubble{ clear: both; width: 100%; margin: 24px 0; padding-top: 34px; background: url(/Layout/Look2010/Image/Bg/bg_author-comment-bubble-top.png) no-repeat top center; }
#main .authorCommentBubble .content{ float: left; width: 650px; padding: 20px 30px; font-size: 14px; line-height: 21px; background: url(/Layout/Look2010/Image/Bg/bg_author-comment-bubble-bottom.png) no-repeat bottom center; }
#main .authorCommentBubble img{ float: right; margin: .3em 0 .5em 1em; border: 1px solid #E3E7E9; padding: 10px; background-color: #fff; }

/*
================================================================================
PAGE SPECIFIC STYLES
================================================================================
*/

/* Frontpage */

.frontpage #main{ width: 960px; padding-top: 50px; font-size: 14px; line-height: 21px; }
.frontpage #mainContent h2{ min-height: 36px; height: auto !important; height: 36px; margin: 0; font-size: 30px; line-height: 36px; background: url(/Layout/Look2010/Image/Bg/bg_heading-bottom-border.png) repeat-x center bottom; }
.frontpage #mainContent a{ text-decoration: none; }

.frontpage #mainContent .announcementGroup .title,
.frontpage #mainContent .channelView .title{ display: none; }
.frontpage #mainContent .announcementGroup .announcementList,
.frontpage #mainContent .channelView .channelList{ margin: 0; }
.frontpage #mainContent .announcementGroup .announcementList .announcement,
.frontpage #mainContent .channelView .channelList .channelItem{ margin: 21px 0; list-style: none; }
.frontpage #mainContent .announcementGroup .announcementList .announcement a,
.frontpage #mainContent .channelView .channelList .channelItem a{ font-size: 16px; }
.frontpage #mainContent .announcementGroup .announcementList .announcement .date,
.frontpage #mainContent .channelView .channelList .channelItem .date{ display: block; font-size: 12px; font-style: normal; }
.frontpage #mainContent .announcementGroup .announcementList .announcement .body,
.frontpage #mainContent .channelView .channelList .channelItem .description{ margin: 0; }

.frontpage #mainContent .highlight p:first-child img:first-child{ border: 1px solid #e3e7e9; padding: 9px; background-color: #fff; }
.frontpage #mainContent .highlight .content p,
.frontpage #mainContent .highlight .content ul,
.frontpage #mainContent .highlight .content ol,
.frontpage #mainContent .highlight .content dl{ margin-top: 21px; margin-bottom: 21px; }
.frontpage #mainContent .highlight .content ul,
.frontpage #mainContent .highlight .content ol,
.frontpage #mainContent .highlight .content dl dd{ margin-left: 2em; }

/* Reference Pages */

.withAside #main .image img{ background-color: #fff; border: 1px solid #e3e7e9; padding: 9px; }
.withAside #main .image img{ border-width: 1px !important; } /* Overrides stupid asp.net border-width inline style */
.withAside #main .image a{ border: 0; }

#mainContent .grid_3 .image{ margin: 21px 0; }
#main .imageAltContainer{ background-color: #000; background-color: rgba(0,0,0,.7); display: block; line-height: 2; padding: 0 10px; position: absolute; bottom: 0; left: 0; right: 0;}
#main .grid_3 .image a{ position: relative; display: block; border: 0; color: #f8f9fa; text-decoration: none; }
#main .grid_3 .image a:hover .imageAltContainer{ background-color: #fff; background-color: rgba(255,255,255,.7); color: #000; }
*:first-child+html #main .imageAltContainer{ background-color: #000; } /* IE7 hack to display correct background-color */
*:first-child+html #main .grid_3 .image a:hover .imageAltContainer{ background-color: #fff; } /* IE7 hack to display correct background-color */

/*
================================================================================
GENERIC CLASSES
================================================================================
*/

.button, .button:visited{ position: relative; display: inline-block; margin: 0; border: 1px solid #9c3; padding: 5px 9px;
	font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,0.25); vertical-align: top;
	color: #fff; background: #a3d147 url(/Layout/Look2010/Image/Bg/bg_button-overlay.png) repeat-x left top; cursor: pointer;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.25); box-shadow: 0 0 1px rgba(0,0,0,0.25); }
.button:hover{ background-color: #9c3; color: #fff; }
.button:active{ top: 1px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.small.button, .small.button:visited{ padding: 2px 9px; font-size: 14px; }
.secondary.button, .secondary.button:visited{ border-color: #888; background-color: #999; }
.secondary.button:hover{ background-color: #888; }

.noScript, .jsEnabled .noScript{ display: none; }
.script, .jsEnabled .script{ display: block; }

.hidden{ display: block; position: absolute; top: 0px; left: 0px; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; margin-left: -9999px; }
.hidden hr{ display: none; }

.alignLeft{ text-align: left; }
.alignRight{ text-align: right; }

.floatLeft{ float: left; }
.floatRight{ float: right; }

/* Clearfixes */

.clear{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after{ clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
.clearfix{ display: inline-block; }
html[xmlns] .clearfix{ display: block; }
* html .clearfix{ zoom: 1; height: 1%; } /* IE6 */
*:first-child+html .clearfix{ zoom: 1; height: 1%; } /* IE7 */