/* June 16, 2010 -- modified -- Joel Dauteuil -- SWITCHING TO FIXED WIDTH */ /* Feel free to use any of this CSS for your own work and learning methods, but all elements concerning the design such as the images, color, layout, and any other areas of the design are copyright of Body Ecology Diet and may not be reproduced. Thanks! - Dotfive.com team */ body {background: white url(http://bodyecology.com/style/image/bg.png) repeat-y center top; font-size: 100%; margin: 0;padding: 0px; background-color:#B4D2EA; /* ADDED THIS PART TO BODY BELOW TO SIMULATE FIXED WIDTH CONTAINER */ width: 1000px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/ position: center; text-align: left; } strong {font-weight: bold;} #skip {display: none;} /* made h1 and h2 0px height so that all site pages won't have to be changed */ /* deleted background images for h2 */ h1 {position: absolute; center: 0px;top: 0px;z-index: 0;width: 956px; height: 180px; no-repeat top center; margin-left: 20px; margin-top: 0px; padding: 0px;text-indent: -5000px; background-image:url(image/besitebanner2.jpg);} h2 {display:none;background-image:url(image/menu-bar.png); background-repeat: no-repeat; position: absolute; top:142px; center top; margin-right: 50px; margin-top: -45px; padding: 0px;} #printMe {position: absolute;right: 300px;top: 173px;display: block;} /*featured articles*/ div.homefeatures { width: 300px; float: left; margin-right: 20px;} div.homefeatures ul { margin: 0;padding: 0; list-style-type: none; } div.homefeatures ul li { margin: 0; padding: 12px 0; border-top: 1px dotted #ccc; } div.homefeatures ul li.hf-first { margin: 0; padding-top: 0; border-top: none; } div.homefeatures ul li h2 { font-size: 100%; text-transform: uppercase; margin: 0 0 0 135px; padding: 0;} div.homefeatures ul li p { margin: .25em 0 0 135px; padding: 0 5px 0 0; font-size: 1em;} div.homefeatures ul li a img { float: left; margin: 0 10px 0 0; } body.home p.morelink { font-style: italic; } div.homefeatureset { width: 300px; float: left; } div.homefeatureset#second { float: right; } div.homefeature { margin: 0; padding: 12px 0; border-top: 1px dotted #ccc; } div.hf-first { margin: 0; padding-top: 0; border-top: none; } div.homefeature h2 { font-size: 100%; text-transform: uppercase; margin: 0 0 0 135px; padding: 0;} div.homefeature p { margin: .25em 0 0 135px; padding: 0 5px 0 0; font-size: 1em;} div.homefeature a img { float: left; margin: 0 10px 0 0; border: 1px solid #aaa!important; } /*Boxes with Shadows*/ .boxclasstan { text-align: left; align: center; background: #FFFFFF; margin-left:-5px; margin-right:0px; padding-top:5px; padding-left::10px; padding-right:15px; width: 625px; background: #f7f4ed; border: 1px solid #B4494F; } .boxclasspurple { text-align: left; align: center; background: #FFFFFF; margin-left:13px; margin-right:80px; padding-top:5px; width: 625px; background: #F3E2E3; border: 1px solid #B4494F; } .boxclassorange { text-align: left; align: center; background: #FFFFFF; margin-left:13px; margin-right:80px; padding-top:5px; width: 625px; background: #FFDBB7; border: 1px solid #FF8F20; } .boxclassorange h2 { text-align: center; margin: 0; padding: 6px 8px 4px 10px; font-size: 16px; color: #000000; } .boxclassorange table { background: #EFFAAF; } .boxclassorange div { margin: 0; padding: 10px 10px 10px 10px; list-style: none; color: #000000; font: normal 1em "Trebuchet MS", verdana, helvetica, arial, sans-serif; } .boxclassyellow { text-align: left; align: center; background: #FFFFFF; margin-left:13px; margin-right:80px; padding-top:5px; width: 625px; border: 2px solid #b1ca9f; background: #EFFAAF; border: 1px solid #B3D00D; } .boxclassgreenoutline { text-align: left; align: center; background: #FFFFFF; margin-left:15px; margin-right:80px; padding-top:5px; width: 625px; border: 2px solid #b1ca9f; } .boxclassgreenoutline h2 { text-align: center; margin: 0; padding: 6px 8px 4px 10px; font-size: 16px; color: #000000; } .boxclassgreenoutline table { background: #EFFAAF; } .boxclassgreenoutline div { margin: 0; padding: 10px 10px 10px 10px; list-style: none; color: #000000; font: normal 1em "Trebuchet MS", verdana, helvetica, arial, sans-serif; } /* menu positioning and design */ #menu {margin: 0px 0px 0px 40px; padding: 0 0 0 0; position: absolute; top: 141px; z-index:3;} #menu li{margin: 0px;padding: 0px;list-style-type: none;} #menu li a{position: absolute;top: 0px;text-shadow: 2px 2px 3px #CBB6A7;font: normal 14px/35px "Lucida Grande", "Trebuchet MS",verdana,helvetica,arial,sans-serif;text-align: center;text-transform:uppercase;letter-spacing: 1px;color: #003366;text-decoration: none;height: 49px;margin: 0px;padding: 0px 0px;display: block;overflow: hidden;border: none;background: transparent url(image/link.png) no-repeat 50% -49px;} #menu li a:hover {text-shadow: none;background-position: 50% 0px;color: white;} #linkh a{width: 66px;left: 0px;} #linkos a{width: 135px;left: 66px;} #linkab a{width: 110px;left: 201px;} #linkad a{width: 139px;left: 311px;} #linkcu a{width: 122px;left: 450px;} #linkn a{width: 62px;left: 572px;} /* main content placement and design */ /* FIXED WIDTH CHANGE: WIDTH (now full screen & PADDING TWEAKS */ /* FIXED WIDTH CHANGE: ADDED HR -- COLOR/width IS CHANGEABLE */ #leftcontent {width: auto; height: auto; padding: 0px 25px 0px 15px; margin: 0px 20px 0px 20px; list-style-type: circle; text-decoration: none;} hr {border: 0; color: #671D72; background-color: #671D72; height: 1px; width: 70%; text-align: center; margin: 20px 0px 20px 0px; } #leftcontent blockquote {clear: left;font: normal .8em/1.4em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: black;margin: 0;padding: 5px 5px 10px 15px;} #leftcontent h3 {font: normal 1.3em/1.2em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: #671D72;margin: 0px 0px 0px 0px;padding: 205px 5px 5px 5px;text-align: center;; background-position: center; text-decoration: none} #leftcontent .boldline {font: normal 1.3em/1.2em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: #671D72;margin: 0px 0px 0px 0px;padding: 0px 5px 5px 5px; text-align: left; background-position: left; text-decoration: none} #leftcontent h4 {clear: left;font: 1.3em/0.9em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: #671D72;margin: 0 0;padding: 24px 5px 10px 7px;text-align: left;} #leftcontent h3 a, #leftcontent h4 a{text-decoration: none;} #leftcontent address {font: bold .8em/1.4em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: black;margin: 0;padding: 5px 5px 5px 10px;text-align: left;} #leftcontent blockquote {padding: 10px 5px 20px 15px;} #leftcontent blockquote p{font: normal 1.0em/1.6em "Trebuchet MS",verdana,helvetica,arial,sans-serif;} #leftcontent cite {font: bold .8em/1.4em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: black;display: block;text-align: left;padding: 0px 0px 20px 50px;} #leftcontent p img {padding: 0px 5px 0px; margin: 0px 0px 25px;border: none;} #leftcontent a img {border: none; text-decoration: none;} #leftcontent #sublist{padding: 10px 10px 40px 20px;margin: 0px;; text-decoration: none} #leftcontent #sublist li{font: bold 1.0em/1.3em "Trebuchet MS",verdana,helvetica,arial,sans-serif;list-style-type: none;padding: 5px;} #leftcontent .sitemaplist{padding: 0px 10px 0px 40px;margin: 10px 0px;} #leftcontent .sitemaplist li{color: #0033CC;font: bold .75em/1.4em "Trebuchet MS",verdana,helvetica,arial,sans-serif;list-style-type: circle;padding: 2px;} #leftcontent .sitemaplist li ul li{font-size: 1em;} #leftcontent #stateslist{display: block;padding: 10px 10px 40px 20px;margin: 0px;} #leftcontent #stateslist li{width: 8em;display: block;font: bold 1.0em/1.3em "Trebuchet MS",verdana,helvetica,arial,sans-serif;list-style-type: none;padding: 5px;float: left;} #leftcontent #stateretails{clear: left;padding: 20px 0px 0px 0px;margin: 0px;} #leftcontent #stateretails ul{padding: 0px;margin: 20px;} #leftcontent #stateretails ul li{width: 200px;float: left;list-style-type: none;padding: 10px;margin: 0px;} #leftcontent #stateretails h4{border-bottom: 1px solid #D59398;} html>body #leftcontent #stateretails h4{border-bottom: 1px dotted #D59398;} #leftcontent #stateretails dd blockquote{font: normal 1.0em/1.4em "Trebuchet MS",verdana,helvetica,arial,sans-serif;} #leftcontent #stateretails ul li h4 {border: 1px solid #D59398;background-color: #F6F4EE;font: bold 1.1em/1.4em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: #0033CC;margin: 0;padding: 0px 5px 0px 10px;margin: 0px;text-align: left;clear:both;} html>body #leftcontent #stateretails ul li h4 {border: 1px dotted #D59398;} #leftcontent #stateretails address {border-width: 0px 1px 1px 1px;border-style: solid;border-color: #D59398;font: normal .8em/1.4em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: black;margin: 0;padding: 5px 5px 0px 15px;} html>body #leftcontent #stateretails address {border-style: dotted;} #leftcontent #stateretails dd address {font: normal 1.0em/1.4em "Trebuchet MS",verdana,helvetica,arial,sans-serif;} #leftcontent #stateretails dd h4 {border: 1px solid #D59398;background-color: #F6F4EE;font: bold 1.3em/1.4em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: #0033CC;margin: 0;padding: 0px 5px 0px 10px;margin: 0px;text-align: left;clear:both;} html>body #leftcontent #stateretails dd h4 {border: 1px dotted #D59398;} #leftcontent #stateretails dt {font: bold 1.1em/1.3em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: #0033CC;margin: 0;padding: 20px 5px 0px 15px;; text-decoration: none} #leftcontent #stateretails dd {font: normal .8em/1.3em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: black;margin: 0px 0px 0px 0px;padding: 5px 5px 0px 15px;} #leftcontent #stateretails #statesublist {float: none;} #leftcontent #stateretails #statesublist li {list-style-type: none;font: normal 1.1em/1.3em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: #0033CC;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 15px;background: transparent url(image/smalllogo.gif) no-repeat top left;float: none;width: auto;} #leftcontent .brieflinks {padding: 0px; margin: 0px;; text-decoration: none} #leftcontent .brieflinks dt {font: bold normal 1.1em/1em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: #0033CC;margin: 0;padding: 10px 5px 0px 15px;; text-decoration: none} #leftcontent .brieflinks dt a{color: #0033CC;text-decoration: none;} #leftcontent .brieflinks dt a:hover{color: black;} #leftcontent .brieflinks dd {font: normal 0.8em/1em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: black;margin: 0px 0px 0px 15px;padding: 5px 5px 5px 15px;; background-image: url(/style/image/arrow.png); background-repeat: no-repeat; background-position: left center; filter: Xray; text-decoration: none} #leftcontent .brieflinks dd a img{margin: 0px 0px 20px 0px;padding: 0px 0px 0px 50px;} #leftcontent .howto li{border-bottom:1px solid #0033CC;font: normal 1.2em/1.3em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: black;text-align: left;list-style-position: inside;list-style-type: decimal;padding: 10px;margin: 0px;overflow: hidden;} #leftcontent .howto li img{float: right;padding: 10px;} #leftcontent .slist li {list-style-type: none;font: normal 0.9em/1.3em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: #330000;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 15px;background: transparent url(image/smalllogo.gif) no-repeat left top;} #leftcontent ol {margin: 0px 0px;padding: 12px 0px 12px 25px;} #leftcontent ol li {list-style-type: decimal;font: normal 0.9em/1.3em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: #000000;margin: 10px 0px 10px 20px;padding: 0px 0px;} #leftcontent .qanda {padding: 0px; margin: 0px;; text-decoration: none} #leftcontent .qanda dt {font: bold 0.9em/1.3em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: black;margin: 10px 0px 0px 25px;padding: 10px 5px 0px 0px;border-top: 1px solid #D6D2C8;} html>body #leftcontent .qanda dt {border-top: 1px dotted #D6D2C8;} #leftcontent .qanda dd {font: normal .8em/1.3em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: black;margin: 0px 0px 10px 25px;padding: 10px 5px 0px 0px;} #leftcontent .bulletpoints {margin: 0px 0px 10px 25px;padding: 10px 5px 0px 0px;; text-decoration: none} #leftcontent .bulletpoints dt {font: bold 1.2em/1.3em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: black;margin: 0px 0px 10px 0px;padding: 10px 5px 0px 0px;} #leftcontent .bulletpoints dd {font: normal .8em/1.3em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: black;margin: 0px 0px 10px 10px;padding: 0px 5px 0px 15px;background: transparent url(image/smalllogo.gif) no-repeat top left;} #leftcontent .ingrdnts {margin: 0px 0px 10px 25px;padding: 10px 5px 0px 0px;; text-decoration: none} #leftcontent .ingrdnts dt {font: bold 1.2em/1.3em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: black;margin: 0px 0px 10px 0px;padding: 0px 5px 0px 0px;} #leftcontent .ingrdnts dd {font: normal .8em/1.3em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: black;margin: 0px 0px 5px 10px;padding: 0px 5px 0px 15px;} /* main content table and form positiong, contact page */ /* FIXED WIDTH adjustment: added margin spacing around all tables/colored boxes */ #leftcontent fieldset {border: none;} #leftcontent #submitc {border-color: white;} #leftcontent table {background-color: white; color: #000000;border: none; border-collapse: collapse; margin:20px;} #leftcontent table td {border: 5px solid white;padding-left: 4px;; padding-right: 8px} #leftcontent table td textarea {float: left;padding: 5px;border: 1px solid #0033CC;font: normal .8em/1.3em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: black} .labelcell {background-color: #F6F4EE;width: 150px;padding: 5px;font: bold .8em/1.3em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: #0033CC} #leftcontent #datatable caption {font: bold 1.1em/1.4em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: #0033CC;margin: 0;padding: 10px;margin: 0px;text-align: center;} #leftcontent #datatable th {border: 1px solid #D59398;background-color: #F6F4EE;font: bold .9em/1.4em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: #0033CC;margin: 0;padding: 10px;margin: 0px;text-align: center;} #leftcontent #datatable td {border-width: 0px 1px 1px 1px;border-style: solid;border-color: #D59398;font: normal .8em/1.4em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: black;margin: 0;padding: 5px 5px 5px 25px;} html>body #leftcontent #datatable th, html>body #leftcontent #datatable td {border-style: dotted;} /* right side secondary content positioning and design */ /* FIXED WIDTH adjustment: deleted background references */ /* FIXED WIDTH adjustment: increased left, right & bottom padding */ #rightcontent { float: right; width: 276px; height: 832px; height: auto; padding: 0px 30px 55px 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #0033CC; background-image:url(image/berightcontent.jpg); background-repeat: no-repeat; } #rightcontent dl {padding: 0px 25px 20px 60px; margin: 0px;clear: both;} #rightcontent dt {font: bold 1.3em/1.3em "Trebuchet MS",verdana,helvetica,arial,sans-serif;color: #0033CC;margin: 20px 0px 0px 0px;padding: 0px 0px 0px 15px;background: transparent url(image/smalllogo.gif) no-repeat center left;} #rightcontent dd {font: "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: black; text-shadow: 2px 2px 3px #CCCCFF; text-decoration:none;font: normal 12px/15px "Lucida Grande", "Trebuchet MS",verdana,helvetica,arial,sans-serif;text-align: left;text-transform:uppercase;letter-spacing:0px;color: #003366;text-decoration: no-underline; margin: 8px 0px 5px 7px;padding: 0px 0px 0px 10px;} #rightcontent dd img{float: left;padding: 0px 5px;} #rightcontent dd a img{border: none;text-decoration: none;} #rightcontent p{text-decoration: none;text-align: center;border: none;clear: both;; margin-top: 182px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; clip: rect(215px ); padding-right: 8px; padding-left: 8px} #rightcontent p a img{border: none;text-decoration: none; padding: 0px;margin: 10px; margin-top: -10px; margin-bottom: -10px; clip: rect( 50px )} #rightcontent form{clear: both;; clip: rect( 30px ); margin-left: 30px; margin-right: -10px} #rightcontent form p{width: 254px;height: 54px;; clear: both; clip: rect( ); background-color: transparent; background-image: url(image/formback.png); background-repeat: no-repeat; background-position: left top} #rightcontent form input{clip: rect( )} #search {height: 20px;width: 150px;background-color:white;padding: 0px 0px;margin: 15px 0px 0px;color: #0033CC;font: normal 12px "Trebuchet MS", verdana, helvetica, arial, sans-serif;position: absolute;top: 180px;right: 110px;z-index: 5;; clip: rect( ); float: none; clear: none} #submit {padding: 0px 0px;margin: 0px 0px;display: block;position: relative;right: 40px;; clip: rect( ); left: 20px; top: 15px} /* this technique allows for the buttons to show a specific look depending on the page. The first reference is to the body id, followed by the links id */ #index #menu #linkh a{background-position: 50% -98px;} #index #menu #linkh a:hover{background-position: 50% -98px;text-shadow: 2px 2px 3px #CBB6A7;color: #0033CC;} #aboutb #menu #linkab a{background-position: 50% -98px;} #aboutb #menu #linkab a:hover{background-position: 50% -98px;text-shadow: 2px 2px 3px #CBB6A7;color: #0033CC;} #aboutd #menu #linkad a{background-position: 50% -98px;} #aboutd #menu #linkad a:hover{background-position: 50% -98px;text-shadow: 2px 2px 3px #CBB6A7;color: #0033CC;} #contactu #menu #linkcu a{background-position: 50% -98px;} #contactu #menu #linkcu a:hover{background-position: 50% -98px;text-shadow: 2px 2px 3px #CBB6A7;color: #0033CC;} #news #menu #linkn a{background-position: 50% -98px;} #news #menu #linkn a:hover{background-position: 50% -98px;text-shadow: 2px 2px 3px #CBB6A7;color: #0033CC;} /* FIXED CHANGES: ADDED HEIGHT TO PADDING -- GRAPHICS HAD TO BE EDITED ALSO */ #footer ul{text-align: center;width: auto;padding:28px 0 0;margin:0;no-repeat bottom right;} #footer ul li{overflow: hidden; display: inline;padding: 0px;color:#0033CC;list-style-type: none;text-shadow: 2px 2px 3px #CBB6A7;font:normal 0.7em/1.3 "Lucida Grande", "Trebuchet MS",verdana,helvetica,arial,sans-serif;text-align: center;text-transform:uppercase;letter-spacing: 1px;color: #003366;} html>body #footer ul li{letter-spacing: .1em;} #footer {overflow: visible; width: auto; height: 50px; padding: 0px; margin: 50px 0px 0px 0px; clear: both;background: transparent url(image/footer.jpg) no-repeat bottom center;} #footer ul li a, #rightcontent dd a, #leftcontent p a, #leftcontent .bulletpoints dd a, #leftcontent #stateslist li a, #leftcontent dd a, #leftcontent .slist a, #leftcontent #sublist li a, #leftcontent .sitemaplist li a{color: #0033CC;} #footer ul li a:hover, #rightcontent dd a:hover, #leftcontent p a:hover, #leftcontent .bulletpoints dd a:hover, #leftcontent #stateslist li a:hover, #leftcontent dd a:hover, #leftcontent .slist a:hover, #leftcontent #sublist li a:hover, #leftcontent .sitemaplist li a:hover{color: black;}.ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; list-style-type: disc; padding-top: 0px} .news { font: bold 1.2em/1.2em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: #0033CC;margin: 0;padding: 10px 5px 0px 15px; ; background-position: center; overflow: scroll; clip: rect( )} #leftcontent h5 { clear: left;font: 1.1em/0.9em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: black;margin: 0 0;padding: 7px 5px 7px 12px;text-align: left; ; text-decoration: none} #leftcontent h6 { clear: left;font: bold 1em/1.1em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: #000000;margin: 0 0;padding: 15px 5px 0px 20px;text-align: left; ; border-color: #0033CC black black; background-repeat: no-repeat; background-position: left center; background-color: #FFFFFF} #leftcontent #stateretails #h6 { border-bottom: 1px solid #D59398; ; border-color: black black d59398; border-style: solid; border-bottom-width: thick} #rightcontent #p #submit { padding: 0px 0px;margin: 5px 20px 0px 0px;display: block;position: relative;right: 40px;z-index: 5; ; clip: rect( 20px )} #leftcontent .bulletpoints dd a { text-decoration: none }#leftcontent dd a { text-decoration: none }bottom_center { overflow: visible;width: auto;height: 50px;clear: both;background: transparent no-repeat center bottom; ; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 50px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 200px; padding-left: 0px} #bottom_center { overflow: visible;width: auto;height: 50px;clear: both;background: transparent no-repeat center bottom; ; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px } #leftcontent table td input { float: left;padding: 5px 10px 5px 5px; border:10px solid #0033CC;font: normal 0.8em/1.3em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: black ; margin: 5px} #leftcontent p { clear: left;font: normal 0.8em/1.4em "Trebuchet MS", verdana, helvetica, arial, sans-serif;color: black;margin: 0 0;padding: 5px 10px 10px 15px; } #rightcontent_signup { float: right;width: 500px;height: auto;padding: 0px 0px; margin: 0px 0px;; background-color: white; background-image: url(image/bodyrightside.jpg); background-repeat: no-repeat; background-position: top right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #0033CC ; clip: rect( )} /* This section creates div drop shadows instead of tables */ /*.outer {width: 20em; background: #ddddee;} .middle {background: #aaaabb;} .inner {background: #777788;} .inner p {background: #c1e8b5;} .middle, .inner, p { position: relative; left: -1px; top: -1px; } */