/* CSS Document */

/* Default template */

body {margin:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;background: #FFF url(images/background-tint_grey.jpg) repeat-x;}
p {margin:0.75em 0 0.75em 0;}

/* Login bar */
#loginbarwrapper {top:0;left:0;width:100%;clear:both}
#loginbarbg {}
html>body #loginbarbg {height:28px}
#loginbarname {height:24px;background: url(images/kpcinlinelogo_bubble.gif) no-repeat left center;}
html>body #loginbarname {height:28px}
#loginbar {height:24px;margin:0;padding:2px;font-size:60%;line-height:2;font-weight:bold;text-align:right;}
html>body #loginbar {height:28px}
#loginbar ul {margin:0;}
#loginbar li {display:inline;list-style:none;border-left:1px solid #000;padding-left:5px;padding-right:3px;color:#666;}
#loginbar a {color:#333;text-decoration:none;}
#loginbar a:hover {color:#999;}
/* Login bar */

#cp_menu {margin:0;padding:1px;font-size:60%;line-height:2;font-weight:bold;background-color:#333;color:#FFF;text-align:right;padding-right:0.5em;}
html>body #cp_menu {height:28px}
#cp_menu ul {margin:0;}
#cp_menu li {display:inline;list-style:none;border-left:1px solid #fff;padding-left:5px;padding-right:3px;color:#666;}
.lastcp_menu {border-right:1px solid #fff;}
#cp_menu a {color:#fff;text-decoration:none;}
#cp_menu a:hover {color:#999;}

table {margin:0}

DIV#msgalert {background-color:#FFFF99;border:1px solid red;padding:0.5em;font-weight:bold;color:red;font-size:75%;margin-bottom:0.5em;text-align:center;}

/* COMMON STYLES */

/* Header & Footer */
#headerwrapper {height:100px;}
html>body #headerwrapper {height:100px;}
#header {float:left;padding:0;width:575px;}
#header h1 {margin:0;font-size:1.25em;}
#kpclogo {margin:0;padding:0;background: url(../../graphics/kpclogotrsp.gif) no-repeat right top;width:100px;height:100px;}
#kpclogotrsp {margin:0;padding:0;background: url(../../graphics/kpclogotrsp.gif) no-repeat right top;width:100px;height:100px;}

#pclogo {margin:0;padding:0;width:100px;height:100px;}
#logocontainer {float:right;width:166px;}

/* Footer */
#footerwrapper {clear:both;border-top:4px solid #fff;}
#footer {float:left;width:auto;font-size:75%;padding:8px;}
#footer p {margin:0;}
#footer a {font-weight:bold;text-decoration:none;color:#0000CC;}
#footer a:hover {color:#999;}
#kcclogo {float:right;margin:0 6px 6px 0;padding:0;background: url(../../graphics/kcc_logo.gif) no-repeat right top;width:80px;height:100px;}
#qplogo {margin:0;padding:0;background: url(../../graphics/qplogo.gif) no-repeat right top;width:58px;height:100px;border-left:4px solid #fff;}
#qtlogo {margin:0;padding:0;background: url(../../graphics/qtlogo.gif) no-repeat right top;width:58px;height:100px;border-left:4px solid #fff;}

/* Columns */
#leftcol {float:left;font-size:75%;margin:0 0 1em 0;}
#leftcol h1 {font-size:115%;margin:0;padding:2px 0 2px 4px;text-align:center;}
#leftcol p {padding-left:0;}
#leftcol ul {margin:0;padding:0;}
#leftcol li {list-style:none;margin:0;padding:0;}
#leftcol a {display:block;border-bottom:1px solid #999;text-decoration:none;padding:2px 4px 2px 4px;color:#0000CC;}
#leftcol a:hover {/*border-top:1px dashed #000;*/}

#col_two {float:right;font-size:75%;margin:0 0 1em 0;}
#col_two h1 {font-size:115%;margin:0;padding:2px 0 2px 4px;text-align:center;}
#col_two p {padding-left:0;}
#col_two ul {margin:0;padding:0;}
#col_two li {list-style:none;margin:0;padding:0;}
#col_two a {display:block;border-bottom:1px solid #999;text-decoration:none;padding:2px 4px 2px 4px;color:#0000CC;}
#col_two a:hover {/*border-top:1px dashed #000;*/}


.colspacer {margin:0;padding:0;}
#colbox {clear:both;background-color:#e9e9e9;width:180px;margin-bottom:1em;}
#colbox .contactbox {margin-top:0;padding:4px;border-bottom:1px solid #3366FF;}
#colbox .contactbox a {border-bottom:none;font-weight:bold;}
#colbox .contactbox a:hover {border:0;padding:0;}
#col_two #colbox .contactbox {margin-top:0;padding:4px;border-bottom:1px solid #3366FF;}
#col_two #colbox .contactbox a {border:0;padding:0;margin-top:4px;font-weight:bold;border-top:none;padding-bottom:none;}
#col_two #colbox .contactbox a:hover {border:0;padding:0;}

/*#col_two {float:right;width:180px;}
#col_two h1 {font-size:85%;margin:0;padding:2px 0 2px 4px;}
#col_two p {font-size:175%;padding-left:4px;padding-right:4px;}
#col_two ul {margin:0;padding:0;}
#col_two li {list-style:none;font-size:75%;padding:0px 0px 1px 0px;}
#col_two a {display:block;border-top:1px solid #000;text-decoration:none;padding:1px 4px 1px 4px;}
#col_two a:hover {border-top:1px dashed #000;}*/

/* Content */
#content {margin:0;padding:0;padding-bottom:1em;}
#content h1 {font-size:120%;margin-top:0;}
#content h2 {font-size:95%;margin-bottom:0.5em;}
#content h3,h4 {font-size:85%;margin-bottom:0.3em;}
#content p {font-size:75%;}
#content a {font-weight:boldtext-decoration:none;color:#0000CC;}
#content a:hover {color:#999;}
#content ul {}
#content li {font-size:75%;}
#content hr {margin:0.5em 0 0.5em 0;border:1px dashed #000;}
#content img {margin:0;padding:0;}

#content td p {margin:0;}

#datemodified {clear:both;background-color:#e9e9e9;font-size:70%;text-align:right;line-height:1.5em;border-top:1px solid #666;padding:0.3em;padding-top:0;}

/* News and Event Content */

#itemcontentbox {margin:0;padding:0.2em 0;border-bottom:1px dashed #999;}
#itemcontentbox h1 {margin:0.5em;}
#itemcontentbox h2 {margin:0;font-size:0.8em;font-weight:bold;color:#000;}
#itemcontentbox p {margin:0.2em 0;}
#itemcontentbox a {text-decoration:none;color:#0000CC;font-weight:bold;}
#itemcontentbox a:hover {color:#999;}

.linkitembox {margin:0;padding:0.3em 0;border-bottom:1px dashed #999;clear:right;}
.linkwrapper {padding:0.5em 0;border-bottom:1px dashed #000;}
.linkitemimage {/*float:left;margin-right:0.5em;*/}
.linkitemimage img {width:5em;border:0;}
.linkitemtext {width:auto;}
.linkitemtext p {margin:0;color:#000;}
.linkitemtext a {margin:0;font-size:1.2em;text-decoration:none;color:#0000CC;font-weight:bold;/*clear:*/}
.linkitemtext a:hover {color:#999;}


.readmore {font-size:65%;text-align:right; text-transform:uppercase;}

#itemdatetime {border-top:1px dashed #666;border-bottom:1px dashed #666;padding:0.2em 0;}
#itemdatetime p {margin:0;}
#itemcontent {margin-top:1em;}

#pagenav {font-size:65%;color:#fff;color:#000;border-top:1px solid #999;border-bottom:1px solid #999;margin:1em 0;}
#pagenav a {text-decoration:none;font-weight:bold;margin:0.5em 0;}
#pagenav a:hover {color:#666;}

/* COUNTER */
#counter {width:180px;text-align:center;background-color:#000;color:#FFF;}
#counter h1 {margin:0;}
#counter h2 {margin:0;color:#000;font-size:110%;background-color:#fff;}

/* SEARCH */
#search {background-color:#e9e9e9;text-align:center;}

#searchwrapper {margin:0 auto;background-color:#e9e9e9;padding:0.2em;margin-bottom:0.5em;}
#searchresult {width:410px;height:35px;}
.searchresultbox {float:left;width:90px;height:2em;margin-right:0.5em;padding:0.2em;background-color:#999;text-align:center;color:#fff;}
.searchgroup {margin:0;background-color:#e9e9e9;padding:0.2em;color:#000;font-weight:bold;}
.searchcount {margin:0;}
.lastsearchresultbox {margin-right:0;}

#searchcontent {border:1px solid white;padding:0.3em;background-color:#e9e9e9;}
#searchcontent p {background-color:#999;padding:0.2em;color:#fff;margin:0;}

.searchitem {font-size:0.75em;margin-bottom:0.2em;padding:0.2em;border-bottom:1px dashed #999;}
.searchitem a {text-decoration:none;font-weight:bold;}

/* DISPLAY DATE */
#displaydate {padding:0 0 8px 8px;height:10px;width:300px;}
#displaydate p {margin:0;font-size:75%;}

/* FORMS */
form {margin:0 0 1em 0;padding:0;}
textarea,input {font-family:Verdana, Arial, Helvetica, sans-serif;color:#0000CC;font-size:12px;}
input.submit {color:#000;font-weight:bold;}
legend {font-weight:bold;font-size:75%;color:#fff;background:#999;padding:4px;margin-bottom:6px;}
label {display:block;margin-bottom:2px;font-size:75%;font-weight:bold;display:none;left:-999em;}
fieldset {margin-bottom:1em;padding:6px;}
fieldset span {font-size:75%;}
.submitblock {background-color:#e9e9e9;padding:4px;}
.selectblock {background-color: #6699CC;padding:4px;margin-bottom:1em;}

/* Message Centre Styles */
/*.msgresponse {border:1px dashed #999;padding:0.2em;background-color:#F0F0F0;}
.msgresponse p {margin:0;}
.msgheadpanel {margin:0;background-color:#999;padding:0.15em;color:#fff;font-weight:bold;}*/

.msgresponse {border:1px solid #999;padding:0.2em;background-color:#e9e9e9;}
.msgresponse p {margin:0;font-style:italic;}
.msgheadpanel {margin:0;/*background-color:#999;padding:0.15em;color:#fff;*/font-weight:bold;}


/* News/Evewnt Flash Styles */

#flashservers {float:right;width:30%;margin:0 0 0.5em 1em;}
#newsflash {margin:0 0 1em 0;padding:0.0em;border:2px groove #CCC;background-color:#FFF;color:#000;font-size:70%;text-align:center;}
#newsflash h1 {font-size:120%;margin:0;background-color:#666;color:#FFF;padding:0.2em;}
#newsflash ul {margin:0;padding:0.25em;}
#newsflash li {padding:0.3em 0;list-style:none;text-decoration:none;line-height:100%;border-bottom:1px dashed #666;}
#newsflash a {margin:0;padding:0;text-decoration:none;color:#0000CC;}
#newsflash a:hover {color:#999;}

#eventflash {margin:0 0 1em 0;padding:0.0em;border:2px groove #CCC;background-color:#FFF;color:#000;font-size:70%;text-align:center;}
#eventflash h1 {font-size:120%;margin:0;background-color:#666;color:#FFF;padding:0.2em;}
#eventflash ul {margin:0;padding:0.25em;}
#eventflash li {padding:0.3em 0;list-style:none;text-decoration:none;line-height:100%;border-bottom:1px dashed #666;}
#eventflash a {margin:0;padding:0;text-decoration:none;color:#0000CC;}
#eventflash a:hover {color:#999;}


#newsflashtab {background: url(images/newsflashtab.gif) no-repeat left top;height:20px;}

/* General Text */
.smalltext {font-size:65%}

/* DROP DOWN MENU */
/* all lists */
#vert_dd {padding:0;margin:0;list-style:none;}
#vert_dd ul {padding:0;margin:0;list-style:none;width:180px;}
/* all list items */	
#vert_dd li {position:relative;/*float:left;*/margin-bottom:-3px;width:180px;}
/* second-level lists */	
#vert_dd li ul {position:absolute;left:-999em;margin-left:180px;margin-top:-14px;}
/* third-and-above-level lists */	
#vert_dd li ul ul {left: -999em;}
#vert_dd li a {width:172px;display:block;text-decoration:none;background-color:#CCC;color:#0000CC;}	
#vert_dd li a:hover {/*color:#666;*/}
#vert_dd li:hover ul ul, #vert_dd li:hover ul ul ul, #vert_dd li.sfhover ul ul, #vert_dd li.sfhover ul ul ul {left: -999em;}	
#vert_dd li:hover ul, #vert_dd li li:hover ul, #vert_dd li li li:hover ul, #vert_dd li.sfhover ul, #vert_dd li li.sfhover ul, #vert_dd li li li.sfhover ul { /* lists nested under hovered list items */left:  -5px;}
#vert_dd_lev2 {border-bottom:3px ridge #333;border-right:3px ridge #333;}
#vert_dd_lev2 li a {background-color: #CCC;}


/*.vert_dd_lev3 {border-bottom:3px ridge #333;border-right:3px ridge #333;}
.vert_dd_lev3 li a {background-color: #CCC;}*/


/* SITE HOME PAGE */

#homepage {margin:1em auto 0 auto;padding:1em;width:740px;border:4px solid #fff;background: #99CCFF url(../sysimages/kpc_default_background.jpg) no-repeat;}
#signinpanel { margin:1em auto;padding:1em;width:740px;border:4px solid #fff;background: #99CCFF url(../sysimages/kpc_default_background.jpg) no-repeat;}
#signinpanelform fieldset {background-color:#FFFFCC;border:none;margin:0.2em;padding:0.5em;}
#signinpanelform legend {width:7em;text-align:center;}
#signinpanelform form {width:250px;border:1px solid #fff;padding:0.3em;background-color:#ccc;}
#signinpanelform .signinsubmitbutton {font-weight:bold;padding:0.2em;margin:0.5em 0;}
#signinbutton {height:50px;width:200px;margin:4em 4em 4em 4em;background: url(../sysimages/kpc_signin_button_up.gif) no-repeat;}
#signinbutton p {margin:0;}
#signinbutton a {display:block;margin:0;text-decoration:none;color:white;font-size:75%;font-weight:bold;line-height:115%;}
#signinbutton a:hover {background: url(../sysimages/kpc_signin_button_down.gif) no-repeat;}

#kpcselect {margin-top:1em;}

#pcjumpmenu {border:1px solid #FFF;padding:1em;width:50%;margin-top:2em;}
#pcjumpmenu h2 {margin:1em;}