/* CSS Custom SPE code */
/*Assign this class to the image tag to align the image as required*/
/*IMAGE border*/

.mining:hover
{
background-color: #e0301e;
}
.utility:hover
{
background-color: #e0301e;
}
.oin_and_gas:hover
{
background-color: #e0301e;
}
.renewable_energy:hover
{
background-color: #e0301e;
}
.desc
{
color: white;
}


.head
{
color: white;
font-family: Georgia,"Times New Roman";

font-size: 1.5em;

font-weight: bold;
}

.mining
{
background-color: #404041;
float: left;
width: 247px;
padding: 10px;
margin: 5px;
height: 81px;
}




.utility
{
background-color: #6d6e71;
float: left;
width: 247px;
padding: 10px;
margin: 5px;
height: 81px;
}

.oin_and_gas
{
background-color: #6d6e71;
float: left;
width: 247px;
padding: 10px;
margin: 5px;
height: 81px;
}

.renewable_energy
{
background-color: #404041;
float: left;
width: 247px;
padding: 10px;
margin: 5px;
height: 81px;
}


.imageborder {
	padding: 1px;
	border: 1px solid #CCCCCC;
	margin: 1px;
}
/*IMAGE Float Right*/
.imageFloatRight {
	float: right;
	padding: 2px;
	margin-bottom: 5px;
	margin-left: 10px;
	border: 1px solid #cccccc;
}
/*IMAGE Float Right*/
.imageFloatLeft {
	float: left;
	padding: 2px;
	border: 1px solid #cccccc;
	margin-right: 10px;
	clear: both;
	margin-bottom: 5px;
}
/*Single Box 540px width with #cccccc border around it*/
#singleBox_fixed {
	padding: 10px;
	width: 540px;
	border: 1px solid #cccccc;
}
/*Single Box 100% width with #cccccc border around it*/
#singleBox_liquid {
	padding: 10px;
	width: 100%;
	border: 1px solid #cccccc;
}
/*Simple grid display - Support TH aswell, stretch 100%*/
#gridBox {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
	width: 100%;
}
#gridBox td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	padding-left: 5px;
}
#gridBox th {
	background-color: #f0f0f0;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	padding-left: 5px;
}

/*KING BOX*/
#king-box {font-size: 11px;width: 100px;background-color: #80766e;color: #FFFFFF;font-weight: bold;text-align: left;padding-top: 5px;	padding-right: 5px;padding-left: 5px;height: 100px;margin-right: 10px;float: left;padding-bottom: 5px;	border: 1px solid #3e3a36;}
.king-chapter    {	font-size: 80px;	width: 90px;height: 90px;margin: 0px;padding:2px;}
.king-chapter p  {padding:2px;margin: 0px;overflow: visible;}

/*Publication/Highlight Box*/
.desc_box {
float:left;
margin:0 0 20px;
padding:0 0 0 132px;
width:425px;
border: 1px none #c7c8ca;
}

.clearfix {
height:1%;
}

.desc_box img.left {
background:none repeat scroll 0 0 #FFFFFF;
border: 1px solid #c7c8ca;
float:left;
margin:0 0 0 -132px;
padding:0;
}
.pullquote { width: 300px; float: right; margin: 3px;padding:3px; font-family: Georgia, "Times New Roman", Times, serif; font-size: x-large; font-style: oblique; font-weight: bold; color: #db536a;line-height: 25px; }

.studentspan
{

font-family: Georgia, "Times New Roman";
font-weight: bold;
font-size: 2em;
color: #ffffff;
background-color: #db536a;
width: 271px;
height: 118px; 
padding: 10px 10px 10px 10px;
top: 311px;
left: 81px;
position: absolute;
text-decoration: none;

}
.studentspandesc
{
position: absolute;
top: 340px;
left: 81px;
color: #ffffff;
font-size: 1.3em;
font-family: Arial;
padding: 10px 10px 10px 10px;
width: 150px;
}


.experiencedspandesc
{
position: absolute;
top: 300px;
font-family: Arial;
font-size: 1.3em;
color: #ffffff;
padding-top: 10px;
width: 348px;
left: 279px;
padding: 10px 10px 10px 10px;
}

.experiencedspan
{
position: absolute;
top: 273px;
left: 279px;
font-family: Georgia, "Times New Roman";
font-weight: bold;
font-size: 2em;
color: #ffffff;
background-color: #a32020;
width: 326px;
height: 111px; 
padding: 10px 10px 10px 10px;
cursor: pointer;
}

.back{
position: absolute;
left: 100px;
}
.linkers{

top: 320px;
left: 26px;
position: absolute;
}
.tab1

{
cursor: pointer;
background-color: #eb8c00;

float: left;

width: 160px;

height: 20px;

padding-top: 10px;

padding-right: 10px;

padding-bottom: 10px;

padding-left: 10px;

margin-top: 5px;

margin-right: 5px;

margin-bottom: 5px;

margin-left: 5px;


text-align: center;

color: #ffffff;

font-family: Georgia,"Times New Roman";
font-weight: bold;
}


.tab2

{
cursor: pointer;
background-color: #eb8c00;

float: left;

width: 160px;

height: 20px;

padding-top: 10px;

padding-right: 10px;

padding-bottom: 10px;

padding-left: 10px;

margin-top: 5px;

margin-right: 5px;

margin-bottom: 5px;

margin-left: 5px;


text-align: center;

color: #ffffff;

font-family: Georgia,"Times New Roman";
font-weight: bold;
}


.tab3

{
cursor: pointer;
background-color: #eb8c00;

float: left;

width: 160px;

height: 20px;

padding-top: 10px;

padding-right: 10px;

padding-bottom: 10px;

padding-left: 10px;

margin-top: 5px;

margin-right: 5px;

margin-bottom: 5px;

margin-left: 5px;


text-align: center;

color: #ffffff;

font-family: Georgia,"Times New Roman";
font-weight: bold;
}

.tab1:hover { background-color: #dc6900;}
.tab2:hover { background-color: #dc6900;}
.tab3:hover { background-color: #dc6900;}