.clear{ clear: both; } .lefty{float:left;} .righty{float:right;} html {height:100%; } form {height:100%; } body {height:100%; font: 100% arial, Verdana, sans-serif;margin:0;padding:0;background:#fff;color:#ddd;height:100%; min-width:900px;} a,a:visited{color:#cc3333;font-size:10pt;font-weight:normal;text-decoration:none;border: 0;} a:hover{color:#cc3333;font-size:10pt;font-weight:normal;text-decoration:underline;} #wrapper {width:807px; height:100%; background:#fff;margin:20px auto 0 auto; padding:0} /*header*/ #header{ background: url(Images/header_bg.jpg) no-repeat; height:135px; margin-bottom:5px;} /*footer*/ #footer {margin:0;height:91px;clear:both;text-align:right;padding:0 30px 0 30px;margin:0;font-weight:normal;font-size:8pt;color:Gray;} #footer a{font-size:8pt;text-decoration:none;color:Gray;font-weight:normal;} #footer #footerFooterText{float:left;} #footer #footerAppText{float:left;} #footer #footerPageLoadingText{padding-left:10px;float:right;} /*main*/ #main{margin:10px 0 0 0;padding:0;clear:both;} #frontpage{width:540px;padding:0 20px 0 0;float:right;} #subpage{padding:0 25px;margin:0;} /*main header*/ #mainHeader{background: url(Images/main_header_bg.jpg) no-repeat;height:78px; margin:0;padding:0;} #mainHeader #mainHeaderNavigation{float:right; border:solid 0px red;text-align:left;width:478px;margin:0;padding:12px 0 0 0;} #mainHeader #mainHeaderNavigation ul{padding:0;margin:0;} #mainHeader #mainHeaderNavigation li{padding:0 5px 0 16px;display:inline; background: url(images/nav_bullet_pacifier.gif) no-repeat left top;} #mainHeader #mainHeaderNavigation li a{font-weight:bold;text-decoration: none; font-size: 13pt; color: #cc3333; } #mainHeader #mainHeaderNavigation a:hover{color: red;} #mainHeader #mainHeaderDate {float:left; text-align:left; color:#ca5a5a;font-weight:bold;width:210px; padding:15px 0 0 50px;font-size:9pt} #mainHeader #mainHeaderBreadCrumbs{padding-top:20px;text-align:right;font-size:9pt;font-weight:bold;width:95%;color:#555;} #mainHeader #mainHeaderBreadCrumbs a{font-size:9pt;font-weight:bold;color:#cc3333;text-decoration:none;} #mainHeader #mainHeaderBreadCrumbs a:hover{text-decoration:underline;} /*main body*/ #mainBody {background: url(Images/main_body_bg.gif) repeat-y; width:807px; margin:0;padding:0;} #mainBody #mainColumn {padding-right:20px;font-size:10pt;width:760px;color:#111; border:solid 0px red; float:right;margin:0;} #mainBody #mainColumn h1{padding-bottom:10px;font-size:16pt;font-weight:bold;} #mainFooter {background: url(Images/main_footer_bg.jpg) no-repeat; margin:0;height:91px;clear:both;text-align:right;padding:0 30px 0 30px;margin:0;font-weight:normal;font-size:8pt;color:Gray;} /*page main block*/ #pageMainBlock {} #pageMainBlock #pageMainBlockHeader{margin:0 0 15px 20px;font-size:18pt;font-weight:bold;color:#555;} #pageMainBlock #pageMainBlockBody{font-size:9pt;color:#646464;} #pageMainBlock #pageMainBlock h1{padding-bottom:10px;font-size:16pt;font-weight:bold;} #pageMainBlock #pageMainBlock p{padding:0 0 5px 0;vertical-align:top;line-height:18px;color:#444;margin:0;} #pageMainBlock #pageMainBlock img{margin: 0 10px 10px 10px;border:solid 0px #000; } #pageMainBlock #pageMainBlock a{border:solid 0px #000; } #pageMainBlock #pageMainBlock img.emo{margin:0;border:solid 0px #000;padding:0; } #pageMainBlock #pageMainBlockFooter{display:none;border:solid 0px red;} /*content main block*/ #contentMainBlock {background-color:#fff;padding:0;font:9pt arial; color:#444; /*color:#646464;*/margin:0;} #contentMainBlock .contentItem{clear:both;width:100%;padding:0;margin:0;} #contentMainBlock .contentItem .contentItemHeader{clear:both;width:100%;height:21px;padding:0;margin:0 0 10px 0;border-bottom:solid 1px gray;} #contentMainBlock .contentItem .contentItemHeader .itemTitle{float:left;font-size:14pt;color:#ef8700;font-weight:bold;padding:0 0 0 5px;} #contentMainBlock .contentItem .contentItemHeader .itemDate{float:right;font-size:8pt;color:Olive;padding:0 20px 0 0;margin-top:6px;} #contentMainBlock .contentItem .contentItemBody{float:left;margin:0; padding:0 0 10px 0;} #contentMainBlock .contentItem .contentItemFooter{float:right;padding:10px 0 0 0;/*background: url(images/itemBottom.jpg) no-repeat right bottom;*/} #contentMainBlock .contentItem .contentItemFooter a{color: #555; font-size: 9pt; text-decoration:none;cursor:pointer; } #contentMainBlock .contentItem .contentItemFooter a:hover{} #contentMainBlock .hr { background: url(Images/hr.jpg) no-repeat;height:10px;} #contentMainBlock .commentForm{width:280px;padding:5px;background-color:#dedede;font-family:Tahoma;font-size:8pt;border:solid 1px #989898;} #contentMainBlock .commentForm .header{font-weight:bold; font-size:10pt; text-align:center;background-color:inherit;} #contentMainBlock .commentForm .footer{background-color:#dedede;padding-top:0;} #contentMainBlock .commentForm .footer select{background-color:#fff;padding:1px;color:#111;font-weight:bold;font-size:11px;} #contentMainBlock .commentForm .noComments{text-align:center;padding:10px 0 10px 0;background-color:inherit;} #contentMainBlock .commentForm .noCommentForm{text-align:center;padding:5px;background-color:Yellow;border:solid 1px #333;font-size:11px;} #contentMainBlock .commentForm .comment{padding:0;border:solid 0px #777;margin-bottom:5px; } #contentMainBlock .commentForm .comment a{font-weight:bold;font-size:10px;font-family:Arial; } #contentMainBlock .commentForm .comment .nameText{font-weight:bold;font-size:10px;font-family:Arial; } #contentMainBlock .commentForm .comment .content{color:#111; } #contentMainBlock .commentForm label.beside{margin:0; padding: 0 0 0 10px;} #contentMainBlock .commentForm input{font-size:11px;color:#111;font-weight:bold;} #contentMainBlock .commentForm textarea{font-size:11px;color:#111;font-weight:bold;} #contentMainBlock .commentForm .field{float:right;text-align:right;background-color:inherit;} #contentMainBlock .commentForm .field label.beside{margin: 0;padding: 0 0 0 10px;font-weight:bold;} #contentMainBlock .commentForm .field {background-color:inherit;} #contentMainBlock .commentForm .field input{font-weight:bold;width:250px;padding:1px;font-size:11px;color:#111;font-weight:bold;} #contentMainBlock .commentForm .field .req{background-color:#fbff97;} #contentMainBlock .commentForm .field .comment{width:270px;height:80px;padding:1px;background-color:#fbff97;font-size:11px;color:#111;font-weight:bold;} #fileMainBlock {background-color:#fff;padding:0;font:9pt arial; color:#646464;margin:0;} #fileMainBlock #fileBlockList{clear:both;width:100%;padding-bottom:3px;margin:0;} #fileMainBlock #fileBlockList .fileBlockListItem {float:left; padding:10px 0 0 0; margin:0 10px 5px 0; width:365px; height:110px; background: url(Images/blocklistitem_bg.jpg) no-repeat;} #fileMainBlock #fileBlockList .fileBlockListItem .description{float:left;width:180px;padding:10px 20px;} #fileMainBlock #fileBlockList .fileBlockListItem .description a,a:hover,a:visited{font-size:13pt;padding:0 0 10px 0;margin:0;color:#cc3333; } #fileMainBlock #fileBlockList .fileBlockListItem .description p{padding:0;margin:0;color:#222;} #fileMainBlock #fileBlockList .fileBlockListItem .image{float:right;padding:10px 15px 0 0;margin:0;} #fileMainBlock #fileBlockList .fileBlockListItem .image a img{border:solid 1px #000;width:120px;height:90px; margin:0;padding:0;} #fileMainBlock #fileList{} #fileMainBlock #fileList #fileListHeader{font-size:14pt; text-align:center;color:#222;} #fileMainBlock #fileList .fileDumpListItem{background: url(Images/fileitem_bg.jpg) no-repeat;margin:10px 16px 0 0;width:170px;height:120px;padding:20px 0 0 0;float:left;text-align:center;text-align:center;} #fileMainBlock #fileList .fileDumpListItem .description{margin:0;text-align:center;} #fileMainBlock #fileList .fileDumpListItem .description a,a:hover,a:visited{color:#cc3333;font-size:10pt;font-weight:normal;text-decoration:none;text-align:center;} #fileMainBlock #fileList .fileDumpListItem p{margin-top:5px;text-align:center;} #fileMainBlock #fileList .fileDumpListItem .image {} #fileMainBlock #fileList .fileDumpListItem .image .fileThumbImage{width:80px;border:solid 1px black;margin:0 auto 0 auto;} #fileMainBlock #fileList .fileDumpListItem .image a,a:hover,a:visited{text-decoration:none;} #fileMainBlock #fileList #dhtmlgoodies_slideshow{width:700px;margin:0 auto 0 auto;background-color:white;padding-top:10px;/*height:100%;*/} #dhtmlgoodies_slideshow #previewPane{margin-bottom:5px;text-align:center;vertical-align:middle;padding:0px;position:relative;height:360px;} #previewPane img{border:solid 1px #000;} #dhtmlgoodies_slideshow #previewPane #largeImageCaption{text-align:center; font-size:0.9em;color:#555;display:none;} #dhtmlgoodies_slideshow #galleryContainer{background-color:#fff;height:122px;/* Height of the images + 2 */ border:1px solid #CCCCCC;position:relative;overflow:hidden;padding:1px;} #dhtmlgoodies_slideshow #arrow_left{position:absolute;left:0px;z-index:10;padding:10px 1px 1px 1px;} #dhtmlgoodies_slideshow #arrow_right{position:absolute;right:0px;z-index:10;padding:10px 1px 1px 1px;} #dhtmlgoodies_slideshow #theImages{position:absolute;height:100px;left:40px;width:100000px;} #dhtmlgoodies_slideshow #theImages #slideEnd{float:left;} #dhtmlgoodies_slideshow #theImages img{float:left;padding:1px;filter: alpha(opacity=50);opacity: 0.5;cursor:pointer;border:solid 0px #000;} #dhtmlgoodies_slideshow #waitMessage{display:none;position:absolute;left:220px; top:150px; background-color:#feb3b0;border:3px double #000;padding:4px;color:#fff;font-size:10pt;font-weight:bold; font-family:arial;} #dhtmlgoodies_slideshow #theImages .imageCaption{display:none;} /*list main block*/ #listMainBlock{padding:0;margin:0;} #listMainBlock .list{padding:0; margin: 0 auto 10px auto;color:#555; } #listMainBlock .list .title { margin: 0 0 5px 0; padding: 0; font-size:12pt;font-weight:bold; text-align:center; } #listMainBlock .list .canvas {border: 3px solid pink; margin: 0; padding: 0; font-size:12pt; text-align:center;position:relative;width:740px;height:240px;} #listMainBlock .list .canvas ul { height: 120px; margin: 0; padding: 0; list-style: none; } #listMainBlock .list .canvas ul li {list-style: none; height:100px; font-size:8pt; background-color:#f7c2bf;/*url(images/list_bar_bg.gif) repeat-y top left*/ bottom: 0; padding: 0 !important; margin: 0 !important; text-align: center; font-weight: normal; color: Purple; position: absolute; writing-mode: tb-rl;filter: flipv fliph;border:solid 1px purple;} #listMainBlock .list .canvas ul li:hover {list-style: none; height:100px; font-size:8pt; background-color:Fuchsia; bottom: 0; padding: 0 !important; margin: 0 !important; text-align: center; font-weight: normal; color: Purple; position: absolute; writing-mode: tb-rl;filter: flipv fliph;border:solid 1px purple;} #listMainBlock .list .description { margin: 0; padding: 0; font-size:9pt; text-align:center; } #listMainBlock .list .description { margin: 0; padding: 0; font-size:9pt; text-align:center; } #listMainBlock .list .listItem{ margin: 0; padding: 0; font-size:9pt; text-align:center; } #commentMainBlock {background-color:#fff;padding:0;font:10pt arial; color:#444; /*color:#646464;*/margin:0;clear:both;} #commentMainBlock a{color:#cc3333;font-size:10pt;font-weight:normal;text-decoration:none;} #commentMainBlock a:hover{color:#cc3333;font-size:10pt;font-weight:normal;text-decoration:underline;} #commentMainBlock #commentMainBlockForm{width:540px;height:330px; padding:25px 0 0 0;background: url("images/commentform_bg.jpg") no-repeat;font-family:Tahoma;font-weight:bold;font-size:8pt;clear:both;margin:0 0 0 100px;} #commentMainBlock #commentMainBlockForm #commentMainBlockFormHeader{padding:5px;clear:both;margin:0;} #commentMainBlockForm span.lbl {margin: 0;padding:2px;margin-top:4px;text-align:right;width:50px;float:left;} #commentMainBlockForm fieldset {border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */ width:400px;margin-left:115px; } #commentMainBlockForm .br {display:none;} #commentMainBlockForm .textfield {font:1.1em Verdana, Arial, Helvetica, sans-serif ;margin:3px;height:20px;border:solid 0 #fff;padding: 2px 8px 0 8px;background: transparent url(images/textfield_bg.gif) no-repeat fixed;width:200px;voice-family: "\"}\"";voice-family:inherit;width:187px;} #commentMainBlockForm .textfieldReq {font:1.1em Verdana, Arial, Helvetica, sans-serif ;margin:3px;height:20px;border:solid 0 #fff;padding: 2px 8px 0 8px;background: transparent url(images/textfield_bg_req.gif) no-repeat fixed;width:200px;voice-family: "\"}\""; voice-family:inherit;width:187px;} #commentMainBlockForm fieldset>input.textfield {background: transparent url("images/textfield_bg.gif") no-repeat;} #commentMainBlockForm fieldset>input.textfieldReq {background: transparent url("images/textfield_bg_req.gif") no-repeat;} #commentMainBlockForm fieldset textarea {font:1.1em Verdana, Arial, Helvetica, sans-serif;color:#333 ;margin:3px;height:165px;border:solid 0 #fff;padding: 0 8px;background: transparent url("listics/textarea_bg_req.gif") no-repeat fixed;width:200px;voice-family: "\"}\""; voice-family:inherit;width:190px;} #commentMainBlockForm fieldset>textarea {background: transparent url("images/textarea_bg_req.gif") no-repeat;} #commentMainBlockFormFooter{padding:15px 5px 0 5px;height:10px; margin:0;color:#888;font-weight:normal;} #commentMainBlockFormFooter .attention {float:left; text-align:center;width:100%;} #commentMainBlockForm .btn {padding-left:120px;} #commentMainBlockForm .btn .submit {margin:3px;background: transparent url("images/submit.gif") no-repeat;height:20px;border:solid 0 #fff;width:80px;font:1.1em Verdana, Arial, Helvetica, sans-serif;color:#666;text-transform:uppercase; } #commentMainBlock #commentMainBlockList{margin:0 0 0 100px;} #commentMainBlock #commentMainBlockList .commentMainBlockListItem{margin-bottom:10px;clear:both;font-weight:bold;} #commentMainBlock #commentMainBlockList .commentMainBlockListItem .commentMainBlockListItemHeader{background: url(Images/comment_item_header.jpg) no-repeat top left;height:19px;width:540px; clear:both;} #commentMainBlock #commentMainBlockList .commentMainBlockListItem .commentMainBlockListItemBody{background: url(Images/comment_item_body.gif) repeat-y top left; margin:0;clear:both;font-weight:bold;padding:0 0 0 10px;width:530px;} #commentMainBlock #commentMainBlockList .commentMainBlockListItem .commentMainBlockListItemBody .field {padding:1px 5px;font-size:10pt;color:#333;} #commentMainBlock #commentMainBlockList .commentMainBlockListItem .commentMainBlockListItemBody .field a{font-size:10pt;} #commentMainBlock #commentMainBlockList .commentMainBlockListItem .commentMainBlockListItemBody .content{font-weight:normal;padding:5px;} #commentMainBlock #commentMainBlockList .commentMainBlockListItem .commentMainBlockListItemBody .content img{padding:0;margin:0;} #commentMainBlock #commentMainBlockList .commentMainBlockListItem .commentMainBlockListItemFooter{background: url(Images/comment_item_footer.jpg) no-repeat top left;height:12px;width:540px; clear:both;} /*pagers*/ .pageControls {margin:0 0 5px 0;padding:0;height:18px;width:95%;} .pageControls .add{float:left;margin-left:10px;background: url(Images/guestbook.jpg) no-repeat top left;width:157px;height:20px;text-align:right;} .pageControls .rssFeed{float:right;margin:0;padding:0;border:solid 0 red;width:20px;} .pageControls .rssFeed a{margin:0;padding:0;} .pageControls .rssFeed img{margin:0;padding:0;} .pageControls span{margin:0;padding:0;} .pageControls .pageSelector{float:right;margin:1px 0 0 10px;} .pageControls .pageSelector ul {margin:0 10px 0 0;padding:0 0 2px 0;} .pageControls .pageSelector ul li{display:inline;padding:0;vertical-align:middle;} .pageControls .pageSelector ul li a,a:hover{color:#cc3333;font-size:10pt;} .pageControls .pageSelector ul li a.selected{font-weight:bold;font-size:10pt;text-decoration:underline;} .pageControls .pageSelector ul li span.selected{color:#cc3333;font-size:10pt;font-weight:bolder;} /*side columns*/ #mainBody #sideColumnLeft {margin:0 0 0 15px; padding: 0;float:left; width:210px;} #mainBody #sideColumnRight {display:none;} #mainBody .sideBlock {width:202px; height:192px; background: white url(images/sideblock_bg.gif) no-repeat; padding: 0; float:left;margin-left:0; margin-bottom:5px;background-color:#fff;} #mainBody .sideBlock .sideBlockHeader{text-align:center; height:18px; padding: 16px 0 2px 0; margin:0;font-weight:bold;color:#ca5a5a;font-size:10pt;} #mainBody .sideBlock .sideBlockBody {text-align:left;padding: 3px; margin:0;font-size:9pt;color:#ca5a5a;} #mainBody .sideBlock .sideBlockBody .more{text-align:center;padding: 5px; margin:0;} #mainBody .sideBlock .sideBlockBody .more a{color:#cc3333;font-size:9pt;font-weight:normal;text-decoration:none;} #mainBody .sideBlock .sideBlockBody .more a:hover{text-decoration:underline;} #mainBody .sideBlock img {border:1px solid black} #mainBody .sideBlock .sideBlockFooter{} .sideBlock .sideBlockBody ul{ margin: 0 0 0 0; padding:0;list-style:none;list-style-image:none;} .sideBlock .sideBlockBody li{font-size: 9pt; list-style:none;list-style-image:none; padding-left:8px;} .sideBlock .sideBlockBody li a { text-decoration: none; } .sideBlock .sideBlockBody li a:link { color: #434343; } .sideBlock .sideBlockBody li a:visited { color: #434343; } .sideBlock .sideBlockBody a:hover{color: #fff;} .sideBlock .sideBlockBody .centerdiv{text-align: center;} /*IE method of centering a relative div*/ .sideBlock .sideBlockBody .centerdiv>div{margin: 0 auto;} /*Proper way to center a relative div*/ /*side calendar*/ .sideBlock .sideBlockBody #sideBlockBodySearch {} .sideBlock .sideBlockBody #sideBlockBodySearch .waterMarkText{color:#999;} /*side polls*/ .sideBlock .sideBlockBody #sideBlockBodyPolls{color:black;margin:5px 0 0 5px;} .sideBlock .sideBlockBody #sideBlockBodyPolls p{text-align:left; padding: 3px 5px 2px 5px; margin:0;font-size: 10pt;} .sideBlock .sideBlockBody #sideBlockBodyPolls .datestamp{font-size: 8pt; color:#555; text-align:center;padding-top:3px;} .sideBlock .sideBlockBody #sideBlockBodyPolls ul{list-style:none; margin: 0 5px 0 0;padding:0 3px 0 3px; font-size: 9pt;color:#333;} .sideBlock .sideBlockBody #sideBlockBodyPolls li{margin: 1px 5px 0 0;padding:4px 5px 3px 10px; background:none; } /*side calendar*/ sideBlock .sideBlockBody #sideBlockBodyCalendar{padding-top:5px;margin: 0 0 5px 0; width: 210px; height: 195px; background: url(images/calendar_bg.gif) no-repeat; font-size:8pt; border: solid 1px #c3c3c3; } sideBlock .sideBlockBody #sideBlockBodyCalendar table{ } sideBlock .sideBlockBody #sideBlockBodyCalendar table table{ } sideBlock .sideBlockBody #sideBlockBodyCalendar table table td{ margin: 0; padding: 0 0 10px 0; text-align: center; color: #444; font-weight: bold; text-transform: uppercase; } sideBlock .sideBlockBody #sideBlockBodyCalendar .dayHeader{ text-transform: capitalize ; font-weight: bold; padding: 0; color:#555; } sideBlock .sideBlockBody #sideBlockBodyCalendar .day{ padding: 2px; color: #333; } sideBlock .sideBlockBody #sideBlockBodyCalendar .otherDay{ padding: 2px; color: #888; } sideBlock .sideBlockBody #sideBlockBodyCalendar .nextPrev{ padding: 2px; color: #333; text-decoration:none; } sideBlock .sideBlockBody #sideBlockBodyCalendar .today{ padding: 2px; color: #333;font-weight:bold; } sideBlock .sideBlockBody #sideBlockBodyCalendar .heading{ padding: 2px; color: #333;font-weight:bold; } /*side list*/ .sideBlock .sideBlockBody #sideBlockBodyList{border: 1px solid pink; width: 180px; height: 110px; position: relative; padding: 2px;margin: 0 auto 0 auto;} .sideBlock .sideBlockBody #sideBlockBodyList ul { height: 120px; margin: 0; padding: 0; list-style: none; } .sideBlock .sideBlockBody #sideBlockBodyList ul li {list-style: none; width: 16px; font-size:9pt; background:pink /*url(images/list_bar_bg.gif) repeat-y*/; bottom: 0; padding: 0 !important; margin: 0 !important; text-align: center; font-weight: normal; color: Purple; position: absolute; writing-mode: tb-rl;filter: flipv fliph;border:solid 1px purple;} .sideBlock .sideBlockBody #sideBlockBodyList ul li:hover {list-style: none;height:100px; font-size:8pt; background-color:Fuchsia; bottom: 0; padding: 0 !important; margin: 0 !important; text-align: center; font-weight: normal; color: Purple; position: absolute; writing-mode: tb-rl;filter: flipv fliph;border:solid 1px purple;} .sideBlock .contentPreviewItem{text-align:left;padding:0; margin-bottom:5px;font-size:9pt;} .sideBlock .contentPreviewItem .date{padding-bottom:2px;margin:0; font-weight:bold;color:#222;} .sideBlock .contentPreviewItem .content{color:#555;padding:0;} #errorPage{padding: 20px; float: left; background: url(images/error.gif) no-repeat left top; height:300px;} #errorPage .text{padding: 200px; float: left;}