/***************************************** #box-simple-brown A simple brown box that is at the top of some right columsn. As of 28-Oct-2011 used in common/right-col-wyhats-new.htm ******************************************/ /* IN COLOR-GRAPHICS.CSS 15-Apr-2012 .box-simple-brown { background-color: white ; border: 2px solid #845119; padding: 2px; margin-right: auto; margin-left: auto; text-align: left; margin: 6px 10px 6px 10px; } .box-simple-brown p {margin: 0.3em 1em 0.3em 1em ; padding: 0; font-size: 76%; line-height:normal; color:#845019 } .box-simple-brown p span { color: red; font-weight: bold; } .whatsnew-rightcol { margin-top: 16px; } .whatsnew-rightcol .box1-content h3 { position:absolute; top: 16px; left: 40px; margin: 0; padding: 0; font-size:120%; } .whatsnew-rightcol .box1-content h4 { margin: 0em 0 0.3em 0; text-align: center; padding: 1em 0 0 0; font-weight: bold;} .whatsnew-rightcol .box1-content h5 { margin-bottom: 0; margin-top: 0; padding: 0; font-weight: bold; } */ /* BOX 1 ***************************************************************************************************************************/ /* **** *****/ /* .box1 {margin: 0px 0px 10px 0px; padding:0px; position:relative; top: -10px;} */ /* in color-graphics.css .box1 {margin: 0px 0px 0px 0px; padding:0px; position:relative; top: 0px;} .box1-inner {background: url('../graphics/box1_0.jpg'); min-height:20px;} .box1-2 {background: url('../graphics/box1_2.jpg') repeat-x left top; vertical-align:top;} .box1-6 {background: url('../graphics/box1_6.jpg') repeat-x left bottom;} .box1-4 {background: url('../graphics/box1_4.jpg') repeat-y right top;} .box1-8 {background: url('../graphics/box1_8.jpg') repeat-y left top;} .box1-5 {background: url('../graphics/box1_5.jpg') no-repeat right bottom;} .box1-7 {background: url('../graphics/box1_7.jpg') no-repeat left bottom;} .box1-3 {background: url('../graphics/box1_3.jpg') no-repeat right top; vertical-align:top;} .box1-1 {background: url('../graphics/box1_1.jpg') no-repeat left top; vertical-align:top; padding:0px;} */ /* Top corners and border in color-graphics.css .bt {height:36px; margin:0px 0px 0px 30px; background:url('../graphics/box1.png') no-repeat 100% 0;} .bt div {height:36px; left:-30px; width:30px; background:url('../graphics/box1.png') no-repeat 0 0; position:relative; font-size:0;line-height:0;} */ /* Bottom corners and border in color-graphics.css .bb {height:36px; margin:0px 0px 0px 30px; background:url('../graphics/box1.png') no-repeat 100% 100%;} .bb div {height:36px; left:-30px; width:30px; background:url('../graphics/box1.png') no-repeat 0 100%; position:relative; font-size:0; line-height:0;} */ /* Left border in color-graphics.css .i1 {padding:0px 0px 0px 9px; background:url('../graphics/box1_l.png') repeat-y 0 0;} */ /* Right border in color-graphics.css .i2 {padding:0px 9px 0px 0px; background:url('../graphics/box1_r.png') repeat-y 100% 0;} */ /*in color-graphics.css Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. .i3 {display:block;} .i3 {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} .i3 {background:url('../graphics/box1_bg.png');} */ /*in color-graphics.css Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). .i3:after {content:"."; display:block; height:0px; visibility:hidden;} .i3 {display:inline-block;} .i3 {display:block;} */ /*in color-graphics.css -------------------------- box1 styles --------------------- .box1-content h3 {color: #271104; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; margin: 0px 0px 0px 0px; padding:12px 0px 13px 22px; font-weight:normal;} .box1-content {color: #271104; font-family:"Trebuchet MS", Geneva, sans-serif; font-size:12px; margin: 0px 0px 0px 0px; padding:0px 10px 10px 15px; min-height: 100px; vertical-align: top;} .box1-content a:visited {color: #271104; text-decoration:underline;} .box1-content a:hover {color: #000000; text-decoration:none;} .box1-content a:active {color: #271104; text-decoration:underline;} */ /* **** *****/ /* BOX 1 ******************************************************************************************************************/ /* BOX 4 ********************************************************************************************************************************/ /* **** *****/ .box4 { position: relative; top: -46px; min-width: 760px; max-width :760px; margin: 0px 0px 10px 0px; padding:0px; } .box4-4 {background: url('../graphics/box4_4.jpg') repeat-y right top;} .box4-8 {background: url('../graphics/box4_8.jpg') repeat-y left top;} .box4-5 {background: url('../graphics/box4_5.jpg') no-repeat right bottom;} .box4-7 {background: url('../graphics/box4_7.jpg') no-repeat left bottom;} .box4-6 {background: url('../graphics/box4_6.jpg') repeat-x left bottom;} .box4-1 {background: none;} .box4-content { padding:10px 10px 10px 15px; min-height: 50px; vertical-align: top;} /* ** overrides of styles.css ****************************************************** */ /* Top corners and border */ .bt4 {height:46px; margin:0px 0px 0px 30px; background:url('../graphics/box4.png') no-repeat 100% 0;} .bt4 div {height:46px; left:-30px; width:30px; background:url('../graphics/box4.png') no-repeat 0 0; position:relative; font-size:0;line-height:0;} /* Bottom corners and border */ .bb4 {height:36px; margin:0px 0px 0px 30px; background:url('../graphics/box4.png') no-repeat 100% 100%;} .bb4 div {height:36px; left:-30px; width:30px; background:url('../graphics/box4.png') no-repeat 0 100%; position:relative; font-size:0; line-height:0;} /* Left border */ .i14 {padding:0px 0px 0px 9px; background:url('../graphics/box4_l.png') repeat-y 0 0;} /* Right border */ .i24 {padding:0px 9px 0px 0px; background:url('../graphics/box4_r.png') repeat-y 100% 0;} /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .i34 { display: block; padding: 0px; margin: 0px; background: none;} /*url('../../../Site/graphics/box4_bg.png');} */ /* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */ .i34:after {content:"."; display:block; height:0px; visibility:hidden;} /* **** *****/ /* BOX 4 *********************************************************************************************************************/ /**********************************************************************************************************************/ /* Boxes from http://www.dreamweavertutorial.co.uk/dreamweaver/articles/css-text-box-tutorial.htm */ /* HTML code

Your Title Goes Here

Your Text Goes Here

*/ .box-a-wrapper { height:auto; width:250px; margin-bottom:25px; } .box-a-wrapper p { margin:0; border-left:1px solid #333; border-right:1px solid #333; padding:10px 15px; } .box-a-top-title { width:248px; height:30px; border: 1px solid #333; background:#ccc; } .box-a-top-title h3 { margin:0; line-height:30px; padding:0px 10px; font-family:Tahoma, Geneva, sans-serif; font-size:15px; } .box-a-bottom { width:248px; height:10px; /* border-bottom: 1px solid #333; border-left:1px solid #333; border-right:1px solid #333; */ border: 1px solid #333; border-top: 0; /* -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px; -moz-border-radius-bottomright:12px; -moz-border-radius-bottomleft:12px; */ } /* Extra styling for rounded corners */ /* // -webkit for Safari and Google Chrome -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px; // -moz for Firefox, Flock and SeaMonkey -moz-border-radius-bottomright:12px; -moz-border-radius-bottomleft:12px; */ #page-right-column { /* overrides def from 'layout.css' */ display: block; position:absolute; width:280px; left: 770px; top: -58px; /* 20 pixels above the bottom of the header graphic */ margin: 0 auto; padding: 0; overflow:visible; } .box-simple-brown { background-color: white ; border: 1px solid #845119; /* #eac884 */ padding: 2px; margin-right: auto; margin-left: auto; text-align: left; margin: 6px 10px 6px 10px; } .box-simple-brown p {margin: 0.3em 1em 0.3em 1em ; padding: 0; font-size: 76%; line-height:normal; color:#845019 } .box-simple-brown p span { color: red; font-weight: bold; } .sb_box_280_t { background : url('../graphics/sb_box_280_t.png') no-repeat; } /* left top; vertical-align:top; */ .sb_box_280_m { margin-top: 3px; padding: 0 1em 0 1em; background: url('../graphics/sb_box_280_m.png') repeat-y; } /* left top; min-height:20px;} */ .sb_box_280_b { margin-top: -10px; height: 34px;background : url('../graphics/sb_box_280_b.png') no-repeat left; } /* vertical-align:bottom;} */ .box1-content {color: #271104; font-family:"Trebuchet MS", Geneva, sans-serif; font-size:12px; margin: 0; padding:0px 0px 10px 15px; min-height: 100px; vertical-align: top;} .box1-content a:visited {color: #271104; text-decoration:underline;} .box1-content a:hover {color: #000000; text-decoration:none;} .box1-content a:active {color: #271104; text-decoration:underline;} .sb-box-280-content { margin: 0; padding: 0; font-size: 80% } .whatsnew-rightcol { margin-top: 12px; } /* .whatsnew-rightcol .box1-content h3 { position:relative; top: -18px; left: 8px; margin: 0; padding: 0; font-size:120%; } */ /* */ .whatsnew-rightcol .sb_box_280_t h3 { margin: 3em 0 0px 2em; padding: 0.8em 0 0 3em ; font-size:80%; color: white; } /* left: 76px;*/ .whatsnew-rightcol .sb-box-280-content h4 { margin: 0.5em 0 0.8em 0; text-align: center; /*padding: 1em 0 0 0;*/ padding: 0; font-weight: bold;} /* Date */ .whatsnew-rightcol .sb-box-280-content h5 { margin: 0 0 0 1em; padding: 0; font-weight: bold; font-size: 86%; } /* item header*/ .whatsnew-rightcol .sb-box-280-content p { font-size: 86%; } /* item header*/