/*------------------------------------------------------------------
[Master Stylesheet]

Project:	DinkyDarkoDesign
Version:	1.1
Last change: 	02/03/2009
-------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}html {margin: 0;padding: 0;}body { background: #000000; background: #0a0a0a;margin: 0; padding: 0;font-family:"Lucida Grande",Calibri,Arial,sans-serif;font-size: 9.5pt;height:100%;}p { margin-top: 0; text-align: justify;color: white;}h1,h2,h3 {font-family: Trebuchet MS, Tahoma, sans-serif;}h1 {font: bold 36px Trebuchet MS, Tahoma, sans-serif;margin: 0; color: white;}h2 {}h3 { }a:link { text-decoration: none; color: white;}a:visited { text-decoration: none; color: white;} #maindiv {padding: 0;position: relative;height:100%;width: 100%;} #warning {background: yellow;height: 14px;width: 100%}#warning p {padding: 1px 20px 1px 20px;color: black;}#warning a{color: #0a0a0a;} #topsection {background: #00288f; height: 160px;width:100%;margin-bottom: 50px;margin-top: 20px;background-image: url(../img/corner-trans.png);background-position: right;background-repeat: no-repeat;}#topsection #colours {clear: both;position: absolute;top: 5px; right: 200px;width: 120px;height: 12px;}#topsection #colours img {width: 10px;height: 10px;border: thin solid black;}#topsection #colours ul {list-style-type: none;margin: 0;padding: 0;}#topsection #colours li {display: inline;width: 10px;height: 10px;}#topHeader {padding-top: 10px;padding-left: 60px;width: 800px;height: 150px;background-image: url(../img/dinky-trans.png);background-position: 20px -5px;background-repeat: no-repeat;}#topHeader h1 {text-align: right;padding-top: 30px;padding-right: 15px;}#topHeader h1 span {font-size: 48px;}#topHeader h2{text-align: right;color: black;left: 10px;padding-top: 125px;font-size: 18px} #menubar {width: 350px;margin: 0px auto;height: 32px;float: left;padding-left: 40%;}#contentmenu {margin: 0;padding: 0px;float: right;margin-top: 0px;padding-bottom: 10px;}#contentmenu ul {list-style-type: none;margin: 0;padding: 0;}#contentmenu li {display: inline;width:80px;height:16px;float:left;margin: 0px 5px 0 5px;background: #555555;font-weight: 600;color: white;text-align:center;overflow:hidden;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;}#contentmenu p{ padding:0px 0px; text-align:center; } #contentmenu p.subtext {padding-top:5px;font-weight: 400;}#contentmenu li.current {height: 32px;margin:0;background: #00288f;}#contentmenu li.current:hover a {color: white;}#contentmenu li a:hover{} #midsection {background: #555555;margin-top :50px;width: 600px;min-width: 500px;min-height: 320px;margin-left: auto;margin-right: auto;height: auto;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #555555;}#midleft {margin-top: 20px;padding-left: 10px;float: left;height: auto;width: 140px;}#midleft #tweet {height: auto;}#midleft #tweet li {margin-top: 5px;color: #0a0a0a;}#midright {margin-top: 20px;padding-right: 10px;float: right;height: 100%;width: 400px;}#midsection ul {color: white;padding-top: 3px;}#midsection li {padding-top: 1px;} #footer {clear: both;width: 600px;margin: 60px auto 0 auto;height: 80px}#footer #valids p {float: right;border-left: medium solid #555555;padding-left: 20px;}#footer #contacts {float: left;padding: 10px 0px 0 200px;width: 200px;height:80px;}#bottomMe {position: fixed;width: 300px;height: 400px;bottom: 0px;left: 0px;background-image: url(../img/seethru1.jpg);background-position: -10% 100%;background-repeat: no-repeat;z-index:-1}#rightblue {float: right;width: 100px;height:360px;background-color: #00288f;background-image: url(../img/rightbar1-trans.png);background-position: left;background-repeat: no-repeat;color: white;}#rightblue img {position: relative;top: 420px;width: 30px;left: 60px;}#examplesList {margin-top: 30px;}.exampleArea {margin: 10px;height: 300px;width: 580px;}.exampleArea h3 {padding: 20px 0 0 10px;}.exampleArea .imageArray {margin: 10px 0 0 20px;}.imageArray img {margin:0 15px 0 0;border: thin solid black;}.exampleArea p {margin: 10px;color: black;}.exampleArea a {color: #0a0a0a;}#lbOverlay {position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;cursor: pointer;}#lbCenter, #lbBottomContainer {position: absolute;z-index: 9999;overflow: hidden;background-color: #fff;}.lbLoading {background: #fff url(loading.gif) no-repeat center;}#lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;}#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;}#lbPrevLink {left: 0;}#lbPrevLink:hover {background: transparent url(prevlabel.gif) no-repeat 0 15%;}#lbNextLink {right: 0;}#lbNextLink:hover {background: transparent url(nextlabel.gif) no-repeat 100% 15%;}#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}#lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(closelabel.gif) no-repeat center;margin: 5px 0;outline: none;}#lbCaption, #lbNumber {margin-right: 71px;}#lbCaption {font-weight: bold;}