/* CSS Document */

/******** MAIN LAYOUT Formatting *********/


.ie1 { height: 40px;}

.header { position: absolute;
		  display: block;
		  top: -8px;
		  left: 8px;
		  width: 1000px;
		  height: 68px;		   }

.navigation {	position: absolute;
				display: block;
				top: 133px;
				left: 65px;
				width: 201px;
				height: 25px;	}	


.navigation2 { position: absolute;
				display: block;
				width: 300px; 
				top: 145px; 
				left:30px;}



.mainarea {		position: absolute;
				display: block;
				top: 120px;
				left: 279px;
				width: 403px;
				height: 326px;	   }

.mainarea2 { position: absolute;
			display: block;
			top: 100px;
		  	left: 279px;
  		    width: 403px;
			  }
		   
.mainarea3{ position: absolute;
			display: block;
			top: 170px;
		  	left: 200px;
  		    width: 442px;
			height: 600px;
		   }
		   
.mainarea4 { position: absolute;
			display: block;
			top: 4500px;
		  	left: 50px;
  		    width: 442px;
		   }

.rightcol {
	position: absolute;
	display: block;
	top: -11px;
	left: 435px;
	width: 275px;
	height: 245px;
		  }

.rightcolmem { position: absolute;
			display: block;
			top: 75px;
			left: 435px;
			width: 248px;
			height: 550px;
			background-color:#33CCFF;
		  }
  
.rightcolallmem { position: absolute;
			display: block;
			top: 55px;
			left: 435px;
			width: 278px;
			height: 5000px;
			background-color: #33CCFF;
		  }

.rightcolboard { position:absolute;
			display:block;
			top:0px;
			left:442px;
			width: 275px;
			height: 800px;
			background-color:#33CCFF;
			}		 

#footer {   position: absolute;
			display: block;
			left:12px;
			top: 66px;
			height: 40px;
			width: 1000px;
		 }
		 
.search {   position: absolute;
			display: block;
			left:698px;
			top: 40px;
			height: 40px;
			width: 275px;
			z-index: 100;
		 }

.mempad { 	posiion: left;
			padding-left:40px;
			}

#nav2 a { font-family: Arial, Helvetica, sans-serif;
		 color: #666666;
		 font-size: medium;
		 }

#nav2 a:hover { text-decoration:underline;
				color: #CCCCCC;}		 

#nav2 li { list-style-type:none;
			line-height: 1.5;}

.calpos {   position: absolute;
			display: block;
			left:0px;
			top: 90px;
			width: 275px;
			z-index: 100;
			}
			
.french   { position: absolute;
			display: block;
			left: 30px;
			top: 30px;
			width: 75px;
			height: 30px;
			}


/************ GENERAL FORMATTING text, links, image borders etc ********/

a
{
  outline: none;
}


h1   { 	color:#000000; 
 		font:Helvetica, arial, geneva, sans-serif; 
		font-size:12px; 
	  }
.search {	color:#ff00ff; 
			font-family:Helvetica, arial, geneva, sans-serif; 
			font-size:12px;
		  }

.style1 { font-family: Helvetica, arial, geneva, sans-serif;
		  font-size: 9px;
		  color: #FF0099;
		}

.style2 { font-family: Helvetica, arial, geneva, sans-serif;
		  font-size: 9px;
		  color: #000000;
		}
		
.arial_bold_pad {font-family: Arial, Helvetica, sans-serif; 
			 font-size: 12px; 
			 font-weight: bold;
			 padding-left:40px
			 }

.arial_bold {font-family: Arial, Helvetica, sans-serif; 
			 font-size: 12px; 
			 font-weight: bold;
			}
			
.arial_bold_blue {font-family: Arial, Helvetica, sans-serif; 
			 font-size: 12px; 
			 font-weight: bold;
			 color: #0066CC;
			}
.arial_blue {font-family: Arial, Helvetica, sans-serif; 
			 font-size: 12px; 
			 color: #0066CC;
			}
			
a.blue { font-family: Arial, Helvetica, sans-serif; 
		 font-weight: bold;
		 color: #0066CC; 
		 font-size: 12px; }

.arial_bold_white_head { font-family: Arial, Helvetica, sans-serif;
				    color: #FFFFFF;
					font-weight: bold;
					font-size: 14px;
					padding-left:5px;
					text-align:left;
					font-variant:small-caps;}
					
