/*ie png transparency behaviour file*/
img { behavior: url(/includes/pngbehavior.htc); }

/*html { background: #ffffff url(/images/cmon-bg-page.png) bottom right no-repeat; height: 100%; }*/
body { font: 11px/1.3em verdana, helvetica, arial, sans-serif; width: 760px; position: relative; margin: 0px auto; border: solid #2D5795; border-width: 2px; background: url(/images/bg-tile.png) top left repeat; }

h1#sitetitle { height: 106px; background: /*#C1E4F4*/url(../images/title.png) top left no-repeat; margin: 0; padding: 0; border-bottom: 6px solid #CCF1FF; /*border-top: 6px solid #CCF1FF;*/ }
h2#strapline { /*height: 24px; background: #BBDBEC; margin: 0; padding: 6px 0 0 10px; position: absolute; top: 74px; left: 0; width: 750px;*/display: none; }
h1#sitetitle span { visibility: hidden; }
h2#strapline span { visibility: hidden; }

div#contain { background: #3566AF; height: 100%; }
div#main { position: relative; border-top: 4px solid #C1E4F4 !important; border-top: 0; margin: 0; padding: 0; background: #ffffff; }

div#menu { background: #3566AF; width: 120px; float: left; min-height: 156px; padding: 20px 0 0 0; text-transform: lowercase; }
div#menu ul { list-style: none; margin: 0; padding: 0; }
div#menu ul li { margin: 0; padding: 0; }
* html div#menu ul li { height: 14px; }

div#menu ul li a { display: block; padding: 4px; margin: 0; text-decoration: none; color: #ffffff;  }
div#menu ul li a:hover { text-decoration: none; background: #9BB3D8; }

div#menu ul li a.on, div#menu ul li a:active { text-decoration: none; background: #688DC3; }
div#menu ul li a.on:hover { text-decoration: none; background: #CCD9EB; }

div#menu ul li ul { margin: 0; padding: 0; }
div#menu ul li ul li { margin: 0; padding: 0; }
div#menu ul li ul li a, div#menu ul li ul li a:hover { font-size: 9px; padding: 4px 4px 4px 8px; }

div#content { width: 620px; float: right; min-height: 450px !important; padding: 10px 10px 0 10px; background: #ffffff url(/images/cmon-bg-page.png) bottom right no-repeat !important; background: #ffffff url(/images/cmon-bg-page.jpg) bottom right no-repeat; }
* html div#content { height: 450px; }

div#content h1#pagetitle { margin: 0 0 10px 0; padding: 6px 0 6px 0; }

div#footer { clear: both; text-align: right; padding: 10px; font: 10px arial, verdana, helvetica, sans-serif; background: /*#CCF1FF*/url(../images/footer-bg.png) top left repeat-x; border-top: 6px solid #CCF1FF !important; border-top: 0; width: 740px; }
div#footer p { color: #ffffff; padding: 0; margin: 0; }
div#footer a { text-decoration: none; color: #9DB8E8; }
div#footer a:hover { text-decoration: none; color: #CBDEF4; }


div#content h1 { color: #2D5795; font-weight: bold; font-size: 20px; /*background: #CCF1FF;*/ border-bottom: 2px dotted #477AC7; margin: 0; padding: 0 0 6px 0; line-height: 1.5; }
div#content h2 { color: #487DC8; font-weight: bold; font-size: 16px; margin: 0; padding: 0 0 10px 0; line-height: 1.5; }
div#content h3 { color: #4F85CE; font-weight: normal; font-size: 14px; margin: 0; padding: 0 0 10px 0; line-height: 1.5; }

div#content p { padding: 0 0 6px 0; margin: 0; }
div#content ul { padding: 6px 0 10px 0; margin: 0 0 0 10px; list-style: inside; }

div#content a { color: #4980CB; }
div#content a:hover { color: #3361A9; }

div#content h4 { font: 11px arial, verdana, helvetica, sans-serif; font-weight: bold; }