/*If the border and padding are zero then ie and w3c are the same the "dimension" embraces the content. The margin lies outside the "dimension"*/
body {line-height: 135%; font-size: 100%; background-color: #D5D5FF; text-align: center; color: #000044;}

#page-container {margin: 0px auto; text-align: left; font-family: Helvetica, Verdana ,Tahoma, arial, FreeSans ,sans-serif; max-width: 983px; min-width: 790px; background-color: white; border: solid 1px #FFC655}
#page-container a:link, a:visited, a:active {padding-left: 2px; padding-right: 2px; text-decoration: none; background-color: #FFFFFF; color: #B20000;}
#page-container a:hover {background-color: #FFAA00; color: #FFFFFF; text-decoration: none;}

#columns-container {margin:0px 9px 0px 9px; padding-bottom: 5px}

#banner {height: 50px; background-image: url(../images/appsbanner.jpg); background-repeat: no-repeat; background-color: #FFC655;}

/* horizontal nav list at top right of page*/
#navbartop ul {position: relative; line-height: 0px; text-align: right; top: 13px; list-style: none; margin: 0px; padding-right: 7px;}
#navbartop ul li {display: inline;}

#navbarbottom ul {position: relative; line-height: 0px; text-align: right; top: -20px; list-style: none; margin: 0px; padding-right: 7px}
#navbarbottom ul li {display: inline; border-top: solid 1px #FFAA00; border-bottom: solid 1px #FFAA00}

#headpic {float: left; margin-right: 10px; padding: 0px; border: ridge 3px #FFAA00; background-image: url(../images/apps.png); width: 111px; max-width: 105px; height: 65px; max-height: 59px; margin-bottom: 10px}

#summary {clear: both}

/* this box is used for the footer - position can be added to stop margin collapse*/
#footer {margin-top: 0px; padding: 2px; border-top: solid 1px #FFAA00; border-bottom: solid 1px #FFAA00; margin-bottom: 5px; background-image: url(../images/email.jpg); background-repeat: no-repeat; background-position: center right; font-size: 75%;}

.mono{font-family: monospace; font-weight: 600; background-color: #EAEAFF; font-size: 100%}

/* surrounds code in a coloured box with a dotted border*/
.rightbox {margin: 5px; padding: 5px 5px 5px 8px; background-color: #FFF8EB/*F3F3FF*/; border: dashed 1px #FFC655; font-family: monospace; font-weight: 550; font-size: 13px;}

.clearfloat {height: 0; clear: both;}

/*textbox in left-column */
.leftbox {margin-top: 10px; margin-bottom: 10px; padding: 5px; border: solid 1px #FFAA00; font-size: 95%;}/*deliberate margin collapse*/

/*pretty much just a 5 px high line with a repeat-y bkg img in it. ]*/
.border-x {background-image: url(../images/border-x.jpg); height: 3px; background-repeat: repeat-y; font-size: 1%/*ie;*/ ;background-color: #FFDD99;}

/*right-column*/
#col-right {float: right; width: 80%; padding: 0px 0px 5px 0px;}
/*col-left content is in a left-floating div to keep the content from leaking towards the top of the page */
/*must define 0px margin or left-box sticks out by 5+5 px from col-left*/
#col-left {float: left; width: 18.5%; padding: 0px; margin: 0px;}

/* indent for use in column right */
p.indent {margin-left: 20px; margin-right: 20px;}