* html * {
    /* invalid CSS but keeps IE from breaking 
       horribly under narrow viewports */
    word-wrap: break-word;
}
body {
    /* In IE, text-align: center; centres everything 
       from divisions in relation to the containing 
       body to text in relation to the containing 
       divisions.
       In other browsers text-align: center; centres only text
       in relation to the containing divisions. */
/*    text-align: center;  removed 10/13/2005 by dave, to no effect? */
    font-family: /*Verdana, Arial, Helvetica,*/ sans-serif; 
    /* Vendor-specific fonts commented out because they make 
       Opera revert to serif font. */
    font-size: 0.8em;
}
body * {
    /* This is necessary only to re-align
       text in IE.  In other browsers, this is redundant. */
    text-align: left;
}
/* ============================================= */
a, a:visited {
    color: #444FB0;
}
a:hover {
	color: #000B70;
	text-decoration: underline;
}

ul {
    margin: 0;
    padding-left: 18px;
}

/* ============================================= */
div.page {
    /* In IE, margin: auto; has no effect because we
       have also set body {text-align: center;}.
       In FF, margin: auto; centers divisions in 
       the body. */
    margin: 1em auto 1em auto;
    width: 98%;
    background: #fff url(../images/logo-filled.gif) no-repeat top left;
    border: 1px solid #848DAC
}
/* ============================================= */
div.head {
    /* We set float: right; to minimise
       the extent to which this div 
       appears on top of the preceding 
       div.page's background image in the 
       top left. Also the border width and colour is defined in the colour stylesheet*/
    float: right;
    width: 77%;
    margin: 0px 0px 0px 0px;
	/*top right bottom left*/
    /*border-bottom: 6px solid #848DAC;*/
    padding: 0px 0px 0px 0px;
}
div.head img {
    /* We set float: right; to ensure
       that the img is in the top-right-hand 
       corner. */
    float: right;
    margin: 10px 15px 10px 0px;
}
div.head h1 {
	margin: 0.6em 30px 0px 0px;
	font-size: 2em;
	font-weight: bold;
	

}
div.head #breadcrumbs {
	font-size: 0.8em;
	text-decoration: none;
    padding: 1.0em 0px 0px 0px;
}
div.head #breadcrumbs a {
	text-decoration: none;
}
/* ============================================= */
div.body {
    /* We set clear: right; to ensure that
       no part of the div.body wraps to the
       left of the precediing div.head 
       which is floating to the right. */
    clear: right;
}
/* ============================================= */
div.body div.websitetoc {
    margin: 20px 0px 0px 0px;
    padding: 0;
    /* We set float: left; so that the 
       following div.pagecontents wraps
       to the right of this div. */
    float: left;
    /* We set a width to control what
       percentage of the width of the 
       view port remains available for 
       following divisions. */
    width: 23%;
/*was either 18 or 20 or 22 before changes on 13 sept.*/
    font-size: 0.9em;
    font-weight: bold;
}

div.body div.websitetoc ul {
    margin: 0.2em 0em 0.2em 0.5em;
    padding: 0.3em;
    width: 80%;
}
div.body div.websitetoc ul li {
    display: inline;
    margin: 0;
    padding: 0;
}
div.body div.websitetoc ul li a, div.body div.websitetoc ul li span {
    display: block;
    margin: 2px 0px 2px 0px;
    border: 1px solid white;
    padding: 2px;
}
div.body div.websitetoc ul li span {
    color: #000CB6;
}
div.body div.websitetoc ul li a {
    text-decoration: none;
}
div.body div.websitetoc ul li a:hover {
    border: 1px solid #dddddd;
    color: #000B70;
}
 

/* ============================================= */
div.body div.pagecontents {
    float: left;
    /* Setting a width makes this 
       division appear to the right
       of the left-floated preceeding
       division.  Without the width 
       being set, this division appears
       below the preceeding left-floated
       division. */
    width: 55%;
    padding: 0em 0.5em 0em 0em;
    margin: 1.0em 0px 0px 0px;
    color: #4D4D4D;
}

div.body div.pagecontents h1 {
    color: #000000;
}

div.body div.pagecontents h2 {
    color: #000000;
}

div.body div.pagecontents h3 {
    color: #000000;
}

div.body div.pagecontents h4 {
    color: #000000;
}

div.body div.pagecontents h5 {
    color: #000000;
}

div.body div.pagecontents h6 {
    color: #000000;
}

