html{
	margin:0;
	padding:0;
	background-color:#73a4d6;
}
body {
	background-image:url(../images/gen/backg.jpg);
	background-repeat:repeat-x;
	background-color:#73a4d6;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
#container {
	position: absolute;
	width: 960px;
	left: 50%;
	margin-left: -480px;
}

ul li{

	list-style-type:none;
	
}


.tableTxt
{
 text-align:center;
}

.tableTxt .leftAlign
{
	text-align:left;
	padding-left:15px;
}

#mainContents li
{
	padding:3px 0px 3px 0px;
}
.tlbcenter p
{
	text-align:center;
}
.tlbcenter td
{
	width:33%;
}
.wccap td
{
	text-align:center;
}
/*-----------------------------------------------------webHeader */
#webHeading{
	/*background-color:#C0C0C0;*/
	background-image:url(../images/gen/grad.jpg);
	background-repeat:repeat-x;
	border-left:1px solid #cccccc;
	border-right:1px solid #CCCCCC;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

#webHeading a:link, #webHeading a:active, #webHeading a:visited{
	text-decoration:none;
	color:#000000;
}
#webHeading a:hover{
	text-decoration:underline;
}


/* ----access links */
	#accDis{
		color:#666666;
		font-size:65%;
		right:5px;
		top:10px;
		position:absolute;
		padding-right:10px; 
	}
	#accDis a:link, #accDis a:active, #accDis a:visited{
		color:#666666;
		text-decoration: none;
	}
	#accDis a:hover{
		color:#666666;
		text-decoration: underline;
	}
/* ----access link end */


/* ----google search */
	.googledbutton{
		font-family:Arial, Helvetica, sans-serif;
		font-size:60%;
		color:#666666;
	}
	.googled{
		font-family:Arial, Helvetica, sans-serif;
		font-size:x-small;
		color:#666666;
	}
	#googledbox{
	clear:both;
	float:right;
	position:relative;
	right:15px;
	top:58px;
	}
/* ----google search end */


/*----- Northern College Title */
	#webTitlePos {
			margin-top:0;
			margin-bottom:0px;
			padding-top:25px;
			padding-bottom:15px;
			margin-left:25px;
	}
	#webTitle {
		/*font-weight:bold;*/
		font-size:250%;
		list-style:none;
		color:#999999;
	}
	
	#webTitle span{
		color:#000000;
		font-weight:bold;
		letter-spacing:-3px;
	}
	
	#webSubTitle {
		
		font-size:65%;
		list-style:none;
		color:#333333;
	}
/*----- Northern College Title end*/


/*----- Navigation */
	#webNav1{
			margin-top:0;
			margin-bottom:0px;
			font-size:80%;
			background-color:#DEDEDE;
			margin-left:0;
			padding-left:50px;
	}
	
	#webNav1 a:link, #webNav1 a:active, #webNav1 a:visited{
	
		color:#FFFFFF;
	}
	
	.weblist{
		list-style:none;
		display:inline;
		padding:0px 9px 0px 9px;
		margin:0px 0px 0px 0px;
	}
	
		/*---------- menuOne ------------*/

#menuOne{
	width:859px;
	height:36px;
	margin:0 auto;
	background:#acacac url('../images/gen/menubar.jpg') no-repeat; 				
}


#menuOne{
	border: 0;
	/*margin: 0;*/
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#menuOne li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#menuOne li a span{
	display:none;
}


#menuOne li a.nh{
	width:110px;
	height:36px;
	/*margin:0px 8px 0px -2px;*/
	padding:0px;
	display: block;	
}

#menuOne li a.n1{
	width:77px;
	height:36px;
	/*margin:0px 2px 0px 8px;*/
	padding:0px;
	display: block;	
}

