/********* Reset Broswer CSS ************************/ html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, ol, ul, li, table, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; } /****** css/basic.css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DO NOT RENAME THIS FILE OR MOVE IT TO ANOTHER LOCATION! This style sheet is linked to WYSIWYG editors throughout the Toolbox and the web site. Only selectors and styles that should appear in the WYSIWYG editors should be included in this file. Place all other styling needed for the web site in a separate file (usually named styles.css) and then link both basic.css and styles.css to every page of the web site. ALWAYS place the link to basic.css BEFORE any other style sheet links in order to allow WYSIWYG-specific styles to be overwritten for the web pages. The following selectors should be defined in this file: body p, table, td, th, li a h1, h2, h3, h4, h5, h6 hr Any custom styles that should be available in the WYSIWYG editor's Styles drop-down menu should be included here as well. */ body { /****** ALWAYS include the baseline font-size percentage in this tag. Acceptable font-size values are 60%, 69%, and 76%. */ font-size: 76%; /****** The remaining styles are optional, although a default font and color is recommended. Be sure to set the background color and/or image to match the background style of the CONTENT AREA of the web page. This may be different from the background styling actually used on the web site. For example, the web site may have a black background, but the content area is white. Set the background-color to white here so the WYSIWYG editor has a white background and then set the background color of in the secondary style sheet (probably named styles.css) to black so that the web site properly displays black (and the white content background is defined by a different style in the secondary style sheet). */ font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000; background-color: #F8F7E3; } p, table, td, th, li { /****** The default element font size should ALWAYS be 1em so that sizing does not exponentially increase or decrease when nesting HTML tags. Control the baseline font size by changing the font-size percentage in . */ font-size: 1.1em; /****** The remaining styles are optional and may be customized. */ font-family: Tahoma, Arial, Helvetica, sans-serif; color: #22211E; font-weight: normal; font-style: normal; line-height: 1.3em; } table p { font-size:1em; } #container { width: 960px; margin-right: auto; margin-left: auto; background-color: #F8F7E3; margin-top: 10px; font-size: 1.1em; line-height: 1.5em; color: #22211e; font-family: Tahoma, Arial, Helvetica, sans-serif; background-image: url(../images/bg-content.gif); background-repeat: repeat-y; background-position: left; } html>body #container { background-image: url(../images/bg-content.gif); background-repeat: repeat-y; background-position: left; } html>/**/body #container { width: 960px; margin-right: auto; margin-left: auto; background-color: #F8F7E3; margin-top: 10px; font-size: 1.1em; line-height: 1.5em; color: #22211e; font-family: Tahoma, Arial, Helvetica, sans-serif; background-image: none; /* background-repeat: repeat-y; background-position: left;*/ } #content { background-color: #F8F7E3; /* background-image: url(../images/bg-content.gif); background-repeat: repeat-y;*/ } html>body #content { background-color: #F8F7E3; background-image: url(../images/bg-content.gif); background-repeat: repeat-y; } a, a:hover, a:visited, a:active, a:link { /****** Do not remove !important from the color attribute - this is necessary for the WYSIWYG editor to display the link color */ color: #000000 !important; /* */ } @font-face { font-family: "Kunstler Script"; src: url('KUNSTLER.TTF'); } #maincolumn1 { float: left; width: 450px; padding-top: 15px; padding-right: 20px; } #maincolumn2 { float: right; width: 253px; } h1 { font-family: "Times New Roman", Times, serif; font-size: 29px; color: #6f000a; font-weight: normal; margin-bottom: 15px; } h2 { font-family: "Times New Roman", Times, serif; font-size: 25px; color: #6f000a; font-weight: normal; letter-spacing:-0.3px; padding-top: 1em; } h2 a, h2 a:hover, h2 a:visited, h2 a:active, h2 a:link { color: #6f000a !important; } h3 { font-family: "Times New Roman", Times, serif; font-size: 23px; color: #000; font-weight: normal; font-style: normal; padding-bottom: 4px; padding-top: 4px; letter-spacing:-.02em; } h4 { font-family: Tahoma, Helvetica, sans-serif; font-size: 1em; color: #000; font-style: normal; } h5 { font-family: "Times New Roman", Times, serif; font-size: 1em; color: #000; font-style: normal; } h6 { font-family: "Times New Roman", Times, serif; font-size: 1em; color: #ccc; font-weight: bold; font-style: normal; } hr { height: 1px; border: none 0; border-top: 1px solid #ddcc7e; margin: 8px 0 20px 0; padding: 0px; } #tcp h1 { background-image: url(../images/hr-tcp.png); background-repeat: no-repeat; background-position: left 20px; height: 46px; margin:-20px 0 20px 0; padding-bottom:20px; width: 100%; } html>/**/body #tcp h1 { background-image: url(../images/hr-tcp.png); background-repeat: no-repeat; height: 46px; background-position: left 28px; margin:0 0 20px 0; width: 100%; } .title { font-family: "Kunstler Script"; font-size: 4em; background-position: left 50px !important; margin:-30px 0 20px 0 !important; padding:15px 1px 20px 1px; display:block; } #tcp h2 { margin-bottom:10px; font-size: 23px; line-height:1em; padding-top:0; text-align:left; } ul, #tcp ul { margin:0 8px 14px 5px; } li, #tcp li { font-size:1.1em; list-style-type:none; background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:0px 7px; padding-left:15px; } sup { position:relative; display:inline-block; margin-top:-5px; top:2px; } #tagline, #pagetagline { margin-top: 13px; background-image: url(../images/hr-main.png); background-repeat: no-repeat; background-position: bottom; margin-bottom: 15px; padding-bottom: 18px; position: relative; height: 65px; width: 747px; } #tagline h1{ font-style:italic; margin-bottom:10px; margin-left:200px; } .photo { position: absolute; top: -57px; left: -35px; } .smallertitle { font-size:26px; text-transform:uppercase; } #tcphome, #tcp { padding: 20px; } blockquote { background-image: url(../images/hr-main.png); background-repeat: no-repeat; background-position: center bottom; margin:35px 0 20px -4px; padding:10px 0 35px 0; position: relative; width: 747px; } blockquote p{ font-size:26px; font-family: "Times New Roman", Times, serif; font-style: italic; margin-left: 220px; font-weight: normal; line-height:1em; background-image: none; color: #6f000a; } blockquote img{ position: absolute; top: -17px; left: -28px; padding:7px; background-color:#ffffff; border: solid 1px #ddcc7e; } #tagline h2, #pagetagline h2 { font-style:italic; margin-bottom:8px; margin-left:190px; padding-top:6px; line-height:1.1em; } html>/**/body #tagline h2, html>/**/body #pagetagline h2 { padding-top:0; } #pagetagline { margin-top: 15px; background-image: none; margin-bottom: 35px; width:715px; padding: 18px 0; position: relative; height: auto; border-bottom: solid 1px #ddcc7e; border-top: solid 1px #ddcc7e; } #pagetagline h1 { font-size: 27px; letter-spacing: -0.2px; /* margin-bottom: -15px;*/ } #pagetagline img { position: absolute; top: -27px; left: -28px; padding:7px; background-color:#ffffff; border: solid 1px #ddcc7e; } .beginquote { height: 35px; width: 40px; margin-right: 8px; } .endquote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; position:relative; top:3px; color: #a2870d; } .clear { clear:both; } .imagePaddingBorder { padding: 7px; margin:1px 10px 10px 0; background-color:white; border: 1px solid #ddcc7e; } .imagePaddingBorderNegLeft { padding: 7px; margin:1px 10px 10px -30px; background-color:white; border: 1px solid #ddcc7e; } .imagePaddingBorderLeft { padding: 7px; margin:1px 10px 10px 0px; background-color:white; border: 1px solid #ddcc7e; float:left; } .imagePaddingBorderRight { padding: 7px; margin:5px 0 8px 20px; background-color:white; border: 1px solid #ddcc7e; float:right; clear:right; } .imagePaddingBorderRightCaption { padding: 7px; /* margin:5px 0 8px 20px;*/ background-color:white; float:right; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #ddcc7e; border-right-color: #ddcc7e; border-left-color: #ddcc7e; } .imagePaddingBorderLeftCaption { padding: 7px; /* margin:5px 0 8px 20px;*/ background-color:white; float:left; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #ddcc7e; border-right-color: #ddcc7e; border-left-color: #ddcc7e; } .imagecaption { padding: 0 0 7px 0; margin:0; background-color: #FFF; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #ddcc7e; border-bottom-color: #ddcc7e; border-left-color: #ddcc7e; text-align:center; clear:both; } html>/**/body.imagecaption { padding:7px; } .floatright { float:right; clear:right; margin-left:15px; } .floatleft { float:left; clear:left; margin-right:15px; } .border { border: 1px solid #EFE1C0; } #virtualtour { position:relative; margin-left:14px; } .virtualtourbutton1 { width:inherit; height:inherit; position:absolute; top:12px; left: 12px; } .virtualtourbutton2 { width:inherit; height:inherit; position:absolute; top:22px; left: 30px; }