#container { width: 780px; margin: 10px auto; background-color: #FFF; color: #333; #border: 1px solid #CCC; border: 1px solid #3E6F82; line-height: 130%; text-align: left; } #top { padding: .5em; background-color: white; border-bottom: 1px solid gray; background-image: url(laptop.jpg); background-repeat: no-repeat; background-position: 613px 10px; } #searchbox { background-color: white; border: 1px solid gray; } #top h1 { padding: 0; margin: 0 0 1em; } #leftnav { float: left; width: 160px; margin: 0; padding: 1em; } #content { margin-left: 200px; padding: 1em; } #footer { clear: both; margin: 0; padding: 0.5em 0.5em 0.5em 1em; color: #333; background-color: #F4F4F4; border-top: 1px solid #CCC; font-size: 90%; } #footer2 { clear: both; margin: 0; padding: 0.5em 0.5em 0.5em 1em; color: #333; background-color: #F4F4F4; border-top: 1px solid #CCC; font-size: 90%; } #leftnav p { margin: 0 0 1em 0; font-size: 75%; } #content h2 { margin: 0 0 1em; font-size: 140%; } #content h1 { margin: 0 0 1em; font-size: 155%; } #content h3 { font-size: 130%; margin-right: 0em; margin-bottom: 1em; margin-left: 0em; } #content ul { margin-top: 5px; margin-bottom: 15px; font-size: 100%; margin-right: 20px; } #content li { margin-top: 5px; margin-bottom: 5px; } body { text-align: center; # font-family: Georgia, "Times New Roman", Times, serif; font-family: Verdana, "Helvetica", sans-serif; font-size: 76%; # background-image: url(images/bluegrad2.png); background-color : #C0C0C0; background-repeat: repeat-x; background-position: left top; background-attachment: fixed; line-height: 0.2em; } #navigation { width: 160px; margin-left: 0.5em; font-size: 125%; } #navigation ul { list-style: none; margin: 0; padding: 0; } #navigation li { border-bottom: 1px solid #999; } #navigation li a:link, #navigation li a:visited { display: block; padding: 3px 3px 3px 0.5em; border-left: 1px solid #999; border-right: 1px solid #CCC; background-color: #F4F4F4; color: #3E6F82; text-decoration: none; } #navigation li a:hover { background-color: #3E6F82; color: #FFF; } ul { margin-top: 15px; margin-bottom: 15px; font-size: 75%; line-height: 1.5em; } a:link { color: #3E6F82; text-decoration: underline; } a:visited { color: #3E6F82; text-decoration: underline; } a:hover { text-decoration: none; } .rbroundbox { } .rbtop div { } .rbtop { } .rbbot div { } .rbbot { } /* height and width */ .rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 15px; font-size: 1px; } .rbcontent { margin-right: 1em; margin-left: 1em; } .rbroundbox { margin: 2em; width: 80%; } #content p { margin: 0 0 1.7em; line-height: 1.5em; } .psmall { margin: 0 0 1em 0; font-size: 90%; } .imgl { margin: 0.5em; float: left; } .pleft { margin: 0 0 1em; background-color: #D1E0EF; padding: .5em; } .pform { margin-left: 10px; margin-top: 0px; margin-bottom: 0px; font-size: 80%; } .tableform { width: 450px; } label { font-size: 75%; margin: 0em; } .img1 { margin: 0.5em; border: 1px solid #CCC; } .pcentre { text-align: center; } .linklist { width: 300px; margin: 0em 5em 1.7em 1.7em; float: right; padding-left: 1.7em; } .clearboth { clear: both; } .p1 { padding-left: 1em; } .img2 { margin-top: 5px; margin-bottom: 7px; } .img3 { margin-right: 10px; margin-left: 10px; border: 1px solid #CCC; } .img4 { margin-right: 10px; margin-left: 10px; margin-top: 5px; } hr { margin-bottom: 0.5em; margin-top: 0em; } form { margin-bottom: 0px; } .ora { font-weight: bold; color: #F90; } .imgr { margin: 0.5em; float: right; }