#menuOne li a.n2{
	width:110px;
	height:36px;
	/*margin:0px 2px 0px 20px;*/
	padding:0px;
	display: block;
}
#menuOne li a.n3{
	width:160px;
	height:36px;
	/*margin:0px 2px 0px 15px;*/
	padding:0px;
	display: block;
}
#menuOne li a.n4{
	width:135px;
	height:36px;
	/*margin:0px 2px 0px 15px;*/
	padding:0px;
	display: block;
}
#menuOne li a.n5{
	width:115px;
	height:36px;
	/*margin:0px 2px 0px 8px;*/
	padding:0px;
	display: block;
}
#menuOne li a.n6{
	width:110px;
	height:36px;
	/*margin:0px 2px 0px 8px;*/
	padding:0px;
	display: block;
}
#menuOne li a
{
	/*border: 1px solid #000000;*/
}

/* -- Hovers -- */

#menuOne li a.nh:hover{
	background: url('../images/gen/menubar.jpg') 0px -36px;
}

#menuOne li a.n1:hover{
	background: url('../images/gen/menubar.jpg') -110px -36px;
}
#menuOne li a.n2:hover{
	background: url('../images/gen/menubar.jpg') -186px -36px;
}			
#menuOne li a.n3:hover{
	background: url('../images/gen/menubar.jpg') -297px -36px;
}
#menuOne li a.n4:hover{
	background: url('../images/gen/menubar.jpg') -456px -36px;
}
#menuOne li a.n5:hover{
	background: url('../images/gen/menubar.jpg') -592px -36px;
}
#menuOne li a.n6:hover{
	background: url('../images/gen/menubar.jpg') -707px -36px;
}

	/*----- buttons---------*/
	

	/*---------- menuTwo ------------*/
	#menuTwo
	{
		margin:0px;
		padding:3px 5px 3px 25px;
		font-size:70%;
	}
	#menuTwo li
	{
		display:inline;
		margin:0px;
		padding:0px 5px 0px 5px;
		font-weight:bold;
	}
	#menuTwo a:hover
	{
		color:#ffffff;
		text-decoration:none;
	}
	
	.naviH
	{
		display:none;
	}
	
	h1
	{
		margin:0px;
		padding:10px 0px 20px 35px;
		font-size:150%;
		font-weight:bold;
	}
	
	h1.naviH
	{
		margin:0px;
		display:block;
		padding:0px;
	}
	
	.sideNavLinks
	{
		font-size:75%;
		text-align:center;
		margin:0px 0px 1px 0px;
		padding:5px 10px 6px 10px;
		background-image:url('../images/menu/bup.jpg');
		background-repeat:repeat-x;
		position:relative;
	}
	.sideNavLinks a
	{
		color:#333333;
		font-weight:bold;
		text-decoration:none;
	}
	.sideNavLinks a:hover
	{
		color:#000000;
	}

	.sideNavLinkOff
	{
		font-size:75%;
		text-align:center;
		margin-top:0px;
		padding:5px 10px 1px 10px;
		/*background-color:#e2e2e2;
		border-bottom:1px solid #999999;*/
		position:relative;
	}
		
	.sideNavLinkOff a
	{
		color:#333333;
		font-weight:bold;
		text-decoration:none;
	}
	
	#sideNav
	{
		position:relative;
		float:left;
		width:218px;
	}
/*----- Navigation end */



/*-----------------------------------------------------webHeader end */


/*-----------------------------------------------------webContents */
#webContent{
	background-color:#ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin:0px;
	padding:0px;
}

ol
{
	/*margin:0px;*/
}
ol li
{
	padding:3px 5px 3px 0px;
}
.mainList li
{
	font-weight:bold;
}

.secondList li
{
	font-weight:normal;
}

.govTitle
{
	font-weight:bold;
}

.GovProfile img
{
	position:relative;
	 border:1px solid #cccccc;
	 float:left; 
	 padding:5px 5px 5px 5px;
	 margin-right:20px;
	 margin-bottom:15px;
}

.GovProfile li
{
	list-style-type:disc;
	padding:3px 0px 3px 0px;
}

.sepLine
{
	font-size:1px;
	height:1px;
	width:85%;
	background-color:#999999;
	margin:10px 0px 10px 0px;
	clear:both;
}

