/* Under construction */

body {
    background-color:#FFFAF0;
    font-family: verdana, "lucida calligraphy", arial, 'sans serif';
}

/* Header attributes */

h1,h2,h3,hr {
    color:#483d8b;
}

h3 {
    font-size:18px;
}
h4 {
   color: #333399;
   background-color: #CEE6E6;
   border: thin ridge;
   padding-left: 10pt;
   padding-right: 10pt;
   font-size: 18px;
   font-weight: bold;
}
h5 {
   color: #333399;
   padding-left: 10pt;
   font-size: 16px;
   font-weight: bold;
}
h6 {	/* For footnotes */
   font-size: 10px;
}

/* General font settings */
p,li,th,td {
    font-size:13px;
}

.note {
    font-size:13px;
}
.warning {
    font-weight:bold;
	color:#FF9900;
}

.caption {
    font-family: "Helvetica Condensed","Arial Narrow",sans-serif;
    font-size:14px;
    font-style:italic;
	text-align:center;
	margin-top:0.2em;
}


.indent {        /* not currently used */
    margin-left: 20px;
}

/* Banner styles (table is set in HTML) */
div.banner {
    color:#800000; /* was color: #333399; */
    font-size: 15px;
    font-weight: bold;
    margin-left: 3pt;
}
td.banner {
    border-width: 5px;
    padding: 0px;
    border-style: solid;
    border-color: #800000;
    float:left;
}


.nav {
    font-size: 12px;
}
.footnav {
    font-size: 12px;
    text-align: center;
}

/* Para margins */
p {
    margin-left: 3pt;
}

.halfsp {
    line-height: 0.1em;
    font-size: 1px;
}

/* Lists */
ol {    /* Required by NS4.76, which ignores <li> font specs */
/*    font-size: -1;  */
}
ul {    /* Required by NS4.76, which ignores <li> font specs */
/*    font-size: -2;   */
    list-style: square;
}

/* Tables */
table.teal {
    background-color: #CEE6E6;
/*    border-color: #8080FF;     No effect for N4.76, N/G for IE  */
}
table.body {  /* Body background for ordinary tables */
    background-color: #FFFAF0;
}
table.form {    /* Left nav (yellow) background */
    background-color: #FFFFCC;
    border: 1px solid grey;
}
td.form {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

table.plain {  /* No background for very plain tables */
    background-color: none;
}

td.wide {
    margin-left: 10pt;
    padding-left: 1em;
    padding-right: 5pt;
  /* NS4.76:   font-family: "lucida calligraphy", arial, 'sans serif'; */
}

/* Walk styles: div IDs */
#main {
    float:left;
    width:50%;
    padding:4px;
}
#sidebar {
    float:right;
    width:45%;
    padding:10px;
}

.sumlabel {
    font-weight: bold;
    color:teal;
    vertical-align:top;
    padding-right:5px;
}
.textbullet {
    font-size:14px;
    font-family: "Georgia","Lucida Bright","Palatino",Serif,sans-serif;
    line-height:140%;
    text-indent:-15px;
    padding-left:15px;
    margin-bottom: 0em;
    margin-top: 0.5em;
}
.textfullwidth {
    font-size:14px;
    font-family: "Georgia","Lucida Bright","Palatino",Serif,sans-serif;
    line-height:140%;
    padding-left:15px;
    margin-bottom: 0em;
    margin-top: 0.7em;
}
.text {
    font-size:14px;
    font-family: "Georgia","Lucida Bright","Palatino",Serif,sans-serif;
    line-height:140%;
}

.numbullet {
    vertical-align: text-bottom;   /* bottom => expands first line to accommodate inline image :( */
}

span.distmarker {
    font-weight: bold;
    color:#800000;
}
.boldteal {
    font-weight: bold;
	color:teal;
}

div.callout {
    background-color:#E6FFE6;
    padding:5px;
}
img.walks {
    margin-top:9px;
    clear:all
}

.rnav {
    text-align:right;
}

.hang {
    text-indent: -3em;
	margin-left: 3em;
}  

/* Forms */
input {
    cursor: hand;
    font-size: 13px;   /* For submit buttons */
/*    font-weight: bold; */
}
select,option {
    cursor: hand;
    font-size: 13px;   /* For options */
    font-weight: normal;
}
/* Note: font stuff in <input> ignored by NS4.76 if preceded by <P>
 * Can't get it to set the font at all for select
 */

/* anchors, from unsw css */
A { color:#6699CC; text-decoration:none; }
A:visited { color:#6699CC; text-decoration:none; }
A:hover { color:#FF9900; text-decoration:none; }
.stepCurrent { font-weight:800; color:#c4e48b; font-size:12px; text-indent:-1em; }
.stepActive { color:#3333ff; font-size:12px;  text-indent:-1em; }
.stepInactive { color:#2F4F4F; font-size:12px; text-indent:-1em;  }

a img {
    border: none;
}


/* Leaders for contents page.
 * See http://home.tampabay.rr.com/bmerkey/examples/dot-leaders.html
 * Key elements are dotted border-bottom combined with background colour.
 * cat widths in absolute units to suit FF
 */
div.cat {
    font-size: 13px;
    width: 50em; 
    height: .8em;  /* needed by NN6/FF2*/
    line-height: 1em;
    border-bottom: 3px dotted gray;
    margin-top: 0.3em;
    margin-left: 1em;
}
div.subcat {
    font-size: 13px;
    color: #800000;
    width: 48em; 
    height: .8em; /*  needed by NN6/FF2*/
    line-height: 1em;
    border-bottom: 3px dotted gray;
    margin-top: 0.3em;
    margin-left: 3em;
}
div.section {
    font-size: 13px;
    color: #333399;
    width: 100%; 
    margin-top: 0.5em;
    margin-bottom: -0.3em;
    margin-left: 1em;
    font-weight: bold;
}

.itemname    {
    float: left;
    position: relative; /*needed by IE6*/
    top: 5px;
    background-color: #FFFAF0;;
    margin-bottom: -0.3em;
    border-bottom: solid #FFFAF0; 0.2em;
    padding-right: 10px;
    text-align: left;
}

.num    {
    float: right;
    position: relative; /* needed by IE6*/
    color: black;
    background-color: #FFFAF0;;
    margin-bottom: -0.4em;
    border-bottom: solid #FFFAF0; 0.2em;
    width: 2.5em;
    text-align: right;
}
.widenum  {
    float: right;
    position: relative; /* needed by IE6*/
    background-color: #FFFAF0;;
    margin-bottom: -0.4em;
    border-bottom: solid #FFFAF0; 0.2em;
    width: 10em;
    text-align: right;
}
/* End leader CSS */