/*----------------------------------------------------------------------------- Website Style Sheet version: 1.0 author: Jon Reddout email: jon@reddoutdesign.com website: http://www.classicadventures.com/ -----------------------------------------------------------------------------*/ @media screen { /* =General -----------------------------------------------------------------------------*/ body { padding: 0; margin: 0; background-color: #fff; font: 12px Arial, Helvetica, sans-serif; line-height:18px; color:#333; text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */ min-width: 960px; /* Centered design work around for Netscape 6. */ overflow: -moz-scrollbars-vertical; } body.teal { background: url(../images/bg-teal.gif) no-repeat top center; } body.blue { background: url(../images/bg-blue.gif) no-repeat top center; } body.brown { background: url(../images/bg-brown.gif) no-repeat top center; } body.burgundy { background: url(../images/bg-burgundy.gif) no-repeat top center; } body.green { background: url(../images/bg-green.gif) no-repeat top center; } body.khaki { background: url(../images/bg-khaki.gif) no-repeat top center; } /* Class for clearing floats */ .clear { clear:both; height:0px;} /* Remove border around linked images */ img { border: 0; } p { margin: 0.8em 0; } h1, h2, h3, h4, h5 { margin: 0.4em 0; } h1 { font-size: 1.67em; font-family:"Times New Roman", Times, serif; } body.teal h2 { font-size: 1.3em; color:#405859; } body.blue h2 { font-size: 1.3em; color:#4B6B7D; } body.brown h2 { font-size: 1.3em; color:#986954; } body.burgundy h2 { font-size: 1.3em; } body.green h2 { font-size: 1.3em; color:#787A40; } body.khaki h2 { font-size: 1.3em; color:#937933; } h3 { font-size: 1.1em; } h4 { /* different color */ } h5 { /* different color */ } /* =Links -----------------------------------------------------------------------------*/ a:link { color: #5D3B3C; } a:visited { color: #5D3B3C; } a:hover { } /* =Structure -----------------------------------------------------------------------------*/ #container { width: 960px; margin: 0 auto; text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */ } #content { margin:0 9px 0 9px; padding:0;} #footer-site { height:105px; margin:15px 9px 9px 9px; padding:9px 20px 9px 20px; background:url(../images/footer-bg.gif) repeat-x; } /* Optional container, use only if necessary. */ /* =Navigation Home -----------------------------------------------------------------------------*/ ul#nav_main { height:30px; width:625px; margin:0; padding:0; list-style-type:none; float:right; } ul#nav_main li { height:30px; position:relative; float:left; overflow:hidden; } ul#nav_main li span { width:100%; height:100%; position:absolute; } body.teal ul#nav_main li a { display:block; cursor:pointer; color:#405859; } body.blue ul#nav_main li a { display:block; cursor:pointer; color:#4B6B7D; } body.brown ul#nav_main li a { display:block; cursor:pointer; color:#986954; } body.burgundy ul#nav_main li a { display:block; cursor:pointer; color:#7B4D4E; } body.green ul#nav_main li a { display:block; cursor:pointer; color:#787A40; } body.khaki ul#nav_main li a { display:block; cursor:pointer; color:#937933; } * html #nav_main a:hover { background:transparent; cursor:pointer;} /* This is an example of what needs to be done for each li in the main navigation unordered list. You can copy this block and just change out the class name, widths and background image names/locations. */ ul#nav_main li.about-us { width:123px; } ul#nav_main li.about-us a span,ul#nav_main li.about-us a:link span { background:url(../images/buttons/btn-about-us.png) no-repeat; } ul#nav_main li.about-us a:hover span,body.about-us ul#nav_main li.about-us a span { background:url(../images/buttons/btn-about-us.png) no-repeat 0 -30px; } ul#nav_main li.why-classic { width:123px; } ul#nav_main li.why-classic a span,ul#nav_main li.why-classic a:link span { background:url(../images/buttons/btn-why-classic.png) no-repeat; } ul#nav_main li.why-classic a:hover span,body.why-classic ul#nav_main li.why-classic a span { background:url(../images/buttons/btn-why-classic.png) no-repeat 0 -30px; } ul#nav_main li.our-tours { width:122px; } ul#nav_main li.our-tours a span,ul#nav_main li.our-tours a:link span { background:url(../images/buttons/btn-our-tours.png) no-repeat; } ul#nav_main li.our-tours a:hover span,body.our-tours ul#nav_main li.our-tours a span { background:url(../images/buttons/btn-our-tours.png) no-repeat 0 -30px; } ul#nav_main li.tour-dates { width:122px; } ul#nav_main li.tour-dates a span,ul#nav_main li.tour-dates a:link span { background:url(../images/buttons/btn-tour-dates.png) no-repeat; } ul#nav_main li.tour-dates a:hover span,body.tour-dates ul#nav_main li.tour-dates a span { background:url(../images/buttons/btn-tour-dates.png) no-repeat 0 -30px; } ul#nav_main li.reserve-now { width:135px; } ul#nav_main li.reserve-now a span,ul#nav_main li.reserve-now a:link span { background:url(../images/buttons/btn-reserve-now.png) no-repeat; } ul#nav_main li.reserve-now a:hover span,body.reserve-now ul#nav_main li.reserve-now a span { background:url(../images/buttons/btn-reserve-now.png) no-repeat 0 -30px; } #nav_sub { font-size:0.92em; width:410px; height:22px; margin:0 0 0 210px; padding:0; font-family:Arial, Helvetica, sans-serif; color:#000; float:right; } body.teal #nav_sub #links { height:19px; width:358px; margin:0 0 0 36px; padding:2px 0 0 8px; background:url(../images/utility-bg-teal.gif) no-repeat; } body.blue #nav_sub #links { height:19px; width:358px; margin:0 0 0 36px; padding:2px 0 0 8px; background:url(../images/utility-bg-blue.gif) no-repeat; } body.brown #nav_sub #links { height:19px; width:358px; margin:0 0 0 36px; padding:2px 0 0 8px; background:url(../images/utility-bg-brown.gif) no-repeat; } body.burgundy #nav_sub #links { height:19px; width:358px; margin:0 0 0 36px; padding:2px 0 0 8px; background:url(../images/utility-bg-burgundy.gif) no-repeat; } body.green #nav_sub #links { height:19px; width:358px; margin:0 0 0 36px; padding:2px 0 0 8px; background:url(../images/utility-bg-green.gif) no-repeat; } body.khaki #nav_sub #links { height:19px; width:358px; margin:0 0 0 36px; padding:2px 0 0 8px; background:url(../images/utility-bg-khaki.gif) no-repeat; } #nav_sub a { color:#000; margin:0; padding:0; text-decoration:none; } #nav_sub a:hover { color: #000; margin:0; padding:0; text-decoration:underline; } #nav_supp { font-size:12px; } #nav_supp, #nav_supp a { color: #000; } #nav_supp a { text-decoration: none; } #nav_supp a:hover { text-decoration: underline; } #nav_supp .tag { width:250px; } #nav_supp .utl { width:250px; text-align:right; float:right; } #nav_supp .nav { margin:0; padding:20px 0 20px 0; } /* =Header Teal -----------------------------------------------------------------------------*/ #branding { height:108px; width:334px; float:left; } #branding h1 { width:334px; height:108px; margin:0; padding:0; position:relative; } body.teal #branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/logo-teal.gif) no-repeat; } body.blue #branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/logo-blue.gif) no-repeat; } body.brown #branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/logo-brown.gif) no-repeat; } body.burgundy #branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/logo-burgundy.gif) no-repeat; } body.green #branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/logo-green.gif) no-repeat; } body.khaki #branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/logo-khaki.gif) no-repeat; } #branding_sub { width:625px; float:right; } /* Optional container, use only if necessary. */ #phone { width:400px; height:46px; color:#fff; margin:0 20px 0 0; padding:10px 0 0 0; text-align:right; font-family:"Times New Roman", Times, serif; float:right; } #phone .book { color:#fff; margin:0; padding:0; font-size:14px; } #phone .number { color:#fff; margin:0 0 0 8px; padding:0; font-size:25px; } /* =HOME -----------------------------------------------------------------------------*/ #home #flash { margin-top:10px; padding:0; float:left; } #home #content_main { width:675px; padding:9px 0 9px 0; margin:0; float:left; } #home #content_main #welcome { width:661px; background: url(../images/welcome-bg-fill.gif) left top repeat-y; font:15px "Times New Roman", Times, serif; line-height:24px; } #home #content_main #welcome .wel-top { background:url(../images/welcome-bg-top.gif) left top no-repeat; } #home #content_main #welcome .wel-bottom { background:url(../images/welcome-bg-bottom.gif) left bottom no-repeat; } #home #content_main #welcome h1 { width:450px; height:31px; margin:0; padding:0; position:relative; } #home #content_main #welcome h1 span { width:100%; height:100%; position:absolute; background: url(../images/welcome-to-classic-adventures-txt.gif) no-repeat; } #home #content_main #welcome .wel-content { padding:19px 20px 19px 20px; margin:0; } #home #content_main .callout { width:198px; height:170px; margin:12px 30px 12px 0; padding:0;} #home #content_main .callout-right { width:198px; height:170px; margin:12px 0 12px 0; padding:0;} #home #content_main #news { width:658px; margin:0; padding:0; background:url(../images/whats-new-bg-fill.gif) top repeat-y; line-height:18px; float:left; } #home #content_main #news h2 { width:658px; height:46px; margin:0; padding:0; position:relative; float:left; } #home #content_main #news h2 span { width:100%; height:100%; cursor:pointer; position:absolute; background: url(../images/whats-new-txt.gif) no-repeat; } #home #content_main #news .news-bottom { width:658px; background:url(../images/whats-new-bg-bottom.gif) left bottom no-repeat; float:left; } #home #content_main #news #news-content { width:618px; padding:15px 20px 15px 20px; margin:0; float:left; } #home #content_main #news .news-article1 { width:285px; padding:0 20px 0 0; margin:0; float:left; border-right:1px dashed #926061; } #home #content_main #news .news-article2 { width:285px; padding:0; margin:0; float:right; } #home #content_main #news p { margin:0; padding:0;} #home #content_main #news strong { font-size:13px;} #home #content_sub { width:267px; padding-top:9px; float:right; } #home #content_sub #e-newsletter { width:258px; height:75px; margin:0 0 12px 0; padding:0; background:url(../images/enewsletter-bg.gif) no-repeat; } #home #content_sub #e-newsletter h2 { width:163px; height:14px; margin:0 0 0 20px; padding-top:5px; position:relative; } #home #content_sub #e-newsletter h2 span { width:100%; height:100%; position:absolute; background: url(../images/enewsletter-sign-up-txt.gif) no-repeat; } #home #content_sub #e-newsletter #form { margin-left:20px;} #home #content_sub #tours { width:258px; margin:0 0 12px 0; padding:0; background:url(../images/bicycle-tours-bg-fill.gif) top left repeat-y; } #home #content_sub #tours .tours-bottom { background:url(../images/bicycle-tours-bg-bottom.gif) bottom left no-repeat; } #home #content_sub #tours h3 { width:258px; height:39px; margin:0; padding:0; position:relative; } #home #content_sub #tours h3 span { width:100%; height:100%; position:absolute; background: url(../images/bicycle-tours-txt.gif) no-repeat; } #home #content_sub #tours ul { margin:0; padding:8px 10px 0 20px; list-style-type:none; } #home #content_sub #tours ul li { margin:0; padding:0; line-height:18px; } #home #content_sub #tours ul li strong { font-size:13px;} #home #content_sub #tours a:link { text-decoration:none;} #home #content_sub #tours a:hover { text-decoration:underline;} #home #content_sub #custom { width:258px; background:url(../images/custom-tours-fill.gif) top left repeat-y; } #home #content_sub #custom h4 { width:258px; height:40px; margin:0; padding:0; position:relative; } #home #content_sub #custom h4 span { width:100%; height:100%; position:absolute; background: url(../images/custom-tours-txt.gif) no-repeat; } #home #content_sub #custom .custom-bottom { background:url(../images/custom-tours-bg-bottom.gif) bottom left no-repeat; } #home #content_sub #custom ul { margin:0; padding:8px 12px 8px 20px; list-style-type:none; line-height:18px; } #home #content_sub #custom ul li { margin:0; padding:0; } #home #content_supp{ } /* Design may not call for this container, delete id not necessary. */ /* =Interior -----------------------------------------------------------------------------*/ #interior #banner { width:942px; height:178px; margin:10px 0 10px 0; padding:0; float:left; } #interior #banner h2 { width:942px; height:178px; margin:0; padding:0; position:relative; float:left; } body#interior.about-us #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-about-us.jpg) no-repeat; } body#interior.why-classic #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-why-classic.jpg) no-repeat; } body#interior.our-tours #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-our-tours.jpg) no-repeat; } body#interior.tour-dates #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-tour-dates.jpg) no-repeat; } body#interior.reserve-now #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-reserve-now.jpg) no-repeat; } body#interior.terms-conditions #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-terms-conditions.jpg) no-repeat; } body#interior.free-catalog #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-free-catalog.jpg) no-repeat; } body#interior.specials #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-specials.jpg) no-repeat; } body#interior.contact-us #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-contact-us.jpg) no-repeat; } /* body#interior.news #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-news.jpg) no-repeat; } */ body#interior.thanks #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-thanks.jpg) no-repeat; } body#interior.blog #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-blog.jpg) no-repeat; } body#interior.austria #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-austria.jpg) no-repeat; } body#interior.quebec #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-quebec.jpg) no-repeat; } body#interior.loire #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-loire.jpg) no-repeat; } body#interior.germany #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-germany.jpg) no-repeat; } body#interior.greece #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-greece.jpg) no-repeat; } body#interior.crete #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-crete.jpg) no-repeat; } body#interior.extremecrete #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-extreme-crete.jpg) no-repeat; } body#interior.greecehike #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-greece-hike.jpg) no-repeat; } body#interior.natchez #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-natchez.jpg) no-repeat; } body#interior.cayuga #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-cayuga.jpg) no-repeat; } body#interior.keuka #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-keuka.jpg) no-repeat; } body#interior.fingerlakes #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-finger-lakes.jpg) no-repeat; } body#interior.erie #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-erie.jpg) no-repeat; } body#interior.keuka #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-keuka.jpg) no-repeat; } body#interior.texas #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-texas.jpg) no-repeat; } body#interior.vermont #banner h2 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-vermont.jpg) no-repeat; } body#interior.blue #content_main { width:661px; background:url(../images/blue-body-bg-fill.gif) top left repeat-y; float:right; } body#interior.blue #content_main .content-top { background:url(../images/blue-body-bg-top.gif) top left no-repeat; } body#interior.blue #content_main .content-bottom { background:url(../images/blue-body-bg-bottom.gif) bottom left no-repeat; } body#interior.brown #content_main { width:661px; background:url(../images/brown-body-bg-fill.gif) top left repeat-y; float:right; } body#interior.brown #content_main .content-top { background:url(../images/brown-body-bg-top.gif) top left no-repeat; } body#interior.brown #content_main .content-bottom { background:url(../images/brown-body-bg-bottom.gif) bottom left no-repeat; } body#interior.burgundy #content_main { width:661px; background:url(../images/burgundy-body-bg-fill.gif) top left repeat-y; float:right; } body#interior.burgundy #content_main .content-top { background:url(../images/burgundy-body-bg-top.gif) top left no-repeat; } body#interior.burgundy #content_main .content-bottom { background:url(../images/burgundy-body-bg-bottom.gif) bottom left no-repeat; } body#interior.burgundy #content_main strong { font-family:"Times New Roman", Times, serif; color:#7B2D33; font-size:13px;} body#interior.burgundy #content_main h1 { font-family:"Times New Roman", Times, serif; color:#7B2D33; font-size:20px; } body#interior.green #content_main { width:661px; background:url(../images/green-body-bg-fill.gif) top left repeat-y; float:right; } body#interior.green #content_main .content-top { background:url(../images/green-body-bg-top.gif) top left no-repeat; } body#interior.green #content_main .content-bottom { background:url(../images/green-body-bg-bottom.gif) bottom left no-repeat; } body#interior.khaki #content_main { width:661px; background:url(../images/khaki-body-bg-fill.gif) top left repeat-y; float:right; } body#interior.khaki #content_main .content-top { background:url(../images/khaki-body-bg-top.gif) top left no-repeat; } body#interior.khaki #content_main .content-bottom { background:url(../images/khaki-body-bg-bottom.gif) bottom left no-repeat; } #interior #content_main #body_content { margin:0; padding:20px; } body#interior.blue #content_sub { width:258px; float:left; } body#interior.blue #content_sub #its { background:url(../images/blue-its-fill.gif) top left repeat-y; } body#interior.blue #content_sub #its h3 { width:258px; height:39px; margin:0; padding:0; position:relative; } body#interior.blue #content_sub #its h3 span { width:100%; height:100%; position:absolute; background: url(../images/blue-in-this-section-txt.gif) no-repeat; } body#interior.blue #content_sub #its .its-bottom { background:url(../images/blue-its-bottom.gif) bottom left no-repeat; } body#interior.blue #content_sub #its ul { margin:0; padding:8px 10px 8px 20px; list-style-type:none; } body#interior.blue #content_sub #its ul li { margin:0; padding:0; line-height:18px; } body#interior.blue #content_sub #its a { text-decoration:none; } body#interior.blue #content_sub #its a:hover { text-decoration:underline; } body#interior.brown #content_sub { width:258px; float:left; } body#interior.brown #content_sub #its { background:url(../images/brown-its-fill.gif) top left repeat-y; } body#interior.brown #content_sub #its h3 { width:258px; height:39px; margin:0; padding:0; position:relative; } body#interior.brown #content_sub #its h3 span { width:100%; height:100%; position:absolute; background: url(../images/brown-in-this-section-txt.gif) no-repeat; } body#interior.brown #content_sub #its .its-bottom { background:url(../images/brown-its-bottom.gif) bottom left no-repeat; } body#interior.brown #content_sub #its ul { margin:0; padding:8px 10px 8px 20px; list-style-type:none; } body#interior.brown #content_sub #its ul li { margin:0; padding:0; line-height:18px; } body#interior.brown #content_sub #its a { text-decoration:none; } body#interior.brown #content_sub #its a:hover { text-decoration:underline; } body#interior.burgundy #content_sub { width:258px; float:left; } body#interior.burgundy #content_sub #its { background:url(../images/burgundy-its-fill.gif) top left repeat-y; } body#interior.burgundy #content_sub #its h3 { width:258px; height:39px; margin:0; padding:0; position:relative; } body#interior.burgundy #content_sub #its h3 span { width:100%; height:100%; position:absolute; background: url(../images/burgundy-in-this-section-txt.gif) no-repeat; } body#interior.burgundy #content_sub #its .its-bottom { background:url(../images/burgundy-its-bottom.gif) bottom left no-repeat; } body#interior.burgundy #content_sub #its ul { margin:0; padding:8px 10px 8px 20px; list-style-type:none; } body#interior.burgundy #content_sub #its ul li { margin:0; padding:0; line-height:18px; } body#interior.burgundy #content_sub #its a { text-decoration:none; } body#interior.burgundy #content_sub #its a:hover { text-decoration:underline; } body#interior.green #content_sub { width:258px; float:left; } body#interior.green #content_sub #its { background:url(../images/green-its-fill.gif) top left repeat-y; } body#interior.green #content_sub #its h3 { width:258px; height:39px; margin:0; padding:0; position:relative; } body#interior.green #content_sub #its h3 span { width:100%; height:100%; position:absolute; background: url(../images/green-in-this-section-txt.gif) no-repeat; } body#interior.green #content_sub #its .its-bottom { background:url(../images/green-its-bottom.gif) bottom left no-repeat; } body#interior.green #content_sub #its ul { margin:0; padding:8px 10px 8px 20px; list-style-type:none; } body#interior.green #content_sub #its ul li { margin:0; padding:0; line-height:18px; } body#interior.green #content_sub #its a { text-decoration:none; } body#interior.green #content_sub #its a:hover { text-decoration:underline; } body#interior.khaki #content_sub { width:258px; float:left; } body#interior.khaki #content_sub #its { background:url(../images/khaki-its-fill.gif) top left repeat-y; } body#interior.khaki #content_sub #its h3 { width:258px; height:39px; margin:0; padding:0; position:relative; } body#interior.khaki #content_sub #its h3 span { width:100%; height:100%; position:absolute; background: url(../images/khaki-in-this-section-txt.gif) no-repeat; } body#interior.khaki #content_sub #its .its-bottom { background:url(../images/khaki-its-bottom.gif) bottom left no-repeat; } body#interior.khaki #content_sub #its ul { margin:0; padding:8px 10px 8px 20px; list-style-type:none; } body#interior.khaki #content_sub #its ul li { margin:0; padding:0; line-height:18px; } body#interior.khaki #content_sub #its a { text-decoration:none; } body#interior.khaki #content_sub #its a:hover { text-decoration:underline; } #interior #content_sub #int_callout { width:258px; margin-left:0; padding:20px 0 0 20px; } #details { width:200px; background-color:#EEDFDF; border:2px dotted #7B4D4E; margin-left:15px; padding:8px; float:right;} #details strong { font-family:"Times New Roman", Times, serif; color:#7B2D33; font-size:13px;} #details h2 { font-family:"Times New Roman", Times, serif; font-size:18px; } .maps { margin-left:10px; float:right;} #career { margin:0 15px 0 15px; padding:8px; background-color:D0DBE1; border:1px dashed #405859; } /* =Footer -----------------------------------------------------------------------------*/ #site_info { font-size:12px; } #site_info, #site_info a { color: #000;} #site_info a { text-decoration: none; } #site_info a:hover { text-decoration: underline; } /* =Forms -----------------------------------------------------------------------------*/ form { padding: 0.4em; margin: 0; } form em { color: #FF0000; } form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; } form p label { float: left; width: 25%; } fieldset { padding: 0.6em; padding-left: 0.7em; } fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; } input.txt { width: 200px; } /*textarea { width: 300px; height: 100px; } */ .formerror { border: 1px solid red; background-color : #FFCCCC; width: auto; padding: 0.4em; margin-bottom: 0.4em; } .formerror ul { padding-left: 1.7em; } /* =Tables -----------------------------------------------------------------------------*/ td { text-align: left; vertical-align:top; } /* =Misc 1 -----------------------------------------------------------------------------*/ .question { background: #FF0000; } .highlight { font-weight:bold; background:#FFFF00; } /* =Misc 2 -----------------------------------------------------------------------------*/ img.left { float:left; } img.right { float:right; } }