/* the following styles overwrite and compliment those in 
the files: CSS/File,14456,en.css and CSS/File,14383,en.css and*/

#container { background: none; }
#pageheader { background-color: transparent; 
  background-image: url(/law/images/law.png); 
  background-repeat: no-repeat; height: 120px; z-index: 500; }


/* IE 6 hacks */
* html #menu { width: 675px; margin-left: 245px; } /* resize/reposition the menu for IE6 to stop it breaking the #container width.  Possible box-model issue with main uni stylesheets */



/* 
---------------------------------------------------------
GENERIC HTML ELEMENT STYLES
---------------------------------------------------------
*/

h1 { font-size: 1.5em; margin: 0; padding: 6px 0px 8px 0px; }
h2 { font-size: 1.3em; margin: 0; padding: 6px 0px 6px 0px;  }
h2.image {
  margin-left: -30px;
}

a { color: #003E7E; }
a:visited { color: #668099; }
a:hover { color: #668099; }

p { padding: 0 0 4px 0; margin: 0; }


/*
---------------------------------------------------------
COMMON CLASSES
---------------------------------------------------------
*/

.clear { clear: both; }
.introduction { font-weight: bold; padding-bottom: 8px; border-bottom: 1px solid #ddd; margin-bottom: 6px; }
.hidden { visibility: hidden; }


/*
---------------------------------------------------------
PAGE STRUCTURE CLASSES
---------------------------------------------------------
*/

#wrapper { padding: 0; margin: 0; font: 80%/1.5em Arial, Helvetica, sans-serif;  background: url(/law/images/bg_istl_footer.jpg) bottom left no-repeat; margin-bottom: -6px; }
#wrapperLaw { clear: both; padding-left: 15px; padding-right: 15px; }

.contentLeft { float: left; width: 206px; }
.contentRight { float: right; width: 226px; }
.contentMiddle { margin-left: 242px; margin-right: 250px; padding-bottom: 52px;}
.contentFull { margin-left: 222px; padding-right: 16px; padding-bottom: 52px; }

#content { float: left; width: 730px; min-height: 350px; 
  margin-left: 12px;
  margin-bottom: 12px; }

#breadcrumbs {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
  padding-bottom: 6px;
  font-size: 0.8em;
  background: transparent;
}
#breadcrumbs ul, #breadcrumbs ul li {
  list-style: none; padding: 0; margin: 0; 
}
  
/*
---------------------------------------------------------
MENU ITEM STYLES
---------------------------------------------------------
*/

#navlist, #navlist li, #navlist li a { list-style: none; padding: 0; margin: 0; }

#navlist { float: left; width: 206px; }

#navlist li { width: 206px; }

#navlist li a { 
  display: block;
  line-height: 22px;
  padding-left: 18px;
  
  border-bottom: 1px dashed white;
  
  font-size: 1.0em; 
  color: white;
  background: #447BBB url(/law/images/bg_istl_navlist_li2.gif) top left no-repeat; 
  text-decoration: none; 
}

#navlist li a:hover { background-position: 0px -44px; } 


/*
---------------------------------------------------------
OTHER STYLES
---------------------------------------------------------
*/

#btnNewsArchive a {
  display: block;
  height: 42px;
  width: 225px;
  color: white;
  background: #356300 url(/law/images/istl_btnNewsArchive2.gif) top left no-repeat;
}

#btnNewsArchive a:hover { background-position: 0px -42px; }  


.list, .list li { list-style: none; padding: 0; margin: 0; }
.list { width: 372px; margin-bottom: 12px; }
.list li { line-height: 1.8em; border-bottom: 1px dashed #8F0002;  }


