/* ISC NET */
body {margin: 0; padding: 0; font: small/1.3em Verdana, Verdana, Arial, Helvetica, sans-serif; color: #333333;}
form {margin: 0; padding: 0; }
* html p {margin: 7px 0;}
h1 {display: block; font-size: large; font-weight: bold; color: #8D660A; margin: 20px 0 10px 0; padding: 0 0 7px 0; border-bottom: 1px solid #CCCCCC; line-height: 1.3em;}
* html h1 {margin-top: 22px;}
h2 {display: block; font-weight: bold; font-size: 1.1em; color: #8D660A; margin: 20px 0 -10px 0;}
* html h2 {margin-bottom: -5px;}
td h2 {margin: 0; padding: 0;}

hr {background-color: #DED1B4; color: #DED1B4; height: 3px; border: none; margin: 20px 0;}
* html hr {margin: 10px 0;}
blockquote {margin: 10px 0 10px 20px; padding: 0;}

table {float: left; width: 100%;}

td p {margin-left: 10px;}

#container {width: 800px; margin: 0; background: #FFFFFF url(../images/body_bg.jpg) no-repeat 0 0;}
#header {float: left; width: 800px; min-height: 83px;}
* html #header {margin-bottom: -12px; height: 97px;}
#header a {text-decoration: none;}
#logo {float: left; width: 132px;}
#logo img {margin: 12px 0 0 24px; border: 0;}

#topNav {float: left; width: 661px; background-color: #F2EDE1; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 3px 0 3px 5px;}
#topNav ul {margin: 0; padding: 0; list-style: none; width: 600px;}
#topNav li {display: inline;}
#topNav a {margin-right: 10px; color: #666666; font-weight: bold; text-transform: uppercase; font-size: x-small;}
#topNav a:link {text-decoration: none;}
#topNav a:hover {text-decoration: underline;}
#topNav .button {border: 1px solid #666666; background-color: #E3E4DC; padding: 2px 4px; text-decoration: none;}
#topNav .button:hover {text-decoration: none !important; background-color: #F5F5F3; color: #333333;}

#mainNav {float: left; width: 667px; background-color: #407EFF; border-top: 1px solid #FFFFFF; line-height: 0.9em; border-right: 1px solid #FFFFFF; top: 46px; left: 132px;}
* html #mainNav {position: static; top: 48px;}
#mainNav  ul {margin: 0; padding: 0; list-style: none;}
#mainNav li {display: inline; float: left;  width: 90px; border-left: 1px solid #FFFFFF; padding: 2px; min-height: 30px;}
* html #mainNav li {height: 29px;}
#mainNav a {color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: x-small;}
#mainNav a:link {text-decoration: none;}
#mainNav a:hover {color: #FFE064;}
#mainNav li:hover {background-color: #1763FF;}

.mainMenu {text-transform: uppercase; border-left: 1px solid #FFFFFF; padding: 2px; float: left; width: 90px; height: 30px;}
* html .mainMenu {}
.mainMenuChild {left: 0px; top: 0px; text-transform: uppercase; background-color: #407EFF; visibility: hidden; position: absolute; width: 120px; border: 1px solid #FFFFFF; z-index:100;}
* html .mainMenuChild {left: -120px; top: -90px;}
.mainMenuCell {padding: 2px; border-bottom: 1px solid #FFFFFF;}

#mainNav, #leftNav .current {color: #FFE064;}

#mainContentHome {float: left; margin-top: -2px; width: 800px; background: #FFFFFF url(../images/blue_bg.gif) repeat-y top left;}
#mainContent {float: left; width: 800px; background: url(../images/blue_beige_bg.gif) repeat-y top left;}
#mainContent {margin-top: -2px;}

#outerHome {position: relative; width: 668px; margin-left: 132px;}
#innerHome {float: left; width: 668px;}
#centerHome {float: right; width: 668px;}
* html #centerHome {overflow: hidden;}

.contentHome {float: left; width: 666px; padding-left: 2px;}
* html .contentHome {margin-top: 0;}
.contentHome a {color: #0958FF;}
.contentHome a:hover {text-decoration: none;}

#outer {position: relative; width: 526px; margin-left: 132px;}
#inner {float: left; width: 526px;}
#center {float: right; width: 526px;}

/* content */
.content {float: left; width: 455px; padding: 0 50px 100px 18px; min-height: 600px; font-size: 0.85em; line-height: 1.3em;}
* html .content {height: 600px; padding-right: 0; margin-right: -10px;}
.content a {color: #0958FF;}
.content a:hover {text-decoration: none;}
.content img {border: 1px solid #CCCCCC;}

.content ul {list-style: none;}
.content li {background: url(/images/yellow_box.gif) no-repeat 0 4px; padding-left: 12px;}

.imageTextHome {float: left; width: 665px;}
* html .imageTextHome {width: 660px;}
.imageTextHomeContent {float: left; width: 506px; height: 196px; padding: 0 150px 0 10px; font-weight: bold; font-size: 1.1em; line-height: 1.5em; color: #4D4D4D;}
* html .imageTextHomeContent {width: 505px;}
.imageTextHomeContent  p {margin: 60px 0 15px 0;}
.imageTextHomeContent td {padding-left: 5px;}

.homeBox {float: left; width: 146px; padding: 7px; min-height: 175px; margin: 10px 2px; border: 1px solid #E1E1E1; background: url(../images/home_box_bg.gif) repeat-x 0 0; font-size: x-small; line-height: 1.2em;}
* html .homeBox {height: 175px;}
.homeBox strong {color: #A6770B; text-transform: uppercase;}
.homeBox img{border: 1px solid #E1E1E1; margin-top: 5px;}

.darkBox {float: left; width: 654px; margin-left: 2px; background-color: #666666; color: #FFFFFF; font-size: 0.85em; line-height: 1.3em; padding: 10px 0 10px 10px;}
* html .darkBox {padding-bottom: 0;}
.darkBox strong {color: #F1B21D; text-transform: uppercase;}
.darkBox a {color: #FFFFFF; font-weight: bold;}
.darkBox .homeEvent {float: left; width: 100%;  margin: 5px 0;}

.beigeBox {float: left; width: 664px; margin-left: 2px; background-color: #F2EDE1; font-size: 0.85em; line-height: 1.3em; padding: 10px 0 5px 0;}
.beigeBox strong {text-transform: uppercase;}
.beigeBox .left {float: left; width: 170px; padding: 5px 10px 8px 10px; margin-right: 10px;}
.beigeBox .right {float: right; width: 410px; padding: 5px 10px 5px 10px; background-color: #FFFFFF; margin: 0 10px 5px 0;}

.homeNews {margin-bottom: 5px;}
.homeNews .title {display: block; background: url(/images/yellow_box.gif) no-repeat 0 4px; padding-left: 9px;}

.homeArticle {margin-bottom: 5px;}
.homeArticle .title {display: block; background: url(/images/yellow_box.gif) no-repeat 0 4px; padding-left: 9px;}
.homeArticle .type {display: block; padding-left: 9px; font-weight: bold; color: #333333;}
.homeArticle .introduction {display: block; padding-left: 9px;}

#leftNav {position: relative; width: 132px; margin-left: -132px; border-top: 7px solid #FFFFFF; text-align: right; background-color: #6699FF;}
* html #leftNav {float: left;}
#leftNav ul {margin: 0; padding: 0; list-style: none; border: none;}
#leftNav .level1 {border-bottom: 1px solid #FFFFFF;}
#leftNav level2 {}
#leftNav li {border-top: 1px solid #FFFFFF; line-height: 1em; margin: 0;}
* html #leftNav li {height: 1%;}
#leftNav a {display: block; padding: 8px 5px; color: #FFFFFF; font-weight: bold; text-decoration: none;font-size: x-small; text-transform: uppercase; width: 122px;}
#leftNav a:hover {background-color: #1763FF; color: #FFE064;}

#right {float: right; position: relative; width: 140px; margin-right: -143px; margin-left: -1px; border-top: 1px solid #FFFFFF; font-size: 0.8em; line-height: 1.2em; padding: 8px 2px 10px 2px; color: #333333;}
* html #right {font-size: 0.75em; margin-right: -145px;}
#right img {margin: 0 0 0 -3px; width: 142px;}
* html #right img {margin: 0 0 0 -2px;}
#right a {color: #0958FF;}
#right a:hover {text-decoration: none;}
#right p {margin: 7px 0;}

.rightNavHeading {display: block; width: 138px;font-weight: bold; background-color: #D9C79D; padding: 2px 2px; margin: 0 -2px; font-size: 1.1em;}
* html .rightNavHeading {width: 138px;}

#footer {float: left; clear: both; width: 780px; padding: 10px; text-align: center; font-size: x-small; border-top: 1px solid #6699FF;}
#footer ul {margin: 0; padding: 0; list-style: none;}
#footer li {display: inline; padding: 5px;}
#footer  a{color: #000000;}

.caseStudy {padding-left: 10px; background: url(../images/yellow_box.gif) no-repeat 0 4px; font-weight: bold;}

.toRight {float: right;}
.toLeft {float: left;}
.clear {clear: both; height: 0;}

.imageRight {float: right; margin: 0 0 3px 3px;}
.imageLeft {float: left; margin: 0 3px 3px 0;}

.marginTop30 {margin-top: 30px;}
.width444 {width: 600px;}
.width219 {width: 219px;}

.noBorder {border: none !important;}

.contact {font-size: 1.1em; line-height: 1.3em}
.contact p {margin: 5px 0 10px 0 !important;}
.related {float: left; width: 100%; display: block; margin: 20px 0 10px 0; padding: 0 3px; font-size: x-small; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #AA8D4A; background-color: #DED1B4; color: #000000;}

.contentList {list-style: none; margin: 10px 0 10px 20px; padding: 0; }
.contentList li {padding-left: 8px; background: url(../images/beige_dot.gif) no-repeat 0 7px;}

.printSaveEmailBook {margin: 10px 0; padding: 0; list-style: none !important;}
.printSaveEmailBook li {display: inline; margin-right: 7px; background-image: none; padding-left: 0;}
.printSaveEmailBook a {font-size: x-small; font-weight: bold; text-decoration: none;}
.print {background: url(../images/print.gif) no-repeat 0 1px; padding-left: 13px;}
.save {background: url(../images/save.gif) no-repeat 0 1px; padding-left: 13px;}
.email {background: url(../images/email.gif) no-repeat 0 2px; padding-left: 12px;}
.book {background: url(../images/bookmark.gif) no-repeat 0 1px; padding-left: 6px;}
.printSaveEmailBook a:hover {text-decoration: underline;}

.smallFont {font-size: small; line-height: 1.3em;}

.yellowArrow {padding-left: 12px; background: url(../images/yellow_arrow.gif) no-repeat 0 2px;}

/* breadcrumb menu */
.content .breadcrumb {float: left; width: 500px; padding: 3px 0; font-size: x-small; margin: 0 !important;}
#center .breadcrumb {float: left; width: 480px; font-size: x-small; margin-left: 10px;}
#center .breadcrumb a {color: #0958FF;}


/* popup */
.popup {width: 100%; background: #FFFFFF url(../images/body_bg.jpg) no-repeat 0 0;}
.popup a {color: #0958FF;}
.popup a:hover {text-decoration: none;}
#popupHeader {float: left; width: 96%; padding: 2%;}
.popupContent {float: left; width: 96%; padding: 2%; background-color: #FFFFFF;}
#popupFooter {float: left; width: 98%; padding: 1%; font-size: x-small;}

/* paginate */
.paginate {float: left; width: 455px; color: #000000; margin-top: 20px;}

/* listings */
.listingBlock {margin-bottom: 20px;}
.listingBlock .article {float: left; width: 455px;}
.listingBlock h2 {font-size: small; margin: 5px 0; padding: 0;}
.listingBlock .article .type {display: block; margin: 2px 0; color: #666666; font-weight: bold;}
.listingBlock .article .date {display: block; margin: 2px 0;}
.listingBlock .article .title {display: block; margin: 2px 0; font-weight: bold;}
.listingBlock .article .authorImage {display: block; margin: 2px 0;}
.listingBlock .article .authorName {display: block; margin: 2px 0; color: #666666; font-weight: bold;}
.listingBlock .article .authorEmail {display: block; margin: 2px 0;}
.listingBlock .article .introduction {display: block; margin: 3px 0 10px 0;}
.listingBlock .listingLink {display: block; font-weight: bold;}

.listingBlock .type {display: block; margin: 2px 0; color: #666666; font-weight: bold;}
.listingBlock .date {display: block; margin: 2px 0;}
.listingBlock .title {display: block; margin: 2px 0; font-weight: bold;}
.listingBlock .authorImage {display: block; margin: 2px 0;}
.listingBlock .authorName {display: block; margin: 2px 0; color: #666666; font-weight: bold;}
.listingBlock .authorEmail {display: block; margin: 2px 0;}
.listingBlock .introduction {display: block; margin: 3px 0 10px 0;}

/* 
listing components 
.title {}
.type {}
.themes {}
.date {}
.introduction {}
.location {}
.venue {}
.time {}
.map {}
*/

/* introductions */
.introBlock {}
.introBlock .time {display: block; margin: 2px 0;}
.introBlock .venue {display: block; margin: 2px 0;}
.introBlock .map {display: block; margin: 2px 0 16px 0;}

/* user access */
.accessRestricted {margin: 10px 0px; font-weight: bold;}
.accessIntro {}

/* articles */
.article {float: left; width: 455px;}
.article .title {display: block; margin: 2px 0;}
.article .type {display: block; margin: 2px 0; color: #666666; font-weight: bold;}
.article .themes {display: block; margin: 2px 0; color: #666666; font-style: italic;}
.article .date {display: block; margin: 2px 0;}
.article .authorEmail {display: block; margin: 2px 0;}
.article .introduction {display: block; margin: 3px 0 10px 0;}
.article .authorName {display: block; margin: 2px 0; color: #666666; font-weight: bold;}

/* news */

.news {float: left; width: 455px; font-size: 1em; padding: 0; margin: 0 0 10px 0;}
.news .title {display: block; margin: 2px 0; font-weight: bold;}
.news .type {display: block; margin: 2px 0; color: #666666; font-weight: bold;}
.news .date {display: block; margin: 2px 0;}
.news .authorEmail {display: block; margin: 2px 0;}
.news .introduction {display: block; margin: 3px 0 10px 0;}

.sideNews {margin: 5px 0 10px 0;}
.sideEvent {margin: 5px 0 10px 0;}
.sideEvent .location {display: block; font-weight: bold;}
.sideEvent .date {display: block;}
.sideEvent .time {display: block;}

/* authors */
.authorName {}
.authorEmail {}
.authorImage {}

/* events */
.event {float: left; width: 443px; padding: 5px; margin-bottom: 15px; background-color: #F5F1E6; border: 1px solid #D9C7D9;}
.event .title {display: block; margin: 2px 0; font-weight: bold;}
.event .type {display: block; margin: 2px 0; color: #666666; font-weight: bold;}
.event .location {display: block; margin: 2px 0 4px 0; padding-bottom: 4px; color: #666666; font-weight: bold; font-size: 1.2em; border-bottom: 1px solid #D9C7D9;}
.event .date {display: block; margin: 2px 0 2px 0; color: #333333;}
.event .time {display: block; margin: 2px 0 4px 0; color: #333333;}
.event .venue {display: block; margin: 5px 0; padding: 4px 0; font-weight: bold; border-top: 1px solid #D9C7D9; border-bottom: 1px solid #D9C7D9;}
.event .authorEmail {display: block; margin: 2px 0 4px 0;}
.event .introduction {display: block; margin: 3px 0 10px 0;}
.event .authorName {display: block; margin: 2px 0; color: #666666; font-weight: bold;}
.event .map {display: block; margin: 0 0 3px 0;}

/* eventListing */
.eventListing {float: left; width: 455px; margin-bottom: 10px;}
.eventListing .title {display: block; margin: 0px 0; font-weight: bold;}
.eventListing .type {display: block; margin: 2px 0; color: #666666;}
.eventListing .location {display: block; margin: 0px 0 0px 0; color: #666666; font-weight: bold;}
.eventListing .date {display: inline; margin: 2px 0;}
.eventListing .time {display: inline; margin: 2px 0 4px 0; color: #333333;}
.eventListing .venue {display: block; margin: 0px 0; padding: 0px 0;}
.eventListing .authorEmail {display: block; margin: 2px 0;}
.eventListing .introduction {display: block; margin: 3px 0 10px 0;}
.eventListing .authorName {display: block; margin: 2px 0; color: #666666; font-weight: bold;}
.eventListing .map {display: block; margin: 0 0 3px 0;}

.link {float: left; width: 244px; margin: 15px 0; font-weight: bold;}

/* debug */
.debugWrapper {width: 770px;}
.debugTitle {background-color: #C1D9E5; color: #333333; font-weight: bold; font-size: 1em; padding: 4px;}
.debugBox {background-color: #E4EDF5; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #C1D9E5;}
.debugLeftCol {padding: 4px; float: left; width: 120px;}
.debugRightCol {padding: 4px; float: left;}
.debugClear {clear: both; height: 1px; overflow: hidden;}
.loudDebug {background-color: #FF6600; padding: 2px; margin: 2px;}
.quietDebug {display: none;}

/* preview */
.previewBar {padding: 4px; background-color: #FF0000; color: #FFFFFF;}

/* search */
.search {float: right; padding: 3px 3px 3px 0;}
.searchButton {border: 1px solid #666666; background-color: #E3E4DC; font: bold x-small Verdana, sans-serif; color: #666666; padding: 0 3px;}
* html .searchButton {}
.searchInput {font: x-small Verdana, sans-serif; border: 1px solid #666666; padding: 1px 2px; width: 150px;}
.searchHighlight {background-color: #FFFFCC; font-weight: bold;}
.searchResult {font-weight: bold; margin-top: 8px; padding-left: 10px;}
.searchText {margin-top: 2px; padding-left: 22px;}
.searchExplanation {margin-top: 2px; padding-left: 22px;}
.searchType {color: #000000; font-weight: normal;}
.searchRelevance {}
.searchNoResult {font-weight: bold; margin-top: 8px;}
.searchPaginate {margin-top: 20px;}

/* forms */
.form {margin: 0; padding: 0;}
.formText {}
.formElement {}
.formErrors {font-size: x-small; color: #FF0000;}
.formErrors ul{margin: 0; padding: 0; list-style: none;}
.formErrors li{color: #FF0000;}
.formMessage {margin: 5px 0px; font-size: xx-small;}
.formSubmit {}
.formButton {border: 1px solid #666666; background-color: #E3E4DC; font: bold x-small Verdana, sans-serif; color: #666666; padding: 2px 0; margin: 5px 0 0 0;}
.formLink {}

/* messages */
.alert {font-weight: bold; color: #FF0000;}

/* PRINT STYLES */

.printPage {width: 100%;overflow: hidden;}
.printPage h1 {width: 100%;}
.printPage #container {background: url(../images/blue_sidebar_print_page.gif) repeat-y -1px 0; width: 100%;}
.printPage #header {background-color: #6699FF; width: 100%; min-height: 70px;}
* html .printPage #header {height: 70px;}
.printPage #logo img {margin: 4px 0 0 20px;}
.printPage #mainContent {background-image: none; width: 100%;  padding: 0 0 0 20px; margin: 0;}
* html .printPage #mainContent {margin: 12px 0 0 0;}
.printPage #outer {width: 100%; margin-left: 0;}
.printPage #inner, .printPage #center, .printPage .article {width: 100%;}
.printPage .content {width: 96%; padding: 2% 2%; margin: 0;}
.printPage #leftNav .printPage #right, .printPage .breadcrumb {display: none;}
.printPage .introBlock {float: left; width: 100%;}
.printPage .article {margin-bottom: 15px;}
.printPage #footer {text-align: center; display: block; width: 100%; background: url(../images/blue_sidebar_print_page.gif) repeat-y -1px 0; padding-left: 30px; border-top: none;}
.printPage .rightNavHeading {float: left; width: 100%; margin: 5px 0; background-image: none;}
.printPage #contact {float: left; width: 100%; background-color: #F5F1E6; display: block; font-size: 0.75em; margin-left: 25px; margin-bottom: 30px;}
* html .printPage #contact { margin-left: 12px;}
.printPage img {float: left; margin-right: 15px;}
.printPage .contact {}

.styleGuideContent {background-color: #FFF; width: 80%; padding: 2% 10%;}