/***********************************************/ /* HTML tag styles */ /***********************************************/ html { min-height: 100%; margin-bottom: 1px; } /* FireFox Page-Shift Fix */ * {margin:0;padding:0;} ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;} INPUT, SELECT, TEXTAREA, TH, TD {font-size:1em; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, serif; color: #333333; } LI LI, LI P, TD P, BLOCKQUOTE P, TH P {font-size:1em; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, serif; color: #333333; } :link,:visited {text-decoration: none;} body {background-color:#FFF; font-size:79%; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, serif; color: #333333; line-height:1.5em; margin: 0; padding: 0px; text-align:center;} a, .mceContentBody a {color: #A3A243; text-decoration: none;} a:link {color: #A3A243; text-decoration: none;} a:visited {color: #A3A243; text-decoration: none;} a:hover {color: #FFF; background-color:#A3A243;} a img, img a, img, p a img {border:0;border-bottom:0;text-decoration:none; } h1, h2, h3, h4, h5, h6 {font-size: 1.8em;color: #666;margin: 20px 0 10px 0;padding: 0px; font-weight:normal;} h1 {color:#ADADAD; margin:0px 0 10px 0; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 1.8em; } h2 {color:#ADADAD; font-size: 1.4em; font-weight:normal; margin:15px 0 -2px 0; font-family: Palatino Linotype, Book Antiqua, Palatino, serif; padding:0; } h3 {font-size: 1.1em; } h4 {font-size: 1.1em;} h5 {font-size: 0.9em;} h6 {font-size: 0.8em;} div.noteSubElemResponses h1, div.noteSubElemResponses h2 {margin:0 0 20px 0; padding:0; line-height:1.5em; font-size:1em; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, serif; color: #333333; font-weight:normal;} hr {height:1px; color:#CCC; background-color:#CCC; border:0; padding:0; margin:10px 0;} ul {list-style: none; padding: 0; margin: 0;} ul ul {list-style-type: disc;} ul ul ul {list-style-type: none;} p, li {margin:10px 0; padding:0; line-height:1.5em;} li {padding: 0 0 0 23px; list-style: none; background-image: url(/i/design/bg_li.gif); background-repeat: no-repeat; background-position: 0px 3px;} ol li {list-style: decimal inside;margin:7px 0;padding:0; background-image:none;} ol li li {list-style: lower-roman outside;margin: 7px 0 7px 30px;padding:0;} ul li li {list-style: circle outside;} /***********************************************/ /* menu stuff */ /***********************************************/ #navholder {float:left; width: 100%; text-align:center; height:41px; margin:0 auto; padding:0 0 0 0; background-color:#1D6D96;} #nav {width: 930px; border:0; vertical-align:top; text-align:center; margin:0 auto;} #nav ul {margin:0 auto; padding: 0; text-align:center; list-style-type: none; vertical-align: top; background:transparent;} #nav ul li {display:inline; margin:0; padding:0; list-style-image: none; border:0; font-size:1em; background-image:none;} #nav li.topmenuli {list-style-type:none; float:left; } #nav li.topmenuli a {font-weight: bold; list-style-image: none; margin:0; border:0;} #nav li a.topmenutitle {margin:0; padding:0; color:#FFF; display:block; background-image:url(/i/design/bg_nav_li.gif); background-position:right 16px; background-repeat:no-repeat; } #nav li a.topmenutitle:hover { background-image:url(/i/design/bg_nav_li_over.gif); background-position:right 10px; background-color:#004577;} #nav a span {float:left; display:block; padding:10px 17px 12px 9px; color:#FFF;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav a span {float:none;} /* End IE5-Mac hack */ #nav a:hover span { background-image:url(/i/design/bg_nav_li_span.gif); background-repeat:no-repeat; background-position:center 32px;} #nav li ul.submenuul {list-style-type:none; position:absolute; margin:0; padding:0; display:none; border:0;} #nav li ul li.submenuli {list-style-type:none; vertical-align:middle; padding:0; display:block; margin: 0; list-style-image: none; background-color:#FFF; font-size:1.0em;} #nav li ul li.submenuli a {background-color:#F0F5F9; color:#244E6E; font-weight:bold; border:1px solid #244E6E; border-bottom:0; padding: 6px 10px 6px 10px; display:block; margin:0px 0 0 0px; text-align:left; width: 170px !important; width /**/:190px; list-style-image: none; } #nav li ul li.submenuli a:hover {background-color:#244E6E; color:#FFF; border:1px solid #244E6E; } #nav li.submenuli a {border: 1px solid #244E6E; border-top:0;} #nav li.submenuli a.navBottom, #nav li.submenuli a.navBottom:hover{ border-bottom: 1px solid #244E6E;} #nav li:hover ul , #nav li.over ul{display: block; margin-top:0px; margin-left:-1px; border: 1px solid #244E6E; border-top:0;} #dmenu li>ul {top: auto; left: auto;} /***********************************************/ /* form stuff */ /***********************************************/ label {display:block; width: 180px; float:left;cursor:pointer; font-weight:normal; margin:6px 0 ; color:#444;} input, textarea, select {width:450px; float:left; margin:6px 200px 6px 0px; border: 1px solid #CCC; background-color:#FFF;cursor:pointer; padding:5px} input.nowidth {width:auto; border:0;} option {background: #fff;} input.button {font-weight:bold; margin: 6px 0px 6px 180px; width:auto; background:#555; border:1px solid #999; color:#fff; cursor:pointer; padding:2px 5px;} * html input.button {padding:0;} fieldset {margin:0; border: none; clear:both; display:block; padding:0px; } .required {float:right; color:#FF0000; margin:6px 0;} .fieldcaption {float:none; display:inline; width:304px;} /***********************************************/ /* Login form */ /***********************************************/ #form1, #formStatus {margin:20px 0; padding:15px 20px 14px 20px; display:block; background-color:#999; border:1px solid #CCC; background-color:#ECECEC;} #formStatus input {width:auto; float:none; margin:6px 10px 6px 0px; border: 0; background:transparent; padding:0;} #formStatus input.button {font-weight:bold; margin: 6px 0px 6px 0; float:right;width:auto; background:#555; border:1px solid #999; } #formStatus label {display:inline; width: auto; float:none; margin:6px 20px 6px 0;} #formStatus label img {margin:0px 2px 0px -5px;} form.formstandard input, form.formstandard textarea {float:none; margin:0px 6px 0 0; } form.formstandard input.button {margin: 6px 0px 6px 0; } /***********************************************/ /* Layout Divs */ /***********************************************/ #footer {margin:0 auto; width: 930px; color:#FFF; text-align:left; font-size: 0.9em; padding: 15px 0px;} #footer p {margin:5px 0;} #footer a {font-weight:normal; padding:5px; border:0;} #footer a img {margin:0 5px -2px 0;} #footer a:hover {} #footer #credit {float:right; clear:left; display:inline; margin:0; padding:0 } #footer #credit a {color:#FFF; padding:0px; border-bottom:1px dotted #FFF;} #footerholder {width: 100%; background-color:#1D6D96; padding:0; margin:20px auto 0 auto; clear: left; text-align:center; } #logobar {width: 930px; height: 115px !important; height /**/:150px; padding:35px 0 0 0; margin:0 auto 0 auto; text-align:left; vertical-align:top; background-image:url(/i/design/bg_logo.gif); background-repeat:no-repeat; background-position:right bottom;} #logoblock img {margin:0 0 20px 0; display:block;} #logoblock a {border:0;} #mainholder {clear:both; margin:0 auto 0 auto; text-align:left; width: 930px; padding:40px 0 0 0; background-color:#FFF; border:0; } #mainholder p a, #mainholder li a {border-bottom:1px solid #A3A243; } #masthead {background-color:#FFF; background-image:url(/i/design/bg_mastheadX.gif); background-repeat:repeat-x; background-position:0 0; width: 100%; padding:0; margin:20px auto 0 auto; text-align:center;} #mastStrap {width:100%; background-color:#A3A243; height:150px; text-align:left; vertical-align:middle;} #supernav {width:930px; margin:10px auto 0 auto; padding:0 0 50px 0; text-align:left; vertical-align:top; background-image:url(/i/design/bg_supernav.gif); background-position:right bottom; background-repeat:no-repeat;} #supernav img {margin:0 720px 0 0; background-color:#FFF;} #supernav img.nomargin {margin:0;} #supernav a {background:#FFF;} #wrapper {width: 100%; padding:0; margin:0 auto 0 auto; text-align:center; background-color:#FFF;} /***********************************************/ /* quotes */ /***********************************************/ blockquote {background-image:url(/i/design/bg_blockquote.gif); background-repeat:no-repeat; background-position:0 0; font-weight:normal; padding:10px; margin:5px 0; background-color: #F4F8FB; border:3px solid #E2EBF4;} .Content2Column blockquote {background-image:url(/i/design/bg_blockquote_2col.gif); } .Content3Column blockquote {background-image:url(/i/design/bg_blockquote_3col.gif); } /************** styles ***************/ .ColumnLeft {display:none; visibility:hidden; width:0; height:0;} .ColumnLeft ul a:link, .ColumnLeft ul a:visited, .ColumnRight ul a:link, .ColumnRight ul a:visited {display: block;} .ColumnLeft ul, .ColumnRight ul {list-style: none; margin: 0; padding: 0;} /* hack to fix IE/Win's broken rendering of block-level anchors in lists */ .ColumnLeft li, .ColumnRight li {border-bottom: 1px solid #EEE; text-align:left;} /* fix for browsers that don't need the hack */ html>body .ColumnLeft li {border-bottom: none;} .Content1Column {min-height:250px; text-align:left; float: left; padding:0; width:930px; background-color:#FFF;} .Content2Column {min-height:250px; text-align:left; float: left; padding:0 0 0 0px; width:930px !important; width /**/:930px; margin:0; border:0;} .Content3Column {min-height:250px; text-align:left; float: left; padding:0; width:290px; margin:0;} .evidencebox { border:1px solid #EFEFEF; padding:10px; margin:2px 0px 10px 20px; background: #FBFBFB; display:block; clear:both; } .evidencebox h1 {font-size:1.2em; margin:0 0 5px 0; font-weight:} #mainholder div.evidencebox p a {background-image: url(/i/icons/icon_attachment.gif) ; background-repeat: no-repeat; padding-left: 30px; text-decoration:none; border:0;} #mainholder div.evidencebox a.doc {background-image: url(/i/icons/icon_word.gif) ;} #mainholder div.evidencebox a.jpg {background-image: url(/i/icons/image.gif);} #mainholder div.evidencebox a.mpg {background-image: url(/i/icons/page_video.gif);} #mainholder div.evidencebox a.pdf {background-image: url(/i/icons/file_acrobat.gif) ;} #mainholder div.evidencebox a.ppt {background-image: url(/i/icons/icon_ppt.gif) ; } #mainholder div.evidencebox a.wmv {background-image: url(/i/icons/page_video.gif) ; } #mainholder div.evidencebox a.xls {background-image: url(/i/icons/icon_xls.gif) ; } #mainholder div.evidencebox a.zip {background-image: url(/i/icons/icon_winzip.gif);} #mainholder table.TableFiles p a {background-image: url(/i/icons/icon_attachment.gif) ; background-repeat: no-repeat; padding-left: 30px; text-decoration:none; border:0;} #mainholder table.TableFiles p a.doc {background-image: url(/i/icons/icon_word.gif) ;} #mainholder table.TableFiles p a.jpg {background-image: url(/i/icons/image.gif);} #mainholder table.TableFiles p a.mpg {background-image: url(/i/icons/page_video.gif);} #mainholder table.TableFiles p a.pdf {background-image: url(/i/icons/file_acrobat.gif) ;} #mainholder table.TableFiles p a.ppt {background-image: url(/i/icons/icon_ppt.gif) ; } #mainholder table.TableFiles p a.wmv {background-image: url(/i/icons/page_video.gif) ; } #mainholder table.TableFiles p a.xls {background-image: url(/i/icons/icon_xls.gif) ; } #mainholder table.TableFiles p a.zip {background-image: url(/i/icons/icon_winzip.gif);} .feature_left {background-image:url(/i/design/bg_feature_left.gif); background-position:0 bottom; background-repeat:no-repeat; height:100px; margin:20px 0 0 0; padding:0 4px 3px 12px;} .feature_left h2 {margin:0 0 3px 0; padding-top:13px; border:0; font-size:1.1em; font-weight:bold; line-height:1.1em;} .feature_left p {margin:0; line-height:1.2em;} .floatleft {float:left; margin:0 10px 2px 0;} .floatright {float:right; margin:0 0 2px 10px;} .hidden {display:none; visibility:hidden; width:0; height:0;} .horRule {height: 1px; border-top: 1px solid #CCC; margin: 13px 0;} .horRule hr {display: none; height:0; border:0;} .imageFullWidthBorder {border:1px solid #666; margin:0 0 10px 0; display:block;} .imageLeft {float:left; margin:0 10px 1px 0;} .imageLeftBorder {float:left; margin:0 10px 1px 0; border:1px solid #4E6682; } .imageRight {float:right; margin:0 0 1px 10px; clear:both;} .imageRightBorder {float:right; margin:0 0 1px 10px; border:1px solid #CCC; } /*div.cropme {height: 44px; width: 58px; overflow:hidden; float:right;} div.cropme img { margin: 0 -32px -46px 0;}*/ div.cropme { height: 152px; width: 202px; overflow:hidden; float:right; } div.cropme img { margin: 0 0px 0px 0; } div.imageLeftBorder {float:left; margin:0 10px 1px 0; display:inline;} div.imageRightBorder {float:right; margin:0 0 1px 10px; display:inline;} div.imageRightBorder img {} div.imageRightBorder p, div.imageLeftBorder p {margin:0; padding:1px 5px; background-color:#E2EBF4; font-size:0.9em;} img.imageRightBorder {float:right; border:1px solid #CCC; margin:0 0 1px 10px;} .listblock {display:block; border-top:1px dotted #EFEFEF; padding:0 0 10px 0; margin:10px 0;} .message, p.message {padding:10px; background-color:#CC0033; color:#FFF; border:1px solid #990033;} .newsflash {color:#661C21; padding:10px 10px 5px 10px; border:5px solid #661C21; background: #F3D6D8; background-image:url(/i/design/bg_NewsFlash.gif); background-repeat:no-repeat; background-position:right 0px;} .newsflash h2 {color:#661C21; margin:0 0 8px 0; padding:0 0 8px 0; font-size:1.2em; border-bottom:1px solid #CB3D47; border-top: 0; border-right: 0; border-left: 0;} .newsflash p {color:#661C21; margin:5px 0;} .newflash a {text-decoration:underline;} .nomargin, img.nomargin {margin:0;} .notebookContent {float:left; margin:0; width: 850px !important; width /**/:930px; padding:0 30px 0 50px; background-image:url(/i/design/bg_notebook_side2.jpg); background-repeat:repeat-y; background-position:0 0;} .notebookContent h1 {font-size:1.6em;} .notebookFooter {float:left; margin:0; width:930px; background-image:url(/i/design/bg_notebook_footer2.jpg); background-repeat:no-repeat; background-position:0 0; height:30px; padding:0;} .notebookHolder {float:left; margin:0 0 20px 0; background-image:url(/i/design/bg_notebook_top2.jpg); background-repeat:no-repeat; background-position:0 0; padding:24px 0 0 0; background-color:#FFF;} .notebookTabs {float:left; margin:10px 0 -3px 0; padding:0 0 0 50px;} .notebookTabs img {margin:0 2px 0 0;} .notebookTabs img {background-color:#FFF;} #mainholder .notebookTabs a:hover {background-color:#FFF;} p.noteQuestion {margin:0 0 20px 0; padding:10px; background-color:#555; color:#FFF; border:1px solid #333;} .noteSubElem h2 {margin:0 0 5px 0; color:#A3A243; float:left; display:inline;} .noteSubElem {float:left;} .noteSubElemCore {float:left; width: 828px !important; width /**/:850px; padding:10px; background-color:#FFF; border:1px solid #EFEFEF; margin:0 0 20px 0;} .noteSubElemCore h1 {font-size:1.2em; margin:0 0 0 0; font-weight:bold;} .noteSubElemNumber {margin:0 2px 0 6px; background-image:url(/i/design/bg_number.png); background-repeat:no-repeat; background-position:center 0; font-weight:bold; color:#333; font-size:1.0em; text-align:center; padding:1px 8px 3px 6px;} .noteSubElemResponses {padding:10px; background-color:#F9F9F9; border:1px solid #CCC; margin:0 0 20px 0;} .noteSubElemStatus {float:left; width:40px; text-align:right;} .panelFirst {min-height:230px; background: #FFF; padding:0; border:1px solid #4E6682; margin:0 40px 0 0; width: 277px !important; width /**/:279px; float:left; } .panelSecond {min-height:230px; background: #FFF; padding:0; border:1px solid #4E6682; margin:0 0px 0 0; width: 277px !important; width /**/:229px; float:left; clear:right; } .panelImage {background:#FFF; padding:2px;} .SSHolder {width:500px; height:375px; color:#FFF; background-image:url(/admin/i/GalleryPlaceholder.jpg); background-repeat:no-repeat; background-position:0 0;} .SSWrapper {border:1px solid #666; margin:5px 0 10px 0; padding:0; height: 375px !important; height /**/:377px; vertical-align:middle; width: 500px !important; width /**/:502px; background-color:#FFF;} .TableFiles {width: 827px !important; width /**/:828px; background-color:#F9F9F9; border-bottom:1px solid #CCC; border-left:1px solid #CCC; margin:10px 0;} .TableFiles td {word-wrap: break-word; overflow: hidden; width: 392px !important; width /**/:413px; background-color:#F9F9F9; padding:10px; margin:0; font-weight:normal; border-right:1px solid #CCC; border-top:1px solid #CCC; vertical-align:top; text-align:left;} .TableFiles td.double {width: 826px !important; width /**/:827px; } .TableFiles td a {word-wrap: break-word; overflow: hidden;} .TableBorder {border-bottom:1px solid #EFEFEF; border-left:1px solid #EFEFEF; margin:10px 0;} .TableBorder td, .TableBorder th {padding:10px; margin:0; font-weight:normal; border-right:1px solid #EFEFEF; border-top:1px solid #EFEFEF; vertical-align:top; text-align:left;} .TableBorder td p {margin: 5px 0;} .TableCellHighlight {background-color:#666; color:#FFF;} .VuzitFrame {width:202px; height:152px; margin:0; padding:0;} /************** Side Bars ***************/ .SideHeading {margin:0; padding:55px 0 0 0; background-repeat:no-repeat; background-position:0 0; background-color:#FFF; } #SideHeadingDiary {background-image:url(/i/design/bg_SideHeadingDiary.gif);} #SideHeadingNews {background-image:url(/i/design/bg_SideHeadingNews.gif); } #SideHeadingPages {background-image:url(/i/design/bg_SideHeadingPages.gif);} #mainholder ul.SideList {border:0; background-color:#FAFBFB; background-image:url(/i/design/bg_sideHeading_ul.gif); background-repeat:no-repeat; background-position:0 bottom; list-style: none; padding: 0 0 16px 0; width: 280px; margin: 0 0 20px 0; } #mainholder ul.SideList li {margin:0; background-image:url(/i/design/bg_sidelist_li.gif); background-repeat:repeat-y; background-position:0 0; list-style: none; padding:0 0; border:0;} #mainholder ul.SideList li a {color:#777; font-weight:bold; padding: 10px 10px 15px 37px; width: 228px !important; width /**/:275px; margin: 0; border:0; background-image:url(/i/design/bg_SideList_li_a_em.gif); background-position:38px bottom; background-repeat:no-repeat;} #mainholder ul.SideList li a.SideList_child {padding: 5px 10px 15px 65px; width: 200px !important; width /**/:275px; background-image:url(/i/design/bg_nav_li_a_child.gif); background-repeat:no-repeat; background-position:0 0;} #mainholder ul.SideList li a:hover {background-color:#4E6682; color:#FFF; background-image:none;} #mainholder #SideHeadingPages li {background-image:url(/i/design/bg_SideList_li_a_Pages.gif);} #mainholder #SideHeadingDiary li {background-image:url(/i/design/bg_SideList_li_a_Diary.gif);} #mainholder ul.SideList li a em {font-style:normal;} /************* nav **************************/ /* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */ #menu3 { width: 238px; border: 0; margin: 0 0 20px 0; } #menu3 li {padding: 0 0 0 37px; background-position: 6px 6px; margin:0 0 10px 0; border:0;} #menu3 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3 li a:visited { color: #888; font-weight:bold; display: block; background: url(/i/design/menu3.gif) 0 0; padding: 8px 0 0 30px; } #menu3 li a:hover, #menu3 li #current, #menu3 li a:active { color: #FFF; background: url(/i/design/menu3.gif) 0 -32px; padding: 8px 0 0 30px; } --> /************** Main Listing ***************/ .ListingMain {margin:0; padding:0; } .ListingMain h2 {font-family: "Georgia", serif; background-color:#244E6E; color:#FFF; font-size: 1.2em; font-weight:bold; padding:3px 10px; margin:20px 0 -5px 15px; display:inline; clear:left;} #ListingDiary h2 {} #ListingNews h2 {background-color:#7D0A17; } ul.ListingFull {border:1px solid #244E6E; margin:0 0 10px 0; padding:5px 10px;} #ListingDiary ul.ListingFull li {background-image: url(/i/icons/calendar.gif);} #ListingNews ul.ListingFull {border:1px solid #7D0A17;} #ListingNews ul.ListingFull li {background-image: url(/i/icons/comment.gif);} #ListingNews ul.ListingFull li a {color:#7D0A17;} #ListingNews ul.ListingFull li a:hover {background-color:#7D0A17; color:#FFF;} /***********************************************/ /************** contextutal selectors ***************/ #panelHolder li {margin:8px 0;} /***********************************************/