/* 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 {height:28px;background: url(images/loginbg.jpg) repeat-x;}
/*html>body #loginbarbg {height:28px}*/
#loginbarname {width:auto;height:28px;background: #CCC url(images/eisiteinlinelogo.gif) no-repeat left center;}
/*html>body #loginbarname {height:28px}*/
#loginbar {height:28px;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;}




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:1px solid #fff;height:1.75em;}
#footer {width:100%;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;}
.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;}

#searchform2 {border:1px solid #fff;background: #e5e5e5 /*url(images/srchBG.png) repeat-x top left*/;padding:0.2em;margin-bottom:1em;clear:right;height:1.65em;}
#searchform2 form {margin:0;float:right;line-height:1.65em;}
#searchform2 .submitbutton2 {font-weight:bold;background-color:#666;color:#fff;border:1px solid #CCC;font-size:0.8em;cursor:pointer;}
#searchform2 .submitbutton2:hover {background-color:#3C0;}
#searchheading {float:left;font-size:150%;color:#999;}

/* 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:bold;text-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:none;border-top:1px dashed #000;}
#content img {margin:0;padding:0;}

#content td p {margin:0;}

/* CONTENT FORMS
-------------------------------------------------------------------------*/
#content fieldset {border:1px solid #999;}
#content fieldset .submit {background-color:#999;}
#content fieldset .recipient {background-color:#CCC;}

span.required {padding:0.2em;color:#fff;background-color: #F00;font-size:90%;font-weight:bold;}


/* 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:85%;text-align:right;}

#itemdatetime {border-top:1px dashed #666;border-bottom:1px dashed #666;padding:0.2em 0;margin-bottom:0;}
#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:85%;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 #f00;}
.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 h2 {margin:0;}
.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 */


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

#content fieldset.submit {background-color:#999;}
#content fieldset.recipient {background-color:#CCC;}
#content span.required {padding:0.2em;color:#fff;background-color: #F00;font-size:90%;font-weight:bold;}
#content fieldset p {margin-top:0;}

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

/* Message Centre Styles */
#content .msgresponse {border:1px solid #999;padding:0.2em;background-color:#e9e9e9;}
#content .msgresponse p {margin:0;font-style:italic;}
#content .msgheadpanel {margin:0;background:none;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;}