/* Cobain Schofield - COMP519 Assignment 1 */
/* Main Stylesheet - all elements draw styles from here */

/* The user that this style appeals to is the general reader, so the style reflects a clean and */
/* corporate feel. It has a closed color palette comprising of a couple of shades of blue and */
/* various shades of grey */

html {

	padding: 0px;
	margin: 0px;

}

body {

	background: white;
	padding: 0px; 
	margin: 0px;
	font-family: Arial, Times New Roman, serif;
	font-size: 13pt;
	
}

#banner {

	width: 100%;
	height: 80px;
	padding: 10px 0px;
	background: #5f5bbd;
	border-bottom: 5px solid #332d9c;
	
}

#bannerContent {

	width: 1000px;
	height: 80px;
	margin: 0px auto;
	background: url("/images/UniLogo.png") no-repeat left;
	text-align: right;
	color: #fbfbfb;
	line-height: 1.5em;

}

#pageContain {

	width: 950px;
	height: auto;
	margin: 0px auto;
	padding: 25px;
	border-left: 5px solid #332d9c;

}

#pageContain p {

	line-height: 1.3em;

}

h1 {

	width: 100%;
	height: auto;
	color: #332d9c;
	font-family: Georgia, Arial, Serif;
	font-weight: normal;
	font-size: 28pt;
	text-align: center;
	margin-bottom: 40px;

}

h2 {

	width: 100%;
	height: auto;
	border-bottom: 2px dotted #332d9c;
	margin-left: -25px;
	padding: 0px 0px 5px 25px;
	color: #2b2b2b;
	font-family: Georgia, Arial, Serif;
	font-style: italic;
	font-weight: normal;
	font-size: 18pt;

}

ul {

	list-style-type: square;

}

a {

	text-decoration: none;
	color: #5d3da1;
	border-bottom: 1px dotted #5d3da1;

}

a:hover {

	color: #9e82d9;
	border-bottom: 1px solid #9e82d9;

}

.highlight {

	color: #332d9c;

}

section {

	clear: both;
	
}

.profilePic {
	
	height: 190px;
	width: 160px;
	padding: 5px;
	border: 2px solid #2b2b2b;
	margin: 0px 10px;
	float: right;

}

#clear {

	clear: both;

}

#footer {

	width: 100%;
	height: 5px;
	border-top: 1px dotted #2b2b2b;
	margin: 25px 0px 0px 0px;

}

#attention {

	width: 800px;
	height: auto;
	margin: 20px auto;
	background: #c9bfde;
	border: 1px solid #8d83a3;
	padding: 15px;
	text-align: center;

}

#attention:hover {

	background: #B4A7CF;
	border: 1px dashed #8d83a3;

}

.profileInfo {

	width: 600px;
	border: 0px;

}

.profileInfo tr {

	vertical-align: middle;

}

.leftCol {

	width: 190px;
	padding-right: 10px;
	text-align: right;

}

.rightCol {

	width: 400px;

}