/* Old Ardinians CSS */
body{
	width:				852px;
	margin:				0 auto;
	font-family:		arial;
	color:				#003366;
	font-size:			small;
	
}

/* Misc classes */
.clear{
	margin:				0px;
	height:				1px;
	clear:				both;
	float:				none;
	font-size:			1px;
	overflow:			hidden;
	visibility:			hidden;
}

.left{
	float:				left;
}	

.right{
	float:				right;
}

a:link, a:visited{
	color:				#0066CC;
	text-decoration:	none;
}

a:hover, a:active{
	text-decoration:	none;
}

input{
	font-size:			small;
	padding:			0px 1px 0px 1px;
}

img{
	border:				0px;
}

p{
	margin:				0px 0px 10px 0px;
}

ul{
	margin:				5px 0px 5px 20px;
	padding:			0px;
}

/* Headings */

h1{
	font-family:		Times;
	margin:				0px 0px 10px 0px;
	font-weight:		normal;
	font-size:			xx-large;
}

h2{
	font-family:		Times;
	margin:				0px 0px 10px 0px;
}

h3{
	font-family:		Times;
	margin:				0px 0px 10px 0px;
}

#homePageText{
	float:				left;
	width:				577px;
	margin:				7px 17px 0px 37px;
}

#homePageImage{
	float:				left;
}

#background{
	background:			url(/images/layout/background.jpg) top left repeat-y;
	padding:			0px 36px 0px 36px;
}

/* Page heading */
#header{
	padding:			10px 0px 0px 0px;
}

	#headerLogos{
	}

		#oldArdinianLogo{
			float:				left;
		}

		#ardinglyCollegeLogo{
			float:				right;
		}

	#headerLinks{
		clear:				both;
		float:				left;
		padding:			29px 0px 15px 0px;
	}

		#mainNavigation{
			list-style:			none;
			font-family:		times;
			font-size:			medium;
			margin:				0px;
			float:				left;
		}

	#mainNavigation li{
		float:				left;
	}
	
		.menuSep{
			float:				left;
			background:			url(/images/layout/nav_spacer.gif);
			width:				1px;
			height:				17px;
			margin:				0px 15px 0px 15px;
		}

		#mainNavigation a:link,
		#mainNavigation a:visited{
			color:				#003366;
			text-decoration:	none;
			text-transform:		uppercase;
		}

		#mainNavigation a:active,
		#mainNavigation a:hover{
			color:				#006699;
		}
		
	#headerImage{
		clear:				both;
		padding:			0px 0px 20px 0px;
	}

	#loginLinks{
		background-color:	#DDE4EA;
		padding:			8px;
		border-bottom:		1px dashed #999999;
		font-family:		arial;
	}

		#loginLinks input{
			width:				100px;
		}
		
		#username{
			float:				left;
			padding:			2px 5px 0px 0px;
		}
		
		#usernameInput{
			float:				left;
		}
		
		#password{
			float:				left;
			padding:			2px 5px 0px 20px;
		}
		
		#passwordInput{
			float:				left;
		}
		
		#login{
			float:				left;
		}
		
		#loginMessage{
			clear:				both;
		}
		
		#register{
			float:				right;
			padding:			5px 10px 0px 0px;
		}

#mainText{
	float:				left;
}

#imageBox{
	float:				right;
}

#formerPupilsMenu{
	float:				left;
	width:				150;
	margin:				0px 0px 0px 0px;
	padding:			10px 10px 10px 0px;
}

	.componentMenu{
		margin:				0px;
		padding:			0px 7px 0 0;
	}

		.component{
			margin:				0px;
			padding:			0px 0px 10px 0px;
			list-style:			none;
		}

			.componentHeader{
				display:			block;
				border-bottom:		1px solid #DDDDDD;
				margin:				0px 0px 5px 0px;
				color:				#999999;
			}

			.componentLinks{
				list-style:			none;
				margin:				0px;
				padding:			0px;
			}

				.componentLinks li{
					list-style:			none;
					margin:				0px;
					padding:			2px 0px 2px 5px;
				}

/*Main content of the page */

#mainNoFPMenu{
	float:				left;
	background-color:	#DDE4EA;
	min-height:			287px;
	padding:			20px;
	width:				740px;
}

#main{
	float:				left;
	background-color:	#DDE4EA;
	min-height:			287px;
	padding:			20px;
	width:				740px;
}

	#subNavigation{
		float:				left;
		margin:				0px;
		padding:			30px 0px 0px 10px;
		list-style:			none;
		min-height:			300px;
	}

		#subNavigation li{
			padding:			3px 20px 3px 5px;
			border:				1px solid #CCCCFF;
			border-width:		0px 0px 1px 0px;
		}

			#subNavigation a:link,
			#subNavigatoin a:visited{
				color:				#0066CC;
				text-decoration:	none;
			}

			#subNavigation a:hover,
			#subNavigatoin a:active{
				color:				#003366;
				text-decoration:	none;
			}

	#content{
		padding:			0px 30px 0px 290px;
	}
	
	#contentWide{
	}

	
#footer{
	clear:				both;
	padding:			10px 0px 10px 36px;
	font-size:			small;
}

	#footerNav{
	}

		#footerNavigation{
			list-style:			none;
			margin:				0px;
			padding:			0px;
		}

			#footerNavigation li{
				float:				left;
			}

				#footerNavigation a:link,
				#footerNavigation a:visited{
					color:				#999999;
				}

				#footerNavigation a:hover,
				#footerNavigation a:active{
				}

/* View Profile */
#profilephoto{
	float:				right;
}

#keyDetails{
}

#contactDetails{
	padding:			20px 0px 0px 0px;
}

#interests{
	padding:			20px 0px 0px 0px;
}

#businessDetails{
	padding:			20px 0px 0px 0px;
}

/* Tables */

.tableForm{
}

	.tableForm .tableHeading{
		font-size:			large;
		border-bottom:		1px solid #999999;
		padding:			20px 0px 0px 0px;
	}
	
	.tableForm th{
		text-align:			right;
	}