.arial_bold_white {  font-family: Arial, Helvetica, sans-serif;
				    color: #FFFFFF;
					font-weight: bold;
					font-size: 14px; }
					
.arial_white {  font-family: Arial, Helvetica, sans-serif;
				    color: #FFFFFF;
					font-size: 14px; }
					
.arial_pink { font-family: Arial, Helvetica, sans-serif;
			  color: #ff00ff;
			  }

.arial_pink_bold { font-family: Arial, Helvetica, sans-serif;
			  color: #ff00ff;
			  font-weight: bold;
			  }

.arial_pink_small { font-family: Arial, Helvetica, sans-serif;
			  color: #ff00ff;
			  font-size: 12px;
			   }
				
.arial  {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

a.pink { font-family: Arial, Helvetica, sans-serif; 
		 font-weight: bold;
		 color: #ff00ff; 
		 font-size: 12px; }

.pink_bull { color: #FF0099;}
		
.red {font-family: Arial, Helvetica, sans-serif; 
		 font-weight: bold;
		 color: #FF0000; 
		 font-size: 12px; }
		
a {	color:#000000;
	text-decoration:none;
	}
img { border: none;}

#submit		{ 	border:none;
				padding:0;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight: bold;
				color: #ff00ff;
				background-color:transparent;	} 
				
#submit2	{ 	border: thin #0066CC solid;
				padding:0;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight: bold;
				color: #0066CC;
				background-color:transparent;	} 

.bar { position: relative;
	   height: 22px;
	   width: 400px;
	   background-color: #000000;
	   padding-top: 5px;
	   }


/************* NAV BAR FORMATTING ******/

#nav, #nav ul {
		
		list-style: none;
		float : left;
		width : 10em;
		font-family: Helvetica, arial, geneva, sans-serif;
		color: #000000;
		border: hidden #000000 solid;
				}
	
#nav li { /* all list items */
		position : relative;
		float: left;
	  /*  padding: 0.1em 0.1em;  give some white space between the border and text */
		line-height : 2.8em; /* controls how much vertical space is between each 
								link*/
		width: 10em;
		 /*controls overall width of display for each link, if something is  
		 getting broken into two lines, you can try increasing this*/
		}
	
#nav li ul { /* second-level lists */
		position : absolute;
		padding: 1em;
		left: -999em;
		line-height: 1.5em;
		margin-left : 9.2em; /* controls how far out the second lists pops out to*/
		margin-top : -3em;  /* controls where the second list start from the top, this will be different between IE and Firefox */
		background-color: #FFFFFF;
		border: thin #000000 solid;
		}

#nav li a {
		width: 12em;
		display : block;
		text-decoration : none;
		padding : 0.5em 0em;  

		}
	
#nav li a:hover {
		position: relative;
		}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		z-index: 10;
	}
	

/*********** END NAV BAR FORMATTING ********/
/*this is for the alphabet*/

.alpha { padding-left:40px; font-size:9px; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;
}
/******* CALENDAR *******/

.arrows {	font: bold 18px Helvetica, arial, geneva, sans-serif;
			color:#0066CC;	
			text-decoration: none;}
			
.title a { 	color: #0066CC;
		 	font-family: Arial, Helvetica, sans-serif;
		 	font-size: 14px;
		 	font-weight: bold; 
		 	text-decoration:none;}
			
.title a:hover { text-decoration:underline;}

.event a { color: #ff00ff; font-weight:bold; text-decoration:none;}
.event a:hover { text-decoration:underline;}
.today { 	font-weight: bold;
		 	background-color: #CCCCCC;}
.normal { 	color: #000000; font-weight: normal; }

table.cal  {width: 250px;
			padding: 0;
			margin: 0;
			font: normal 12px/20px Helvetica, arial, geneva, sans-serif;
			color: #000000; /*non link number colour*/
			text-align: center;
			background-color: #fff;
			}

table.cal th 	{	font: bold 11px/20px Helvetica, arial, geneva, sans-serif;						
		color:#ffffff;
		background: #000000; /*#D9E2E1*/
		}

table.cal td 	{	width: 20px;
		height: 20px;
		text-align: center;
		}