/* CSS Document */

/* Default template */

body {margin:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;background: 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 {width:auto;height:24px;background: #CCC url(images/eisiteinlinelogo.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 */

/* Control Panel Menu */

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

table {margin:0}

/* 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;}
#eisitelogo {margin:0;padding:0;background: url(../../graphics/eisite2logotrsp.gif) no-repeat right top;width:100px;height:100px;}

#schoollogo {margin:0;padding:0;width:100px;height:100px;}
#logocontainer {float:right;width:158px;}

/* 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;background: url(../../graphics/kcc_logo.gif) no-repeat right top;width:100px;height:100px;}

/* 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:0px;}
#leftcol ul {margin:0;padding:0;}
#leftcol li {list-style:none;margin:0;padding:0 0 1px 0;}
#leftcol a {display:block;border-top:1px solid #999;text-decoration:none;padding:2px 4px 2px 4px;color:#0000CC;}
#leftcol a:hover {/*border-top:1px dashed #000;*/}
HTML>BODY #leftcol h1 {width:176px;}

.colbox {clear:both;background-color:#e9e9e9;width:180px;margin-bottom:1em;}
/*.colbox {margin-bottom:0.5em;text-align:center;width:180px;}*/
.colspacer {margin:0;padding:0;}
.colboxdata {background-color:#e9e9e9;/*border-top:1px solid #999;*/}
.colboxdata h2 {font-size:120%;margin:0;text-align:center;}

/*.contactbox {}*/
.contactbox {height:auto;/*width:180px;*/padding:4px;text-size:75%;/*border-bottom:1px solid #999;*/white-space:normal;}
#leftcol .contactbox a {display:block;margin-top:0.3em;padding:0;border-top:1px solid #999;border-bottom:1px solid #999;padding:0.2em;text-align:center;font-weight:bold;}
#leftcol .contactbox a:hover {display:block;background-color:#CCC;}
#col_two .contactbox a {display:block;margin-top:0.3em;padding:0;border-top:1px solid #999;border-bottom:1px solid #999;padding:0.2em;text-align:center;font-weight:bold;}
#col_two .contactbox a:hover {display:block;background-color:#CCC;}

span.contactname {display:block;margin:0.1em 0;padding:0.1em;background-color:#CCC;border-top:1px solid #999;}
span.contactrole {text-transform:capitalize;font-style:italic;}

#searchform {padding:0.2em;}
#searchform form {margin:0.5em 0 0.5em 0;}
#searchform .submitbutton {margin-top:0.2em;font-weight:bold;}

/* News/Evewnt Flash Styles */
#flashservers {float:right;width:40%;margin:0 0 0.5em 1em;}
#newsflash {margin:0 0 1em 0;padding:0.0em;border:2px groove #CCC;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;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;}

#col_two {float:right;font-size:75%;width:180px;}
#col_two h1 {font-size:115%;margin:0;padding:2px 0 2px 4px;}
#col_two p {padding-left:4px;padding-right:4px;}
#col_two ul {margin:0;padding:0;}
#col_two li {list-style:none;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;}

/* 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;}

.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;margin-bottom:1em;}
#itemdatetime p {margin:0;}
#itemcontent {margin-top:1em;}

/* PERSONAL PAGES
-------------------------------------------------------------------------------*/
.pp_signinpanel { margin:1em auto;padding:0.5em;border:1px solid #fff;background-color:#e5e5e5;}
.pp_signinpanel h2 {margin:0;}
.pp_signinpanelform form {margin:0;width:300px;border:1px solid #fff;padding:0.3em;background-color:#ccc;}
.pp_signinpanelform fieldset {background-color:#FFFFCC;border:none;margin:0.2em;padding:0.5em;}
.pp_signinpanelform legend {display:none;width:7em;text-align:center;}
.pp_signinpanelform input {}
.pp_signinpanelform .submitbutton {background-color:#FF0000}


DIV#pp_nav {background-color:#ccc;border:1px solid #FFF;text-align:center;padding:0.25em;}
DIV#pp_nav form {margin:0;}
DIV#pp_nav fieldset {background-color:#666666;border:0;}
/* Link styles*/
/*.linkitembox {margin:0;padding:0.3em 0;border-bottom:1px dashed #999;}*/
/*.linkitembox {background-color:#FFFFFF;margin-bottom:0.3em;}
.linkwrapper {margin:0;padding:0.3em 0;border-bottom:1px dashed #999;}
.linkitemtext {margin:0;}
.linkitemtext h2 {margin-top:0;color:#000;}
.linkitemtext p {margin:0;}
.linkitemtext a {font-size:0.9em;margin:0;text-decoration:none;color:#0000CC;font-weight:bold;clear:}
.linkitemtext a:hover {color:#999;}
.linkitemimage {height:auto;float:left;margin-right:0.3em;padding:0;background-color:#FFF;}
.linkitemimage img {height:8em;border:0;}*/

.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;}

#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:320px;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%;}

/* GALLERY */
.gallerywrapper {border:1px dashed #999;padding:0.5em;margin-bottom:0.5em;background-color:#e9e9e9;}
.gallerywrapper h3 {margin:0;}
.gallerythumbs img {width:80px;border:1px solid #000; cursor:pointer;}

#redalert {border-top:1px dashed #FF0000;border-bottom:1px dashed #FF0000;padding:0.5em 0;}
#redalert h4 {margin:0;color:red;}

/* 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;}

#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;margin-top:0;}

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

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



/* SITE HOME PAGE */

#homepage {margin:1em auto 0 auto;padding:1em;width:740px;border:1px solid #000;}

#signinbutton {margin:5em 40% 0 40%;padding:0.2em;background-color:#999;text-align:center;border:2px outset #999;}
#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 {color:#FFFF00;}

#kpcselect {margin-top:1em;}