/* CSS Document */ /* This is the global CSS File allocated to the Vietnam Veterans Association of Victoria Website. All CSS requirements are placed in this external file and these elements are dynamically loaded into the page via the includes Folder and the CSS include tag that is included in the pages that require thee CSS functionality. This global file also includes all the function code that is required for the liquid and font sizing functions also. There is no need to place the font resize code on every page as it is included in this CSS global file. Do not attempt to change any of the functions within this page without a basic knowledge of Cascading Style Sheets as this will change all floating and dynamic aspects of the Doc Store Functions dynamically and on the fly. This CSS file is created and managed by Jeffrey Kidney of the Visual Voodoo Studios and is designed for exclusive use with Vietnam Veterans Association of Victoria Website Copyright October 2007 Please change the dates here when the file is edited or amended for recordable purposes File created October 16 2007 ALL CSS FUNCTIONS SIT UNDER HERE */ /* Create the DIV Class for the wrapperfunction ( make the page 80% of all browsers for liquid function ) This will only work if you doctype the page seperately from this CSS file Use this DOCTYPE code at the top of each page to ensure the browsers read fluid design as intended by the CSS file */ /************** Set the global page functions as default ******************/ /***********************************************/ /* HTML tag styles */ /***********************************************/ /* Create the global CSS rules for the entire page */ /* This body CSS will assett the main body of the site including background image and colour and it's attributes */ body{ background: #818181 url(../images/background_image.jpg); background-attachment:fixed; background-repeat:no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; margin: 0px; padding: 0px; overflow: auto; } /* All css for the Frameset Div Table */ #frameset{ width: 100%; margin-left: 1%; margin-right: 1%; margin-bottom: 1%; text-align: center; } /* This is the main container where the whole website sits */ #container{ width: 960px; height: 500px; } /* Copyright bar at top of site */ #top_copyright{ float: right; margin-right: 15px; width: 400px; text-align: right; padding: 2px; font-size: 10px; color: #FFFFFF; } /* Top image bar CSS assetts */ #site_container{ background-color: #5d6442; width: 960px; border-top: 3px solid #5d6442; border-left: 3px solid #5d6442; border-right: 3px solid #5d6442; margin-top: 4px; } #top_bar{ background-color: #5d6442; width: 954px; height: 180px; } #main_nav{ background-color: #5d6442; float: left; width: 194px; height: auto; } #news_box_container{ background: url(../images/news_background.jpg); float: right; margin-right: auto; margin-top: 2px; width: 190px; height: 100%; z-index:2; } #top{ background: url(../images/news_background_top.jpg); width: 190px; height: 68px; } #content{ width: 100%; padding: 4px; } #bottom{ background: url(../images/news_background_bottom.jpg); width: 190px; height: 25px; } #calendar_container{ background: url(../images/news_background.jpg); float: right; width: 190px; } #calendar_top{ background: url(../images/calendar_background_top.jpg); width: 190px; height: 68px; } #site_ring{ width: 190px; height: 190px; } #center_content{ background-color: #FFFFFF; float: left; width: 80%; margin-right: -7px; text-align: left; } #flash_container{ float: left; margin-left: 5px; margin-top: 5px; width: 567px; height: 200px; text-align: left; } #161_top{ float: left; background: url(../images/161recon.jpg); width: 567px; height: 200px; text-align: left; } #161_pop{ float: left; background: url(../images/161_back.jpg); width: 567px; text-align: left; padding: 7px; } #161_bottom{ float: left; background: url(../images/161_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #ptsd_top{ float: left; background: url(../images/ptsd_top.jpg); width: 567px; height: 200px; text-align: left; } #ptsd_pop{ float: left; background: url(../images/161_back.jpg); width: 567px; text-align: left; padding: 7px; } #ptsd_bottom{ float: left; background: url(../images/ptsd_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #medal_top{ float: left; background: url(../images/medal_top.jpg); width: 567px; height: 200px; text-align: left; } #medal_pop{ float: left; background: url(../images/161_back.jpg); width: 567px; text-align: left; padding: 7px; } #medal_bottom{ float: left; background: url(../images/medal_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #order_of_battle_top{ float: left; background: url(../images/order_battle.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #order_of_battle_bottom{ float: left; background: url(../images/order_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #brisbane_top{ float: left; background: url(../images/order_insert_brisbane.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #vendetta_top{ float: left; background: url(../images/order_insert_vendetta.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #c3_top{ float: left; background: url(../images/order_insert_c3.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #hobart_top{ float: left; background: url(../images/order_insert_hobart.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #perth_top{ float: left; background: url(../images/order_insert_perth.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #ran_top{ float: left; background: url(../images/order_insert_ranhfv.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #9sq_top{ float: left; background: url(../images/order_insert_9sq.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #syd_top{ float: left; background: url(../images/order_insert_syd.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #jerapit_top{ float: left; background: url(../images/order_insert_jerapit.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #boonaroo_top{ float: left; background: url(../images/order_insert_boonaroo.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #chaplain_top{ float: left; background: url(../images/order_insert_chaplain.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #35sqn_top{ float: left; background: url(../images/order_insert_35sqn.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #2sqn_top{ float: left; background: url(../images/order_insert_2sqn.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #children_health_top{ float: left; background: url(../images/children_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #children_pop{ float: left; background: url(../images/children_back.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #children_health_bottom{ float: left; background: url(../images/children_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #cuchi_top{ float: left; background: url(../images/cuchi_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #cuchi_pop{ float: left; background: url(../images/gen_back.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #cuchi_bottom{ float: left; background: url(../images/cuchi_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #edu_fund_top{ float: left; background: url(../images/edu_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #edu_fund_pop{ float: left; background: url(../images/gen_back.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #edu_fund_bottom{ float: left; background: url(../images/edu_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #end_war_top{ float: left; background: url(../images/end_war_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #end_war_pop{ float: left; background: url(../images/gen_back.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #end_war_bottom{ float: left; background: url(../images/end_war_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #join_top{ float: left; background: url(../images/join_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #join_bottom{ float: left; background: url(../images/join_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #lifestyle_top{ float: left; background: url(../images/lifestyle_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #lifestyle_bottom{ float: left; background: url(../images/lifestyle_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #decorations_top{ float: left; background: url(../images/decorations_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #decorations_bottom{ float: left; background: url(../images/decorations_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #medal_box{ float: left; width: 50px; height: 50px; } #medal_text{ float: right; width: 72%; height: auto; padding: 2px; } #aatt_top{ float: left; background: url(../images/aatt_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #aatt_bottom{ float: left; background: url(../images/aatt_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #sasr_top{ float: left; background: url(../images/sasr_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #sasr_bottom{ float: left; background: url(../images/sasr_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #pic{ float: left; width: 50px; height: 50px; } #1rar_top{ float: left; background: url(../images/1rar_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #2rar_top{ float: left; background: url(../images/2rar_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #3rar_top{ float: left; background: url(../images/3rar_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #4rar_top{ float: left; background: url(../images/4rar_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #5rar_top{ float: left; background: url(../images/5rar_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #6rar_top{ float: left; background: url(../images/6rar_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #7rar_top{ float: left; background: url(../images/7rar_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #8rar_top{ float: left; background: url(../images/8rar_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #9rar_top{ float: left; background: url(../images/9rar_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #1rar_bottom{ float: left; background: url(../images/1rar_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #prostate_top{ float: left; background: url(../images/prostate_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #prostate_bottom{ float: left; background: url(../images/prostate_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #reunion_top{ float: left; background: url(../images/reunions_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #reunion_bottom{ float: left; background: url(../images/reunions_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #terminology_top{ float: left; background: url(../images/terminology_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #terminology_bottom{ float: left; background: url(../images/terminology_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #longtan_top{ float: left; background: url(../images/longtan_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #longtan_bottom{ float: left; background: url(../images/longtan_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #tet_top{ float: left; background: url(../images/tet_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #tet_bottom{ float: left; background: url(../images/tet_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #tet_text{ float: right; width: 70%; height: auto; padding: 2px; } #the_rest{ float: left; width: 100%; height: auto; top-margin: 400px; } #achieve_top{ float: left; background: url(../images/achieve_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #achieve_bottom{ float: left; background: url(../images/achieve_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #badge_top{ float: left; background: url(../images/badge_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #badge_bottom{ float: left; background: url(../images/badge_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #mobmus_top{ float: left; background: url(../images/mobmus_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #mobmus_bottom{ float: left; background: url(../images/mobmus_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #vc_top{ float: left; background: url(../images/vc_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #vc_bottom{ float: left; background: url(../images/vc_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #links_top{ float: left; background: url(../images/links_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #links_bottom{ float: left; background: url(../images/links_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #reflections_top{ float: left; background: url(../images/reflections_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #reflections_bottom{ float: left; background: url(../images/reflections_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #2sqnhist_top{ float: left; background: url(../images/order_insert_2sqn.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #2sqnhist_bottom{ float: left; background: url(../images/2sqn_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #9sqnhist_top{ float: left; background: url(../images/9sqn_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #37sqnhist_top{ float: left; background: url(../images/37sqn_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #austair_top{ float: left; background: url(../images/air_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #anzac_top{ float: left; background: url(../images/order_insert_anzac.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #derwent_top{ float: left; background: url(../images/order_insert_derwent.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #duchess_top{ float: left; background: url(../images/order_insert_duchess.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #melbourne_top{ float: left; background: url(../images/order_insert_melbourne.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #paramatta_top{ float: left; background: url(../images/order_insert_paramatta.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #stuart_top{ float: left; background: url(../images/order_insert_stuart.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #swan_top{ float: left; background: url(../images/order_insert_swan.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #torrens_top{ float: left; background: url(../images/order_insert_torrens.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #vampire_top{ float: left; background: url(../images/order_insert_vampire.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #yarra_top{ float: left; background: url(../images/order_insert_yarra.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #ranhist_top{ float: left; background: url(../images/ranhist_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #ranhist_bottom{ float: left; background: url(../images/nav_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #nav_bottom{ float: left; background: url(../images/nav_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #remembered_top{ float: left; background: url(../images/remembered_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #remembered_bottom{ float: left; background: url(../images/remembered_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #natmem_top{ float: left; background: url(../images/natmem_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #vicmem_top{ float: left; background: url(../images/vicmem_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #natmem_bottom{ float: left; background: url(../images/natmem_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #guest_top{ float: left; background: url(../images/guest_insert.jpg); width: 567px; height: 200px; text-align: left; padding: 7px; } #guest_bottom{ float: left; background: url(../images/guest_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #guest_book_container{ float: left; width: 545px; text-align: left; } #guest_back_top{ float: left; background: url(../images/guest_back_top.jpg); width: 545px; height: 35px; text-align: left; } #guest_back_main{ float: left; background: url(../images/guest_back_main.jpg); width: 545px; text-align: left; padding: 7px; } #guest_back_bottom{ float: left; background: url(../images/guest_back_bottom.jpg); margin-bottom: 5px; width: 545px; height: 45px; text-align: left; } #guest_navigation{ float: left; background:; margin-bottom: 5px; width: 540px; height: 45px; text-align: center; } #event_calendar_top{ float: left; background: url(../images/calendar_insert.jpg); width: 567px; height: 200px; text-align: left; } #event_calendar_bottom{ float: left; background: url(../images/calendar_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #directory_top{ float: left; background: url(../images/directory_insert.jpg); width: 567px; height: 200px; text-align: left; } #directory_bottom{ float: left; background: url(../images/directory_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #state_directory_top{ float: left; background: url(../images/state_directory_top.jpg); width: 545px; height: 35px; text-align: left; } #state_directory_main{ float: left; background: url(../images/guest_back_main.jpg); width: 545px; text-align: left; padding: 7px; } #state_data{ float: left; width: 520px; text-align: left; padding: 7px; } #state_directory_bottom{ float: left; background: url(../images/state_directory_bottom.jpg); margin-bottom: 5px; width: 545px; height: 45px; text-align: left; padding: 7px; } #sub_directory_top{ float: relative; background: url(../images/sub_directory_top.jpg); width: 545px; height: 35px; text-align: left; } #sub_directory_main{ float: left; background: url(../images/guest_back_main.jpg); width: 545px; text-align: left; padding: 7px; } #sub_directory_data{ float: left; width: 520px; text-align: left; padding: 7px; } #sub_directory_bottom{ float: left; background: url(../images/state_directory_bottom.jpg); margin-bottom: 5px; width: 545px; height: 45px; text-align: left; padding: 7px; } #admin_top{ float: relative; background: url(../images/admin_insert.jpg); width: 567px; height: 200px; text-align: left; } #admin_bottom{ float: left; background: url(../images/admin_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #mail_list_top{ float: relative; background: url(../images/mail_list_insert.jpg); width: 567px; height: 200px; text-align: left; } #mail_list_bottom{ float: left; background: url(../images/mail_list_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; padding: 7px; } #events_state_container{ float: left; width: 545px; text-align: left; } #events_state_top{ float: left; background: url(../images/events_top.jpg); width: 545px; height: 35px; text-align: left; } #events_state_main{ float: left; background: url(../images/guest_back_main.jpg); width: 545px; text-align: left; padding: 7px; } #events_state_bottom{ float: left; background: url(../images/state_directory_bottom.jpg); margin-bottom: 5px; width: 545px; height: 45px; text-align: left; } #event_calendar_spacer{ float: left; margin-bottom: 5px; width: 545px; height: 70px; text-align: left; } #manifesto_top{ float: left; background: url(../images/manifesto_insert.jpg); width: 567px; height: 200px; text-align: left; } #manifesto_bottom{ float: left; background: url(../images/manifesto_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #project_asist_top{ float: left; background: url(../images/project_asist_insert.jpg); width: 567px; height: 200px; text-align: left; } #project_asist_bottom{ float: left; background: url(../images/project_asist_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #crisis_services_top{ float: left; background: url(../images/crisis_insert.jpg); width: 567px; height: 200px; text-align: left; } #crisis_services_bottom{ float: left; background: url(../images/crisis_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #constitution_top{ float: left; background: url(../images/constitution_insert.jpg); width: 567px; height: 200px; text-align: left; } #constitution_bottom{ float: left; background: url(../images/constitution_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #administration_top{ float: left; background: url(../images/administration_insert.jpg); width: 567px; height: 200px; text-align: left; } #administration_bottom{ float: left; background: url(../images/administration_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #about_top{ float: left; background: url(../images/about_insert.jpg); width: 567px; height: 200px; text-align: left; } #about_bottom{ float: left; background: url(../images/about_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #contact_us_top{ float: left; background: url(../images/contact_us_insert.jpg); width: 567px; height: 200px; text-align: left; } #contact_us_bottom{ float: left; background: url(../images/contact_us_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #branch_top{ float: left; background: url(../images/branch_insert.jpg); width: 567px; height: 200px; text-align: left; } #branch_bottom{ float: left; background: url(../images/branch_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #search_branch_top{ float: relative; background: url(../images/search_branch_top.jpg); width: 545px; height: 35px; text-align: left; } #search_branch_main{ float: left; background: url(../images/guest_back_main.jpg); width: 545px; text-align: left; padding: 7px; } #search_branch_data{ float: left; width: 520px; text-align: left; margin-top: 15px; text-align:center; } #search_branch_bottom{ float: left; background: url(../images/search_branch_bottom.jpg); margin-bottom: 5px; width: 545px; height: 45px; text-align: left; padding: 7px; } #search_results_top{ float: relative; background: url(../images/search_results_top.jpg); width: 545px; height: 35px; text-align: left; } #find_container{ float: left; margin-top: 30px; width: 545px; height: 35px; text-align: left; } #find_top{ float: relative; background: url(../images/find_results_top.jpg); width: 545px; height: 35px; text-align: left; } #find_main{ float: left; background: url(../images/guest_back_main.jpg); width: 545px; text-align: left; padding: 7px; } #find_data{ float: left; width: 520px; text-align: left; margin-top: 2px; text-align:center; } #find_bottom{ float: left; background: url(../images/find_branch_bottom.jpg); margin-bottom: 5px; width: 545px; height: 45px; text-align: left; padding: 7px; } #events_top{ float: relative; background: url(../images/events_admin.jpg); width: 545px; height: 35px; text-align: left; } #news_top{ float: relative; background: url(../images/news_admin.jpg); width: 545px; height: 35px; text-align: left; } #news_detail_top{ float: left; background: url(../images/news_detail_insert.jpg); width: 567px; height: 200px; text-align: left; } #news_detail_bottom{ float: left; background: url(../images/news_detail_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #newsletter_top{ float: left; background: url(../images/newsletter_insert.jpg); width: 567px; height: 200px; text-align: left; } #newsletter_bottom{ float: left; background: url(../images/newsletter_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #honourRoll_top{ float: left; background: url(../images/honourRoll_top.jpg); width: 567px; height: 239px; text-align: left; } #honourRoll_bottom{ float: left; background: url(../images/honourRoll_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #honour_main_top{ float: left; background: url(../images/honour_main_top.jpg); width: 545px; height: 35px; text-align: left; } #honour_main{ float: left; padding: 5px; background: url(../images/guest_back_main.jpg); width: 545px; text-align: left; } #honour_main_bottom{ float: left; background: url(../images/honour_main_bottom.jpg); margin-bottom: 5px; width: 545px; height: 45px; text-align: left; } #search_honour_top_service{ float: left; background: url(../images/search_honour_top_service.jpg); width: 530px; height: 30px; text-align: left; } #search_honour_top_name{ float: left; background: url(../images/search_honour_top_name.jpg); width: 530px; height: 30px; text-align: left; } #search_honour_top_unit{ float: left; background: url(../images/search_honour_top_unit.jpg); width: 530px; height: 30px; text-align: left; } #search_honour_main{ float: left; padding: 5px; background: url(../images/search_honour_main.jpg); width: 530px; text-align: left; } #navigation{ float: left; padding: 5px; width: 530px; text-align: center; } #search_honour_bottom{ float: left; background: url(../images/search_honour_bottom.jpg); margin-bottom: 5px; width: 530px; height: 20px; text-align: left; } #honour_list_top{ float: left; background: url(../images/honour_list_top.jpg); width: 545px; height: 35px; text-align: left; } #honour_list_bottom{ float: left; background: url(../images/honour_list_bottom.jpg); margin-bottom: 5px; width: 545px; height: 45px; text-align: left; } #all_button{ float: left; margin-bottom: 5px; width: 530px; height: 60px; text-align: left; } #allied_top{ float: left; background: url(../images/allied_top.jpg); width: 567px; height: 239px; text-align: left; } #allied_bottom{ float: left; background: url(../images/allied_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #weapon_top{ float: left; background: url(../images/weapon_insert.jpg); width: 567px; height: 200px; text-align: left; } #weapon_bottom{ float: left; background: url(../images/weapon_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #enemy_top{ float: left; background: url(../images/enemy_insert.jpg); width: 567px; height: 200px; text-align: left; } #enemy_bottom{ float: left; background: url(../images/enemy_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #myths_top{ float: left; background: url(../images/myths_insert.jpg); width: 567px; height: 200px; text-align: left; } #myths_bottom{ float: left; background: url(../images/myths_bottom.jpg); margin-bottom: 5px; width: 567px; height: 100px; text-align: left; } #under_flash{ float: left; margin-top: 3px; margin-left: -3px; width: 567px; height: 190px; } #newsletter{ float: left; margin-left: 2px; width: 250px; height: 190px; } #join_newsletter{ background: url(../images/join_newsletter.jpg); width: 312px; height: 190px; } #newsletter_form{ margin-top: 69px; } #text_table_top{ background: url(../images/text_table_top.jpg); float: left; margin-left: 2px; width: 567px; height: 60px; } #text_main{ background: url(../images/text_main.jpg); float: left; margin-left: 2px; padding-left: 11px; padding-bottom: 4px; width: 567px; height: 1000px; } #table10{ float: left; } #text_table_bottom{ background: url(../images/text_table_bottom.jpg); float: left; margin-left: 2px; width: 567px; height: 60px; } #populate_container{ background-color: #ffffff; float: left; margin-left: 5px; margin-top: 5px; width: 74%; text-align: left; } #repeat_table{ background: url(../images/honourRoll_back.jpg); float:left; width: 173px; height: 61px; text-align: left; padding-top: 4px; padding-left: 7px; } #dynamic_table{ margin-top: 17px; margin-left: 8px; } #bottom_bar{ background: url(../images/bottom_bar.jpg); width: 966px; height: 80px; } #bottom_info{ width: 960px; height: 112px; margin-top: 2px; } #counter{ background: url(../images/counter.jpg); float: left; margin-left: 30px; width: 129px; height: 44px; text-align: center; padding-top: 23px; } #other_stuff_top{ background: url(../images/other_stuff_top.jpg); float: left; width: 551px; height: 67px; } #other_stuff_back{ background: url(../images/other_stuff_back.jpg); float: left; width: 551px; height: 100px; text-align: center; paddin: 5px; } #other_stuff_bottom{ background: url(../images/other_stuff_bottom.jpg); float: left; width: 551px; height: 60px; }