.foiL ul
{
	margin:10px 0px 0px 0px;
	padding:5px;
	border:1px solid #CCCCCC;
	background-image:url('../images/foi/areaGrad.jpg');
	background-repeat:repeat-x;
}
.foiL ul li, .foiR ul li
{
	margin-top:2px;
}
.foiR ul
{
	margin:10px 0px 0px 0px;
	padding:5px;
}
.foiR
{
	margin:0px 0px 0px 20px;
}

#foiContent
{
	margin:20px 10px 20px 10px;
}
#foiContent ol
{
	padding:0px 40px 5px 40px;
}
#foiContent ol li strong
{
	font-size:110%;
	font-weight:bold;
}
#foiContent .itemBox
{
	width:90%;
	margin:5px 0px 20px 20px;
	padding:5px;
	border:1px solid #CCCCCC;
	background-image:url('../images/foi/areaGrad.jpg');
	background-repeat:repeat-x;
}
.bolder
{
	font-weight:bold;
	font-size:120%;
}


/*-----------------------------------------------------webContents end */


/*-----------------------------------------------------webFooter */
#webFooter{
	background-color:#FFFFFF;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	margin:0px;
	padding:10px 0px 0px 0px;
}
#missionBack{
	position:relative;
	float:left;
	left:25px;
	top:10px;
	margin-bottom:-25px;
}
#mission{
	margin:0px;
	padding:5px;
	color:#666666;
	background-image:url('../images/missionback.gif');
	width:243px;
	height:85px;
	font-size:60%;
}

#mission li{
	list-style:none;
	padding:0px;
	margin:0px;
}
#mission #missionTitle{
	font-size:175%;
	font-weight:bold;
}

#footerLinks{
	background-color:#6699cc;
	text-align:center;
	margin:0px;
	padding:2px 0px 4px 0px;
	font-size:75%;
	color:#FFFFFF;
}
#footerLinks a{
	color:#FFFFFF;
	text-decoration:none;
}

#logoList
{
	margin:0px 0px 0px 0px;
	float:right;
	padding:0px 25px 0px 0px;
	font-size:75%;
}

#telBlock
{
	width:150px;
	position:relative;
	float:left;
	margin:5px 0px 0px 0px;
	font-size:60%
}
#emailBlock
{
	width:175px;
	position:relative;
	float:left;
	margin:5px 0px 0px 0px;
	font-size:60%
}

#addressBlock
{
	width:150px;
	position:relative;
	float:left;
	margin:5px 4px 0px 40px;
	font-size:60%
}

/*-----------------------------------------------------webFooter end */


/*--------------------------------------------pages HOME*/
#picLinks{

	margin:0px;
	padding:10px 0px 10px 40px;

}


#picLinks li{

	display:inline;
	padding:0px 11px 0px 11px;

}

img{

	border:0px;
	position: relative;

}
.formElements
{
	margin:10px 0px 0px 0px;
	padding:0px;
}


/*--------------------------------------------pages HOME end*/


/*------------------------------------------Numeracy project CSS*/

#container_num
{
	font-size:130%;
	margin:0px 0px 0px 25%;
	padding:0px;
	float:left;
	postion:relative;
}

h4.trigger
{
	padding: 0px 0px 0px 50px;
	margin: 0px 0px 5px 0px;
	background: url(../images/projects/numeracy/h4_trigger.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 289px;
	font-size: 100%;
}

.trigger a
{
	color: #fff;
	text-decoration: none;
	display: block;
}

.trigger a:hover
{
	color: #ccc;

}
h4.active
{
	background-position: left bottom;
} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container
{
	margin:0px;
	padding:0px;
	background: #f0f0f0 url(../images/projects/numeracy/toggle_block_stretch.gif) repeat-y left top;
	
	font-size: 1.2em;
	width: 340px;
	clear: both;
}

.toggle_container .block
{
	padding: 20px; /*--Padding of Container--*/
	/*background: url(images/toggle_block_btm.gif) no-repeat left bottom; --Bottom rounded corners--*/
	font-size: 80%;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

.toggle_container .block2
{
	padding: 15px; /*--Padding of Container--*/
	font-size: 60%;
	
}

.block ul li
{
	list-style-type:none;
	padding-bottom:20px;
	
}

.block ul, li
{
	margin:0;
	padding:0;
}