/* basic css*/
html {
	background-color:#0c0c0c;
	color:white; /* text colour */
	font-family:"Futura Lt Bt" , "Futura Bk BT" , "Century Gothic" , "Levenim MT" , "Kalinga" , "Malgun Gothic" , sans-serif; 
	font-size:10pt;
	min-width:1100px; /* minimum width to preserve header formatting */
}

h2{
	font-size:20pt;
	font-weight:normal;
	padding-top:25px;
	padding-bottom:10px;
}
h3{
	font-weight:normal;
	padding-top:15px;
	padding-bottom:5px;
}

p{
	text-align:left;
}
/*----------------------------------------------------------------------------*\

Page structure:

contentcolumn
	- headerblock
		- logo
		- link
			- .mainlink, .linkbars
	- contentcopyrightblock
		- contentblock
			- contentblockleft
			- contentblockright
			- contentblocktop
			- contentblockbottom
			- contentblocktopleft
			- contentblocktopright
			- contentblockbottomleft
			- contentblockbottomright
			- contentblockmiddle
				- textcontent
					- contact
						- details
						- emailbox
							- emailboxleft
							- emailboxright
							- emailboxtop
							- emailboxbottom
							- emailboxtopleft
							- emailboxtopright
							- emailboxbottomleft
							- emailboxbottomright
							- emailboxback
							- emailcontentcontainer
								- emailcontent
									- ~cptextfeild.css
								- emailbuttonholder
									- ~cpbutton.css
		- copyrightblock


\*----------------------------------------------------------------------------*/


/* All links should be white, and not underlined. Those not in the header should be bold */
a:link,
a:visited,
a:hover,
a:active { 
	color:white; font-weight:bold; text-decoration:none; 
} 


/* Pagelinks */
a.mainlink:link,
a.mainlink:visited,
a.mainlink:hover,
a.mainlink:active { 
	font-weight:normal; font-size:13pt;
}

/* Bars between header links */
span.linkbars{
	font-size:20pt;
	color:#a0a0a0;
}

/* A multi-purpose class used for streching images to fill their container. */
.backimg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}

/* Contains all page content - headerblock, contentblock & copyright block */
#contentcolumn {
	position:relative;
	width:80%;
	margin:auto;
}

#ovrlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
}

#headerblock {
	position:absolute;
	top:45px;
	width:100%;
	height:88px;
	background-image:url("CPLogoStrip.png");
	width:100%;
}

#logo {
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
}
#link {
	position:absolute;
	top:52px;
	right:0%;
	font-size:10pt;
}

/* contains content block & copyright */
#contentcopyrightblock {
	position:relative;
	top:150px;
	width:100%;
}

/* contentblock */
#contentblock {
	position:relative;
	top:0;
	width:100%;
}
/* sides */
#contentblockleft{
	position:absolute;
	top:3px;
	left:0;
	width:3px;
	bottom:3px;
}
#contentblockright{
	position:absolute;
	top:3px;
	right:0;
	width:3px;
	bottom:3px;
}
#contentblocktop{
	position:absolute;
	top:0;
	right:3px;
	height:3px;
	left:3px;
}
#contentblockbottom{
	position:absolute;
	bottom:0;
	right:3px;
	height:3px;
	left:3px;
}
/* corners */
#contentblocktopleft{
	position:absolute;
	top:0;
	left:0;
	height:3px;
	width:3px;
}
#contentblocktopright{
	position:absolute;
	top:0;
	right:0;
	height:3px;
	width:3px;
}
#contentblockbottomleft{
	position:absolute;
	bottom:0;
	left:0;
	height:3px;
	width:3px;
}
#contentblockbottomright{
	position:absolute;
	bottom:0;
	right:0;
	height:3px;
	width:3px;
}

/* Middle + contents */
#contentblockmiddle {
	position:absolute;
	top:3px;
	left:3px;
	right: 3px;
	bottom: 3px;
	background-color:#030303;
}

/*content*/
#textcontent {
	position:relative;
	width:90%;
	left:50%;
	margin-left:-45%;
}

#maintext{
	position:relative;
	text-align:center;
	vertical-align: middle;
	width:100%;
}

#copyrightbox{
	position:relative;
	text-align:center;
	width:100%;
	font-size:8pt;
	color:#a0a0a0;
	padding-top:16px;
}