body {
	background:#C0C0C0;
    margin: 0;
    font-family: Calibri, Helvetica, Arial, san serif;
    font-size: 92%;
}
html, body {
    height: 100%;
}
a img {
	border:0;
}

#page {
	margin:15px;
}
.col1 {

}
#topbanner {
}
#banner {
	border:3px solid white;
	background:#C30B0B;
	border-bottom:0;
	height:60px;
	padding:10px 0;
	text-align:center;
	width: 100%;
}
#topnav {
	border:3px solid white;
	background:#18751A;
	padding:5px 0;
    min-height:13px;
    width:100%;
}
#topnav a,
#footer a  {
	color:#fff;
	font-weight:normal;
	margin-left:10px;
	border-right:1px solid #fff;
	padding-right:14px;
	text-decoration:none;
}
#topnav a:first-child,
#footer a:first-child  {
    margin-left:14px;
}
#topnav a:Hover,
#footer a:Hover  {
	text-decoration:underline;
}
#topnav .right,
#footer .right {
	right:10px;
	position:absolute;
	border:0;
    display:inline;
}
#topnav .login select {
    margin-top:-10px;
    font-size:80%;
    margin-right:10px;
}
#content {
	min-height:200px;
	border-left:3px solid #fff;
	border-right:3px solid #fff;
	width:100%;
}
#footer {
	border:3px solid white;
	background:#18751A;
	padding:5px 0;
	clear:both;
	width:100%;
}
#logo {
	position:absolute;
	top:5px;
	left:48px;
	z-index:1000;
}
/* COLUMNS from http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm */
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#007700;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-14em; 		/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:28em;         		/* Left column width + right column width */
        background:#007700;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:14em;        		/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	table#threecol {
        padding:0;
        margin:0;
        width:100%;
	}
	table#threecol td {
	   vertical-align:top;
	}
	.col1 {
	   background:white;
	   padding:1em;
	}
    .leftnav {
        width:14em;        		/* Width of left column content (left column width minus left and right padding) */
    }
    .rightcol {
        background:#007700;
        width:14em;        		/* Width of right column content (right column width minus left and right padding) */
    }

td.leftnav {
	background:#006600;
}
td.leftnav ul {
    list-style:none;
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
td.leftnav a {
	display:block;
	background:#007700;
	border:1px solid #007700;
	padding:10px;
	color:white;
	font-size:80%;
}
td.leftnav a:hover {
	background:#008800;
	border:1px solid #006600;
}

/* COLUMNS- end */
#bodyfooter {
    clear:both;
}
#homepage #copy {
    float:left;
    width:auto;
    margin-left:370px;
    padding-top:10px;
}
#homepage #board {
    float:left;
    width:330px;
    padding:20px;
    min-height:200px;
    background:url(images/board.jpg) no-repeat;
    margin-right:-370px;
    color:white;
    
}
#homepage #board h2 {
    font-family:"Comic Sans MS", Verdana;
    font-style:italic;
    font-size:2em;
    color:white;
}
#homepage #board a {
    font-size:1.5em;
    color:white;
    font-weight:bold;
    display:block;
    padding:3px;
}
#topnav .last {
    border-right:0;
}

h3 {
    border-top:1px solid #006600;
    padding-top:4px;
    display:block;
    font-weight:bold;
    font-size:110%;
    color:#007700;
    clear:both;
}
table {
    clear:both;
}
h2 {
	width:100%;
	color:#ffffff;
	font-weight:bold;
	padding:10px 5px;
	background:#008800;
	margin-top:10px;
	margin-bottom:5px;
	clear:both;
	font-size:120%;
}
h4 {
    font-size:100%;
}
.schoolbox {
    padding:1em;
}
.schoolbox a {
    color:#CC6600;
    text-decoration:none;
}
td.name {
    color:#006600;
}

/*
    RIGHT HAND PANEL
*/

.rightcol h4 {
	color:#ffffff;
	font-weight:bold;
	padding:10px 5px;
	background:#008800;
	border:1px solid #006600;
	margin-top:10px;
	margin-bottom:5px;
	clear:both;
}
.rightcol p {
    color:white;
    font-size:90%;
    padding:5px;
    margin:0;
}
.linkbutton {
	border:1px solid #999999;
	text-align:center;
	display:inline-block;
	font-size:90%;
	margin:5px;
    float:left;
}
.linkbutton.right {
    float:right;
}
.linkbutton A {
	color:#333 !important;
	padding:7px 5px 5px 5px;
	font-weight:normal;
	display:inline-block;
	text-decoration:none;
	background-color:#eeeeee;
}
.linkbutton A:hover {
	background-color:#ddd;
}
.linkbutton A:active {
	background-color:#ccc;
}

/*
    INBOX
*/
    .messagefoldermenuitem {
    	margin-left:0;
    	padding-left:20px;
    	width:100px;
    	overflow:hidden;
    	text-overflow:ellipsis;
    	whitespace:nowrap;
    	display:block;
    	background:left center no-repeat;
    	font-weight:normal;
    	color:black;
    	margin-bottom:3px;
    }
    .inbox {
    	background-image:url(/images/mbox_fldr_inbox.gif);
    }
    .new {
    	background-image:url(/images/mbox_new.gif);
    }
    .reply {
    	background-image:url(/images/mbox_reply.gif);
    }
    .inboxunreadclass {
    	font-weight:bold;
    }
    .msg {
    	background-image:url(/images/mbox_msg_unread.gif);
    	margin-left:10px;
    	width:90px;
    }
    .sent {
    	background-image:url(/images/mbox_fldr_sent.gif);
    }
    .deleted {
    	background-image:url(/images/mbox_fldr_deleted.gif);
    }
    .inboxrow {
    	overflow:hidden;
    	white-space:nowrap;
    	text-overflow:ellipsis;
    }
    .inboxrow a {
    	color:#333;
    	font-size:90%;
    }
h1 {
    font-family:Chalkboard, Comic Sans MS;
    color:white;
    margin:0;
    font-weight:normal;
}
#topbanner h1 {
    font-size:150%;
    font-family:Helvetica, Arial;
    position:absolute;
    top:70px;
    left:28px;
    font-weight:bold;
    text-align:center;
    z-index:1000;
}
#topbanner h1 em {
    font-weight:normal;
    font-style:normal;
}
.login_panel {
    border:1px solid #ddd;
    background:#f5f5f5; 
    margin:5px;
    padding:1em;
    overflow:hidden;
}