html, body 
{
  margin : 0;
  padding : 0;
}

#body 
{
  font-family : verdana, arial, sans-serif;
  font-size : small !important;
  margin : 0 auto;
  padding : 0;
  width : 57em;
  min-width : 760px;
}

/* ---------------------------------------------------------- */
/* Masthead */

#masthead 
{
  position : relative;
  top : 0; left : 0;
  margin : 0;
  padding : 0;  
  float : left;
  width : 100%;
  height : 125px;
  background-color:#00448B;
}

#masthead div 
{
  background : transparent url(/consumercredit/_image/masthead.jpg) no-repeat right top;
  height : 100%;
  width : 760px;
  margin : 0 0 0 auto;
}

#crest 
{
    position : absolute;
    top : 0; left : 0;
    height:120px;
    width:180px;
    float : left;
}


/* ---------------------------------------------------------- */
/* utility nav */

#utility-nav {
  position : absolute;
  top : 0; left : 0;

  background : #CC6633;
  float : right;

  height : 2em;
  width : 100%;
  color : #ffffff;
  border-bottom : 1px solid #FFFFFF;
}

#utility-nav ul 
{
  margin : 0;
  padding : 0.3em 0;
  float : right;
}

#utility-nav ul li 
{
  float : left;
  padding : 0 0.2em;
  list-style-type : none;
}
 
#utility-nav a, #utility-nav a:link, #utility-nav a:visited 
{
  color : #ffffff;
  text-decoration : none;
} 

/* ---------------------------------------------------------- */
/* Misc */

.nav-heading 
{
  display : none;
}

a img 
{
  border : 0;
}

/* ---------------------------------------------------------- */
/* Content */

#container 
{
  clear : both;
  position : relative;
  top : 0; 
  left : 0;
  padding-top : 2em;
}

#container-inner[id=container-inner] 
{
  height : 100%;
}

#container-inner 
{
  position : relative;
  top : 0; 
  left : 0;
  height : 45em;
  min-height:45em;
}

#content 
{
  margin : 5px 0 0 14em;
  padding : 1em 1.8em 2em 4em;
  border-left : 6px solid white;
  min-height:500px;
  font-size : 90%;
}

#content[id=content] 
{
  height : 100%;
}

/* ---------------------------------------------------------- */

/* HOME PAGE */

#welcomeImg
{
    position:absolute;
    top:1px;
    left:180px;
}

#innerContentHome
{
    margin-top:150px;
    width:100%;
}

#innerContentHome #homeContent
{
    width:100%;
    float:left;
}

#innerContentHome #whatsNew
{
    float:left;    
    width:100%;
}

#innerContentHome #whatsNew ul
{
    list-style-type:none;
    padding:0;
    margin-right:15px;
    margin-top:15px;
}

#innerContentHome #whatsNew ul li
{
    padding-bottom:15px;
}

#innerContentHome .latestRelease
{
    float:left;
    width:40%;
}

#innerContentHome .latestRelease p
{
    float:left;
}

#innerContentHome .latestRelease img
{
    height:100px;
    width:70px;
    float:right;
}

/* ---------------------------------------------------------- */
/* main nav */

#main-nav 
{
  position : absolute;
  top : 0; left : 0; 
  background: #336699;
  width : 13em;
  min-width:200px;
  height : 100%;
  line-height:1.7;
  border-right:solid 1px #FFFFFF;
}

/* First level items */
#main-nav ul 
{
    margin:0;
    padding:0;   
    border-bottom : 1px solid #FFFFFF;
}

#main-nav ul li 
{
    border-top : 1px solid #FFFFFF;
    list-style-type:none;
}
 
#main-nav a
{
    display : block;
    width:100%;
    max-width:175px;
    color: #ffffff;
    margin:0;
    padding:0 0 0 25px;
    text-decoration:none;
    background:#336699 url(/consumercredit/_image/bullet_transparent.gif) no-repeat 8px 8px;
}

#main-nav a:link, #main-nav a:visited
{
    color:#FFFFFF;
    text-decoration:none;
}

#main-nav a:active, #main-nav a:hover,
#main-nav ul li.selected a:active, #main-nav ul li.selected a:hover 
{
  text-decoration : none;
  background:#CC6633 url(/consumercredit/_image/bullet_transparent.gif) no-repeat 8px 8px;
}

#main-nav ul li.selected a, #main-nav ul li.selected a:link, #main-nav li.selected a:visited
{
    font-weight:bold;   
    background:#558CC4 url(/consumercredit/_image/bullet_transparent.gif) no-repeat 8px 8px;
}


/* Second level items */
#main-nav ul ul, #main-nav ul.second_level_nav, #main-nav ul.second_level_nav ul
{
    border:none;   
}

#main-nav ul ul li a
{
    padding-left:35px;
    margin-right:-10px;
    max-width:165px;
}

#main-nav ul ul li a, #main-nav ul ul li a:link, #main-nav ul ul li a:visited  
{
  color:#ffffff;
  text-decoration:none;
  font-weight:normal;
  background:none;
  background-color:#85B3E1;  
}

#main-nav ul ul li a:active, #main-nav ul ul li a:hover
{
  background:none;
  background-color:#CC6633;  
}

#main-nav ul li.selected ul li a, #main-nav ul li.selected ul li a:link, #main-nav li.selected ul li a:visited
{
    background:none;
    background-color:#85B3E1;
    font-weight:normal;
}

#main-nav ul ul li.selected a:link, #main-nav ul ul li.selected a:visited
{
    color:#FFFFFF; 
    font-weight:bold;   
    background:none;
    background-color:#558CC4;
}

#main-nav ul ul li.selected a:active, #main-nav ul ul li.selected a:focus, #main-nav ul ul li.selected a:link:hover, #main-nav ul ul li.selected a:visited:hover 
{
    color:#FFFFFF;
    text-decoration:none;
    background-color:#CC6633;
}

#latest_release h4.latest_release
{
color: #FFFFFF;
margin: 2em 0 -1em 1em;
text-align: center;
font-size: 100%;
}

#latest_release p.latest_release
{
color: #FFFFFF;
margin: 2em 0 1em -2.1em;
text-align: center;
font-size: 100%;
line-height: 1.2em;
}

#latest_release p.latest_release a:link, #latest_release p.latest_release a:active, #latest_release p.latest_release a:focus, #latest_release p.latest_release a:visited
{
    text-decoration:none;
	list-style: none;
	background: none;
}

#latest_release p.latest_release a:hover
{
    text-decoration:none;
	list-style: none;
	background: none;
	color:#6699CC;
}


/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* Footer */

#legal 
{
  clear : both;

  margin : 10px 0 0 0;
  padding : 0.75em 0 1.25em 0;
  color : #ffffff;
  background : #CC6633;
  font-size : 78%;
  float : left; /* to expand around floated list */
  width : 100%;
}

#legal-nav 
{
  margin : 0;
  padding : 0;
  float : left;
  color : #ffffff;
  width : 50%;
}

#legal-nav li 
{
  float : left;
  list-style-type : none;
  color : #ffffff;
  padding : 0 0.3em;
}

#legal-nav a:link, #legal-nav a:visited, #legal-nav a:active 
{
  color : #ffffff;
  text-decoration : none;
  border : 0;
}

#legal-nav a:link:hover, #legal-nav a:visited:hover, #legal-nav a:active:hover 
{
  text-decoration : underline;
  border : 0;
}

#copyright 
{
  float: right;
  margin : 0 1em 0 0;
  padding : 0;
}