div.body div.pagecontents div.languagelinks {
    float: right;
    font-size: 0.7em;
}
div.body div.pagecontents div.languagelinks ul {
    display: inline;
    font-weight: bold;
}
div.body div.pagecontents div.languagelinks li {
    display: inline;
}
div.body div.pagecontents div.languagelinks a {
    text-decoration: none;
    margin: 0em 0.1em 0em 0.1em;
    padding: 0.05em 0.3em 0.1em 0.3em;
    border: 1px solid white;
}
div.body div.pagecontents div.languagelinks a:hover {
    border: 1px solid #dddddd;
}
div.body div.pagecontents div.languagelinks span {
    color: #000CB6;
    margin: 0em 0.1em 0em 0.1em;
    padding: 0.05em 0.3em 0.1em 0.3em;
}
div.body div.pagecontents h1 {
    margin: 2px 0px 0px 0px;
    font-size: 1.8em;
}
div.body div.pagecontents h2 {
    margin: 2em 0em 0em 0em;
    font-size: 1.5em;
}
div.body div.pagecontents div.item div div, div.body div.pagecontents div.item p {
    color: #4D4D4D;
    line-height: 1.4em;
}
/* ============================================= */
div.body div.panels {
    float: left;
    /* Setting a width makes this 
       division appear to the right
       of the left-floated preceeding
       division.  Without the width 
       being set, this division appears
       below the preceeding left-floated
       division. */
    width: 19.9%;
/*was 22.9 before 13 sept changes*/
    padding: 0.5em 0em 0.5em 0em;
}
div.body div.panels a {
    text-decoration: none;
}
div.body div.panels #versions {
	margin: .5em 0px 1em 12px;
    text-decoration: none;
	font-size: 0.85em;
}
div.body div.panels #versions #languages {
	font-variant: small-caps;
}

div.body div.panels div.panel {
    margin: 0em 0em 0.5em 0em;
}

div.body div.panels div.panel div.panelhead div.fortopedge {
	/* Johannes says, as of 13.9.05: 
	There are no such files as specified in the url() method */
    background:  url(../images/edge_top.gif) top repeat-x;
}
div.body div.panels div.panel div.panelhead div.forleftedge {
    background:  url(../images/edge_left_with_shadow.gif) left repeat-y;
}
div.body div.panels div.panel div.panelhead div.forrighttedge {
    background: url(../images/edge_right_with_shadow.gif) right repeat-y;
}
div.body div.panels div.panel div.panelhead div.forleftcorner {
    background: url(../images/corners_top_left_with_shadow.gif) top left no-repeat;
}
div.body div.panels div.panel div.panelhead div.forrightcorner {
    background: url(../images/corners_top_right_with_shadow.gif) top right no-repeat;
}

div.body div.panels div.panel div.panelhead h2 {
    margin: 0em;
    padding: 6px 10px 1px 10px;
    font-size: 1em;
}
div.body div.panels div.panel div.panelbody div.forleftedge {
    background: url(../images/edge_left_with_shadow.gif) left repeat-y;
}
div.body div.panels div.panel div.panelbody div.forrightedge {
    background: url(../images/edge_right_with_shadow.gif) right repeat-y;
}
div.body div.panels div.panel div.panelbody div.forcontent {
    padding: 5px 10px 5px 10px;
}
div.body div.panels div.panel div.panelbody div.forcontent #links p {
	margin: 10px 4px 4px 7px;
    text-decoration: none;
}
div.body div.panels div.panel div.panelbody div.forcontent div.channelitem {
	overflow: auto;
	height: 200px;
/*	background-image: none;*/
}
div.body div.panels div.panel div.panelbody div.forcontent div.channel div.channeltitle {
    display: none;
}
div.body div.panels div.panel div.panelfoot div.forbottomedge{
    background: url(../images/edge_bottom_with_shadow.gif) top repeat-x;
}
div.body div.panels div.panel div.panelfoot div.forleftcorner {
    background: url(../images/corners_bottom_left_with_shadow.gif) top left no-repeat;
}
div.body div.panels div.panel div.panelfoot div.forrightcorner {
    background: url(../images/corners_bottom_right_with_shadow.gif) top right no-repeat;
}
/* ============================================= */
div.body div.panels div#searchpanel {
    background: #b6bacf;
    margin: 0em 0em 0.5em 0em;
}
div.body div.panels div#searchpanel div.panelhead {
    font-size: 1px; /* To reduce the height of the div.panelhead. */
}
div.body div.panels div#searchpanel div.panelbody div.forcontent {
    padding: 0px 10px 5px 10px; /* For IE only. */
}
div.body div.panels div#searchpanel form {
    margin: 0; /* For IE only. */
}
div.body div.panels div#searchpanel form * {
}
div.body div.panels div#searchpanel form input#keywords {
    font-size: 0.8em;
    width: 65%;
}
div.body div.panels div#searchpanel form input#searchbutton {
    background: #B6BACF;
    margin: 0;
    border: 0px solid #B6BACF;
    padding: 0;
    font-size: 0.8em;
    font-weight: bold;
    color: white;
}
div.body div.panels div#searchpanel form label {
    display: block;
    margin: 0.5em 0em 0em 0em;
}
div.body div.panels div#searchpanel ul {
    list-style: none;
    margin: 1em 0em 0em 0em;
}
div.body div.panels div#searchpanel ul li {
    display: inline;
    margin-right: 1em;
}
div.body div.panels div#searchpanel ul li a {
    padding: 0.5em;
    font-weight: normal;
}
/* ============================================= */
div.foot {
    clear: both;
    background-color: #B5BBCD;
    border-top: 1px solid #848DAC;
    padding: 0.5em;
    font-size: 0.7emem;
}
div.foot a {
	text-decoration: none;
}
div.body div.panels div.panel div.panelbody div.forcontent a {
    font-weight: bol;
}
div.boxes {
    margin: 0.15em auto auto 0.15em;
}
div.printable {
	display: none;
}

div.websitetoc li {
    margin-left: 20px;
}
div.tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	color: #003366;

}