/* Page tags */

	h1, h2, h3, h5, h4 {
			color: #9A5994;
		}

	i 	{
			color: #9A5994;
		}

	b 	{
			color: #9A5994;
		}

	hr 	{
			color: #9A5994;
			width: 30%;
		}
		
	.selectedone {
	border-bottom: 1px solid #FFFFFF !important;
	}

	body	{
		background-color: #FFFFFF;
		text-align: center;
		background-image: url('http://hih.leaky-sponge.com/css/img/hihbg.jpg');
		background-attachment: fixed;
		color: #9A5994;
		font-family: "Arial", sans-serif;
		font-size: 11px;
		margin: 0px 0 0px 0;
		font-family: arial;
		}
	
	a, a:link, a:visited {
		color: #9A5994;
		text-decoration: none;
		}
	
	a:hover {
		color: #9A5994;
		text-decoration: underline;
		}
	
	p, td, blockquote {
	    	font-size: 11px;
		}
		
	code, kbd, pre, tt {
	    	font-family: monospace;
		}
		
	table   {
		border-top: 1px dashed #9A5994;
		border-left: 1px dashed #9A5994;
		border-spacing: 0px;
		}
		
	th   {
		border-bottom: 1px dashed #9A5994;
		border-right: 1px dashed #9A5994;
		color: #9A5994;
		}
			
	td   {
		border-bottom: 1px dashed #9A5994;
		border-right: 1px dashed #9A5994;
		color: black;
		}

		
		
	/* Main divs/layout */
		
	#mainbody
	{  	
		width: 950px;
		margin-left: auto; margin-right: auto;				
		border-width: 0px;
		border-style: solid;
		border-color: #000000;
		padding: 0px;
	}

 	#allbody {	 	
		margin-top: 15px;
		margin-left: 260px;
		width: 668px;
		padding: 10px;
		color: #000000;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		text-align: left;
		border-width: 1px;
		background-color: #FFFFFF;
		border-color: #000000;
		border-style: solid;
		overflow: hidden;
		}
		
 	#allbodylo {	 	
		margin-top: 15px;
		text-align: left;
		width: 930px; 
		padding: 10px;
		min-height: 500px;
		color: #000000;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		text-align: left;
		border-width: 1px;
		background-color: #FFFFFF;
		border-color: #000000;
		border-style: solid;
		
		}
	
	#header {		
		width: 950px;
		height: 180px;
		background-image: url('http://hih.leaky-sponge.com/css/img/hihheader.jpg');
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		font-weight: bold;
		border-style: solid;
		border-color: white;
		border-width: 0px;
		background-color: black;
		color: white;	
		}



	/* Navigation under the header */
	
	#navheader  {
		height: 1.5em;
		line-height: 1.5em;
		background-color:#FFFFFF;
		background-image: url('');
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #000000;
		}

	#navheader  ul {
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;

		}


	#navheader li {
		margin: 0 0 0 0;
		list-style-type: none;
		float:left;
		border-right: 1px solid;
		white-space:nowrap;
		border-color: #000000;
		}

	 #navheader  li a {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
		display: block;
		padding: 0 20px;
		text-transform: none;
		}

	#navheader  a:link {
		color: #000000; 
		text-decoration: none;
		font-weight: bold;
		}

	#navheader  a:visited {
		color: #000000; 
		text-decoration: none;
		font-weight: bold;
		}

	#navheader  a:hover {
		color: #000000;
		background-color: #9A5994;
		}


	/* leftmenu */ 	
		
	#leftmenu {
		
		padding: 10px 0px 0px 0px;
		margin: 15px 0px 15px 0px;
		background-color: #FFFFFF;
		border-color: #000000;
		background-image: url('');
		border-width: 1px;
		border-style: solid;
	  	font-size: 11px;
		font-family: "Verdana", sans-serif;
	  	color: #000000;
		width: 240px;
		float: left;
		text-align: left;
		}
		
	#leftmenu p {
		margin: 0px 5px 0px 5px;
	}
		
	#leftmenu li a, #leftmenu li a:link, #leftmenu li a:visited{
		color: #000000;
		background-color: #E3D4DA;
	}
	
	#leftmenu li a:hover {
		color: #000000;
		text-decoration: none;
		background-color: #9A5994;

	}
	

	#leftmenu li a
	{
		margin: 1px 0px 1px 0px;
		display: block;
		border-top: 1px black solid;
		border-bottom: 1px black solid;
		list-style: none inside;
		padding: 3px 0px 3px 10px;
	} 
	
	
	#leftmenu ul
	{
		list-style: none;		
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	} 
	
	


	
	/* maincontent */	


	input, textarea {
		background-color: #E3D4DA;
		color: #000000;
		}
		
	textarea.textbox  {
      	width: 100% !important;
   		}
					
	
	/* Points */

	.Gryffindor {
		background-color: red;
		color: Gold;
		font-size: 8pt;
		font-weight: bold;
		border: 1px solid black;
	}

	.Hufflepuff {
		background-color: yellow;
		color: black;
		font-size: 8pt;
		font-weight: bold;
		border: 1px solid black;
	}

	.Ravenclaw {
		background-color: navy;
		color: Brown;
		font-size: 8pt;
		font-weight: bold;
		border: 1px solid black;
	}

	.Slytherin {
		background-color: green;
		color: silver;
		font-size: 8pt;
		font-weight: bold;
		border: 1px solid black;
	}

	.pointstitle {
		text-align: center;
		width: 75px;
		color: #000000;
		font-family: "Arial", sans-serif;
		font-size: 10pt;
		font-family: arial;
		margin: 2px;
		padding: 17px 2px 7px 2px;
		border-spacing: 2px;
	
	}

	th.points {
		text-align: center;
		width: 75px;
		color: #000000;
		font-family: "Arial", sans-serif;
		font-size: 8pt;
		font-family: arial;
		border: 1px solid black;
		margin: 2px;
		padding: 2px;
		border-spacing: 2px;
	}
	
	.points_bold {
		text-align: center;
		color: #000000;
		font-family: "Arial", sans-serif;
		font-size: 14pt;
		font-family: arial;
		border: 5px solid black;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 2px;
		border-spacing: 2px;
	
	}
	
	.points_bold td {
		text-align: center;
		color: #000000;
		width: 100px;
		font-family: "Arial", sans-serif;
		font-size: 12pt;
		font-family: arial;
		border: 0px solid black;
		margin-right: auto;
		margin-left: auto;
		padding: 2px;
		border-spacing: 2px;
	
	}
	
	
	table.pointstable {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		font-family: arial;
		width: 600px;
		padding: 2px;
		border-spacing: 2px;
	}
	
	.recentnamechanges {
		background-color:#E3D4DA;
	}
	
	/* Forms */
	
	form table   {
		border-top: 0px solid black;
		border-left: 0px solid black;
		border-spacing: 0px;
		}
		
	form td, form th   {
		border-bottom: 0px solid black;
		border-right: 0px solid black;
		padding-left: 5px;
		}
		
	.formright {
		text-align: left;
		}
		
	.formleft {
		text-align: right;
		color: #000000;
		}
		
	.formend {
		text-align:center;
		}
		
		
	.pointssys td {
		width: 200px;
		
		}
		
		/* Sortable tables */
		table.sortable thead {
		    background-color:#eee;
		    color:#666666;
		    font-weight: bold;
		    cursor: default;
		}

		
	/* js things for the officials panel */
	
	#awaiting , #clarification, #approved,
#pointssubmission, #completed {
		float: left;
		display: block;
		background-color: white;
		margin-top: 5px;
		width: 650px;
		padding: 10px;
		height: 400px;
		overflow: scroll;
		margin-left: 0px;
		border: 1px solid black;
		z-index: -1;
		
}

#await, #clarific, #approve,
#pointssub, #complete {
		padding: 5px;
		display: inline;
		background-color: white;
		border: 1px solid black;
}

.scrolling {
		width: 650px;
		padding: 10px;
		height: 400px;
		overflow: scroll;
		border: 0px solid black;
}

.smallerselect {
font-size:10px;
}