@charset "utf-8";
/* proagon-style.css */


/* Beginning of a CSS reset */


/* End of a CSS reset */



/*  ********** OVERALL PAGE CONTAINER **********  */
body {
	background-color: white;
	font-family: "Hoefler Text", "Times",
		"Times New Roman", serif, sans-serif;
	font-size: 100%; /* roughly 16px. Also, it is
	usually understood that 1em = 16 px */
	
}

#id-div-container {
	margin: 0 auto;
	width: 90%;
}

a:link {
	text-decoration: none;
	color: navy;
}

a:visited {
	color: purple;
}

a:focus {
	color: red;
}

a:hover {
	color: red;
}

a:active {
	color: blue;
}



/* ********** HEADER BANNER ********** */
#id-header-banner {
	margin-bottom: 10px;
}


#id-div-logo {
	background-image: url(img/logo-proagon-en-v3.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 210px;
}


.page-header li {
	float: left;
	font-size: 1em;
	font-weight: bold;
	color: red; /* this is the tone of red colour in proagon's logo */
	padding: 0 25px 0 3px;
}


.page-header a:link {
	color: red; /* this is the tone of red colour in proagon's logo */
}

.page-header a:visited {
	color: red; /* this is the tone of red colour in proagon's logo */
}

.page-header a:focus {
	color: grey; /* this is the tone of black colour in proagon's logo */
}

.page-header a:hover {
	color: grey; /* this is the tone of black colour in proagon's logo */
	letter-spacing: .2em;
}

.page-header a:active {
	color: grey; /* this is the tone of black colour in proagon's logo */
}


/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ********** MAIN CONTENT ********** */
#id-div-content {
	float: left;
	width: 70%;
}

.main-content h1 {
	font-size: 1.625em; /* (26/16)px */
	color: grey;
	font-variant: small-caps;
	font-weight: bolder;
}

.main-content h2 {
	font-size: 1.25em; /* (20/16)px */
	color: grey;
}

.main-content p {
	font-size: 1em; /* (16)px */
	line-height: 1.4;
}

.main-content ul, ol {
	font-size: 1em;
	line-height: 1.4;
	color: black;
}

.main-content blockquote {
	font-style: italic;
	line-height: 1.4;
}


/* Setting specific features of table #id-table-week-planner */
#id-table-week-planner {
	border-collapse: collapse;
}

#id-table-week-planner caption {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: .5em;
	color: blue;
}

#id-table-week-planner th, td {
	font-size: .8125em;
	padding: .5em .75em;
	width: 50px;
	color:blue;
	border: 1px solid blue;
}


/* Setting specific features of table #id-table-totaliser */
#id-table-totaliser {
	border-collapse: collapse;
	text-align: left;
}

#id-table-totaliser caption {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: .5em;
	color: blue;
}

#id-table-totaliser th, td {
	font-size: .8125em;
	padding: .5em .75em;
	width: 150px;
	color:blue;
	border: 1px solid blue;
}

#id-table-totaliser thead, tfoot {
	font-weight: bolder;
	background: aqua;
}




/* Setting specific features of table #id-table-example */
#id-table-example {
	border-collapse: collapse;
	text-align: left;
}

#id-table-example caption {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: .5em;
	color: blue;
}

#id-table-example th, td {
	font-size: .8125em;
	padding: .5em .75em;
	width: 150px;
	color:blue;
	border: 1px solid blue;
}

#id-table-example thead, tfoot {
	font-weight: bolder;
	background: aqua;
}



/* ********** SIDEBAR ********** */
#id-div-sidebar {
	margin-left: 72%;
	background: #dad5d5; /* this is the tone of soft green colour in Fairfield's logo */
	padding: 10px;
}

.sidebar h2 {
	font-size: 1em; /* (16/16)px */
	color: #4b4b4b;
}


.sidebar h3 {
	font-size: .875em; /* (14/16)px */
	color: #4b4b4b;
}


.sidebar p, ul, ol {
	font-size: .875em; /* (14/16)px */
	color: #4b4b4b;
}

.sidebar a:link {
	text-decoration: none;
	color: red;
}

.sidebar a:visited {
	color: purple;
}

.sidebar a:focus {
	color: white;
}

.sidebar a:hover {
	color: white;
}
                                           
.sidebar a:active {
	color: white;
}



/* ******* PAGE FOOTER ********** */
#id-footer-pagebottom {
	clear: both;
	margin-top: 10px;
}

.page-footer p {
	font-size: .625em; /* (10/16)px */
}