/* CSS Document */
/*Colors:
  blue -  #051EFA;
 */
 
html {
	background-color: #FFFFFF; }

#hhcbody {
	margin: 0px auto 0px auto; 
	padding: 0px;
	width: 760px;
	background-color: #990000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; }

#main {
	background-color: #FFFFCC; }

#header {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 10px;
	background-color: #FFFFCC;}

#left {
	text-align: left;
	font-size: x-small;
	float: left;
    margin: 10px 0px 0px 6px; 
	padding: 2px 0px 2px 0px;
	background-color: #FFF2F8;
	width: 128px;}

#mainleft {
    padding: 0px 0px 0px 4px;
	margin: 0px 0px 0px 0px;
	}

#left label {
	display: block;
	padding: 0px 0px 2px 0px;
	margin: 0px;
	color: gray;
	font-weight: bold; }
				
#left ul {
	padding: 0px;
	margin: 0px 0px 8px 0px;
	list-style-type: none; 
	}
		
#left li {
	text-align: left;
	margin: 1px 0px 0px 0px;}

#mainleft a {
  color: #000000;
  font-weight: bold;
  text-decoration:none;
  padding: 1px 0px 1px 1px;
  margin: 0px;
  width: 110px;
  display: block;}

#mainleft a:hover, #left a:active {
  color: #FFFFFF;
  background-color: #990000;}

.icons {
	margin: 0px auto 0px auto;
	width: 104px;}
	
.menutab {
	margin: 5px 0px 0px 0px;
	font-weight: bold;
	font-size: small;}
#left form {
  margin: 0px;
  padding: 0px; }	
  
.login { 
  border-top-color: #D9DFEA;
  border-left-color: #D9DFEA;
  border-bottom-color: #0e1f5b;
  border-right-color: #0e1f5b;
  background-color: #660000;
  color: #FFFFFF;
  font-size: x-small;
  margin: 3px 0px 0px 0px;}
  
.editdelete { 
  border-top-color: #D9DFEA;
  border-left-color: #D9DFEA;
  border-bottom-color: #0e1f5b;
  border-right-color: #0e1f5b;
  background-color: #660000;
  color: #FFFFFF;
  font-size: x-small;
  margin: 0px 2px 0px 2px;
  display: inline;}

.textinput {
	width: 108px;
	font-size: x-small; }

#lowerleft {
	border-top: thick #990000 solid; 
	text-align: left;
	font-size: x-small;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 0px 0px; }

#right {
	padding: 4px 0px 6px 0px;
    margin: 0px 0px 0px 140px;
	font-size: small;
	background: #FFFFCC;
	min-height: 700px;
	border-width: 0px;
	}

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

a:hover, #right a:active {
  color: #FF0000;
  font-weight: bold;
  text-decoration:none;}	

#viewing {
	font-size: x-small; 
	margin: 0px auto 6px auto;
	text-align: center;}
	
#school {
	display:inline; }
	
#schools {
	font-size: x-small; }

#register {
	margin: 10px 5px 2px 8px;
	text-align: center; }
	
/* event stuff */	
.date {
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin: 10px 1px 10px 1px;
	background: #990000 url(dr.gif) no-repeat right bottom;
	}

.datebg {  background: transparent url(dl.gif) no-repeat left bottom;
height: 20px;
	}
	
