body { margin: 0px; padding: 0px; font-family: Arial,Helvetica,sans-serif; background: #333333; } div#header { height: 30px; background: url(/site/graphics/second_strip_top_index.gif) repeat-x bottom center; } div#left_column { display: none; } div#content { background: #D2D1A5; } div#footer { text-align: center; padding: 12px 0; background: url(/site/graphics/second_strip_bottom_index.gif) repeat-x top center; font-size: 0.6em; color: #999999; } div#footer a { color: #999999; } div#dtn_logo { display: none; } div#page_symbol { display: none; } div#collage, div#menu { position: relative; width: 700px; height: 400px; margin: 0 auto; } /******************************* Collage (intro) page styles *****************************/ div#collage { background: url(/site/graphics/austria_map_bg_index.jpg) center center no-repeat; } div#collage #leftside { position: absolute; top: 20px; left: 150px; width: 188px; height: 356px; background: url(/site/graphics/collage_leftside.gif) center center no-repeat; } div#collage #leftside #moto { position: relative; left: 72px; top: 130px; } div#collage #rightside { position: absolute; background: url(/site/graphics/collage_rightside.gif) center center no-repeat; width: 208px; height: 285px; left: 340px; top: 25px; } div#collage #enter_connecting_line { position: absolute; left: 448px; top: 310px; border-width: 0px 1px 0px 0px; border-color: #990000; border-style: solid; width: 2px; height: 20px; } div#collage #enter_btn { position: absolute; left: 412px; top: 330px; border: 1px #990000 solid; } div#collage #enter_btn a { display: block; padding: 4px 14px; text-decoration: none; color: #333333; background: #cccccc; letter-spacing: 2px; } div#collage #enter_btn a:hover { background: #8f98bf; } /******************************* Menu (home) page styles *****************************/ div#menu { background: url(/site/graphics/austria_map_bg_home.jpg) center center no-repeat; height: 450px; } ul#graphic_menu { list-style: none; margin: 0; padding: 0; } ul#graphic_menu li a { display: block; position: absolute; width: 100px; height: 100px; text-indent: -10000px; } /******************************* Styles for the table of contents *****************************/ div#menu div#toc { position: absolute; background: black; color: #999999; padding: 10px; width: 160px; font-size: 0.9em; left: 450px; top: 165px; border: solid black; border-width: 2px 1px; } div#toc p { margin: 6px 0px; } div#menu div#toc_tab { position: absolute; top: 165px; left: 630px; background: url(/site/graphics/toc_tab.gif) no-repeat center center; width: 25px; height: 93px; } div#toc ul { min-height: 100px; display: none; } div#toc ul { padding: 0 0 0 4px; margin: 0; list-style: none; } div#toc li a { position: relative; text-indent: 0px; color: #cccccc; font-size: 0.9em; font-weight: normal; } div#toc li.toc_header a { font-size: 1.2em; } div#toc_openingmsg { position: relative; display: block; font-weight: bold; } div#toc_whoweare, div#toc_resources, div#toc_prayerrequest, div#toc_missionandtravel, div#toc_photosandvideos { position: relative; visibility: hidden; background: white; border: 2px yellow solid; color: black; } /******************************* Styles for graphical menu *****************************/ div#menu div#logo a { display: block; background: url(/site/graphics/dtn_logo.gif) center center no-repeat; width: 114px; height: 114px; position: absolute; left: 302px; top: 165px; text-indent: -10000px; } div#menu li#whoweare a { background: url(/site/graphics/home_wwa_btn1.gif) no-repeat center center; left: 310px; top: 31px; } div#menu li#whoweare a:hover { background: url(/site/graphics/home_wwa_btn2.gif) no-repeat center center; } div#menu li#resources a { background: url(/site/graphics/home_res_btn1.gif) no-repeat center center; left: 190px; top: 71px; } div#menu li#resources a:hover { background: url(/site/graphics/home_res_btn2.gif) no-repeat center center; } div#menu li#prayerrequests a { background: url(/site/graphics/home_prayer_btn1.gif) no-repeat center center; left: 120px; top: 173px; } div#menu li#prayerrequests a:hover { background: url(/site/graphics/home_prayer_btn2.gif) no-repeat center center; } div#menu li#missionandtravel a { background: url(/site/graphics/home_travel_btn1.gif) no-repeat center center; left: 191px; top: 275px; } div#menu li#missionandtravel a:hover { background: url(/site/graphics/home_travel_btn2.gif) no-repeat center center; } div#menu li#photosandvideos a { background: url(/site/graphics/home_media_btn1.gif) no-repeat center center; left: 310px; top: 319px; } div#menu li#photosandvideos a:hover { background: url(/site/graphics/home_media_btn2.gif) no-repeat center center; } /******************************* Styles for text links in footer *****************************/ div#menu div#text_menu { position: absolute; text-align: center; top: 430px; width: 100%; } div#text_menu ul { list-style: none; margin: 0; padding: 0; } div#text_menu li { display: inline; padding: 0px 6px; } div#text_menu li a { display: inline; position: relative; color: #333333; font-size: 0.8em; } div#text_menu li a:hover { color: #999999; }