body, p, td, ul, #content_div { color: #666666; font-family: Verdana, Arial, Helvetica, san-serif; font-size: 90%; font-weight: normal; text-decoration: none; margin-bottom: 0px; } body { margin:0 0 0 0; background-color: #FFFFFF; } a { color: #666633; text-decoration: underline; } a:hover { color: #CC3333; text-decoration: underline; } input, select { font-family: Verdana, Arial, Helvetica, san-serif; font-size: 80%; font-weight: normal; text-decoration: none; margin: 0px; padding-left: 5px; } h2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 95%; text-transform: uppercase; color: #333333; font-weight: normal; letter-spacing: 1px; } #column1_DIV { font-size: 95%; width: 250px; text-decoration: none; margin-right: 180px; padding-top: 10px; } #column2_DIV { float: right; /*position: relative;*/ width: 250px; font-size: 95%; padding-top: 10px; } #Top_Line1 { clear: both; width: 100%; } #Top_Line1_R1C1 { position: relative; float: left; padding: 0 0 0 0; margin: 0 0 0 0; } #Top_Line1_R1C2 { position: relative; float: left; } #Header_Right_Feature_Image { position: relative; float: right; } #Top_Line2 { background-color: #336699; border-bottom: 1px solid #333333; text-align: left; background-image: url(./tas_gov_au_bg_mast.gif); background-repeat: repeat-y; clear: both; width: 100%; padding-top: 1px; padding-bottom: 1px; border-top: 1px solid #333333; } #Top_Line2_R1C1 { position: relative; float: left; } #Top_Line2_R1C2 { float: right; font-family: Arial, Verdana, Helvetica, san-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; padding: 2px; position: relative; } #Top_Line2_R1C2 a { color: #FFFFFF; text-decoration: none; } #Top_Line3 { clear: both; padding-left: 6px; } #Top_Line3_R1C1 { float: left; font-family: Arial, Verdana, Helvetica, san-serif; font-size: 12px; font-weight: normal; color: #CC3300; padding-top: 7px; padding-bottom: 5px; text-transform: uppercase; } #Top_Line3_R1C1 a { color: #333333; text-decoration: none; } #search-menu { display: inline; color : #572e64; font-weight: bold; float: right; } #search-menu input { vertical-align: middle; } #search-menu form { display: inline; } #breadcrumb-box { clear: both; color: #999999; font-size: 78%; height: 10px; padding-left: 190px; padding-right: 80px; padding-bottom: 15px; } #breadcrumb-box a { text-decoration: none; color: #666666; } #breadcrumbs { margin-top: 0px; float: left; } #print-box { float: right; } #footer { background-color: #EEEEEE; border-top: 1px solid #000000; background-image: url(./tas_logo_sml.gif); background-repeat: no-repeat; background-position: right top; padding-bottom: 15px; clear: both; } #footer_bar { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 90%; margin-bottom: 15px; margin-left: 15px; margin-top: 7px; } #footer_bar a { color: #333333; text-decoration: none; } #para_under_footer_bar { position: relative; float: left; width: 100%; } #text_under_footer_bar { color: #999999; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 80%; margin-bottom: 10px; margin-left: 15px; } #text_under_footer_bar a { color: #333333; } /* navigation menu container */ #sidemenu { float: left; margin-top: 10px; width: 180px; } #sidemenu h1{ font-family: Arial, Verdana, Helvetica, san-serif; font-size: 11px; font-weight: bold; color: #336699; } /* ----------- Divisional colour variations start here ----------- */ h1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 110%; text-transform: uppercase; margin-bottom: 5px; padding-bottom: 10px; font-weight: normal; letter-spacing: 1px; border-bottom: 1px dashed #CBCDBF; } hr { height: 1px; margin-bottom: 5px; border-bottom: 1px dashed #CBCDBF; border-top-width: 0px; border-top-style: none; } .Highlighted_heading { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; background-color: #F0F0EE; margin-bottom: 5px; display: block; } #Header_Right_Colour_Bar { position: relative; float: right; width: 38px; background-color: #336699; border-left: 1px solid #333333; border-right: 1px solid #336699; height: 84px; } #search-menu .sq-form-field { vertical-align: middle; border: 1px solid #CC3300; background-color: #F0F0EE; color: #666634; } #sidemenu-internal { padding: 0px 10px 0px 10px; background-image: url(./nav_bg_red.gif); background-repeat: repeat-y; background-position: 10px; } /* main content, middle column, margins match left and right column widths */ #content-area { } #content-area-internal { overflow: visible; /* border-left: #336699 solid 10px; */ margin-left: 20px; margin-bottom: 10px; margin-right: 10px; padding-left: 10px; } /* IE 3px Float FIX (hide from IE5 Mac) \*/ * html #content-area-internal { height: 1%; } /* end hide from IE5 Mac */ /* ------------ navigation ------------ */ /* Notes: - This version of the navigation CSS provides a workaround for the IE whitespace bug, so you may now have as much whitespace in the menu area as you wish. - background arrows must be cut on a fully transparent background (use a GIF). - when creating a new colour set, the properties that need replacing are commented on the following line */ div#navigation ul, div#navigation ul * { /* list-type: none; */ margin: 0; padding: 0; font-size: 11px; color: #330; /* unless you have list items without links in them, this colour is not seen */ } div#navigation ul { background: #f0f0ee url(http://www.justice.tas.gov.au/__data/assets/file/0017/287/nav_bg_red.gif) top left repeat-y; /* ^--- the image url is for the left darker bar; the colour is for the background of each item */ } /* fixes ie6 + lists with block elements whitespace bug */ div#navigation li { display: inline; } div#navigation li a { display: block; padding: 4px 6px 4px 20px; color: #663; /* ^--- the colour of links */ background: transparent url(./nav_arrow_red.gif) 2px center no-repeat; /* ^--- background image is the rightfacing arrow */ text-decoration: none; border-bottom: 2px solid #fff; /* ^--- this border-bottom gives us the appearance of each item being separated with space (they're not!) */ } div#navigation li a:hover { color: #000; background-color: #E2E3DE; /* ^--- on hover */ } div#navigation li li a { padding-left: 35px; background-position: 18px center; } div#navigation li li li a { padding-left: 50px; background-position: 33px center; } div#navigation li li li li a { padding-left: 65px; background-position: 48px center; } div#navigation li a.current, div#navigation li.hier a.hier { background-image: url(./nav_arrow_down_red.gif); /* ^--- the downfacing arrow for current and parent (hierarchical) */ color: #000; } div#navigation li a.current { font-weight: bold; /* ^--- to differentiate the selected downfacing arrow versus a parent's downfacing arrow */ } div.clearfloat { clear: both; } /*span to clip the long, nonbreaking url in searches -- RaM, Squiz, 24 Apr 06 */ span.asseturl { width: 90%; font-size: smaller; font-weight: bold; display: block; overflow: hidden } .noprint { display: none; }