.event { 
	background-color: #FFFFFF;
	margin: 8px auto 0px auto;
	width: 590px;
	border: 2px dashed #000000;}
	
.title { font-size: medium; margin: 4px 4px 2px 4px;}
.location {font-size: small; margin: 0px 4px 6px 4px;}
.description {font-size: small; margin: 0px 4px 6px 4px;}
.comments {font-size: small; float: right; margin: 3px 3px 3px 0px;}
.postedby {font-size: small; width: 300px; float: left;  margin: 3px 0px 3px 3px;}

.highlight { color: red; }
.bold {font-weight: bold; }
.grey { color: #555555; }

.contact1 {font-size: x-small; margin: 0px 5px 0px 5px; line-height: 125%;}
.contact2 {font-size: x-small; margin: 0px 5px 0px 5px; line-height: 125%;}
.url {font-size: x-small; margin: 0px 5px 0px 5px; line-height: 125%;}

.leftcol{ width: 330px; float: left; }
.rightcol{ width: 240px; float: right; text-align: left;}
.leftheading {color: #555555; width: 90px; float: left;}
.rightheading {color: #555555; width: 90px; float: left;}
.eventfooter { }
.eventfooter:after { content: ""; display: block; height: 0; clear: right;}


#footer {
	clear: both;
	color: white;
	font-size: small;
	text-align: center;
	padding: 4px 0px 5px 0px;
	background: #990000;}
	
/*css for non-main pages */

	
#sectionHeader {
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin: 10px 0px 10px 0px;
	background: #990000 url(dr.gif) no-repeat right bottom; }

#sectionHeaderbg {  background: transparent url(dl.gif) no-repeat left bottom;
height: 20px; }

.sectionMain {
	border: medium black dashed;
	background-color: white;
	font-size: small;
	margin: 0px auto 8px auto;
	padding: 0px 5px 3px 0px;
	width: 590px;
}

.sectionMain p {
	margin: 8px 0px 5px 10px;}
	
.sectionSubHeading {
	font-size: medium;
	font-weight: bold;
	color: red;
	margin: 6px 0px 8px 5px;
}

.sectionDate {
	font-weight: normal;
	color: black;
	float: right;
	text-size: medium;
	margin: 0px 3px 8px 0px;
}

.regError {
	color: red;
	font-weight: bold;
	margin: 10px 0px 0px 0px;}

#regpage label {
	display: block; }
	
#privacypolicy {
	float: right;  width: 300px;}
	
#add {margin-bottom: 8px;}
	
#add p {
	margin: 4px 5px 4px 10px;}
	
#add input { font-size: x-small; }
	
#add select { font-size: x-small; }

.addtext{ width: 120px; float: left; margin: 0px 0px 0px 10px;}

.update { 
	margin: 3px auto 6px auto;
	width: 50px; }
.updateConfirm {
	margin: 8px auto 0px auto; 
	width: 130px;}	

.center { margin: 0px auto 0px auto; text-align: center;}
.big { font-size: 1.4em; margin: 4px 0px 0px 4px; }

/* comment stuff 
.comment right now is the same as .event */

.comment { 
	background-color: #FFFFFF;
	margin: 8px auto 0px auto;
	width: 590px;
	border: 2px dashed #000000; }
	
.addcomment {
	margin: 8px auto 0px auto;
	width: 586px; }
	
.commentdate {
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin: 10px 0px 10px 0px;
	background: #990000 url(dr.gif) no-repeat right bottom;
	}

.commentdatebg {  background: transparent url(dl.gif) no-repeat left bottom;
height: 20px;
	}
.commentdateleft { float: left; width: 360px; text-align: left; margin-left: 20px;}
.commentdateright { float: right; width: 150px; text-align: right; margin-right: 20px;}
.commentdateright a {
  color: white;
  font-weight: bold;
  text-decoration:none;}

.commentdateright a:hover, a:active { color: #FF0000;}

.domain { width: 100px; }

#headerMessage { margin: 3px 3px 3px 3px; color: red; font-weight: bold;}
#sudoku {margin: 5px auto 5px auto; width: 590px; text-align: center;}
#sudokuimg {margin: 0px auto 0px auto; }

.myEventsSelector { margin: 8px auto 0px auto;
	width: 590px; }
.myEventsSpacer {}
.myEventsSpacer:after { content: ""; display: block; height: 0; clear: right;}
.myEventsLeft { float: left; }
.myEventsRight { float: right; }
.viewing {font-size: medium;}

.dayControl{position: relative; height:10px; margin: 4px 0px 4px 0px;}
.last{position: absolute;
   left: 0;
   width: 50%;}
.next{position: absolute;
   right: 0;
   width: 50%;
   text-align: right;}