body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF;
	margin: 20px;
	padding: 0;
	background:url(../images/bgCampino.gif) repeat-x;
}
#masthead {
	color: #999999;
	background-color: #000000;
	padding: 0px;
	
}
#wrapper {
	width: 800px;
	background:#000000;
	margin: 0 auto;
	padding:0px;
}
#column_wrapper {
	
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
#right {
	width:550px;
	float: left;
	
}
#left {
	width:235px;
	float: left;
	
}
#left .content {
	padding: 0px;
	
}
#right .content {
	padding: 0px 0px 10px 0px;
margin-top:10px
	
	
}
.grayBox{
	
	color: #0000000;
    text-align: left;
    background:#ffffff url(../images/grayGradBg.jpg) repeat-x;
	margin:0px
}

#masthead .content {
	padding: 12px 16px;
	border-bottom:6px solid #cc0000;
	position:relative;
	margin: 0 auto;
}
.footer{
	text-align:center;
	color:gray;
	margin-top:20px
}
.footer span{
	border-top:1px solid gray;
	padding:0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}

#right a:link {
	color: #0000FF;
}
#right a:visited {
	color: #666666;
}
#right a:hover {
	color: #000000;
}
#wrapper .menulist a, #wrapper .menulist a:visited {
	color: #000000;
	border-left: 6px solid #FFD940;
	padding: 0 0 0 6px;
}
#wrapper .menulist a:hover {
	border-color: #000000;
	width:20px;
}

h1 {
	font-size: 18px;
	margin: 0;
	color:#716f6f;
	margin: 0px 0 0 10px;
	padding-top:10px;
	color:#FF9900;
}
h2 {
	font-size: 18px;
	margin: 0;
	color:#716f6f;
	margin: 10px 0 0 10px;
	color:#666666;
}
h3 {
	font-size: 1.25em;
	margin: 30px 0 0 0;
}
h4 {
	
	margin: 10px;
}
.nomargintop {
	margin-top: 0;
}
.content p {
	margin: 12px 10px 12px 10px ;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}
.content hr {
	color:#cccccc;
	width:100%;

}
.content ul,.content ol {
 font-size:12px;
 margin:10px 35px;
 
}
.content ul li{
    background:url(../images/bulletsSmall.jpg) 0px 9px no-repeat;
	display:block;
	list-style:none;

padding:5px 15px;
}
/* Header Menu */
#headerMenu {
      line-height:normal;
	  height:21px;
	  width:420px;
	  position:absolute;
	  bottom:5px;
	  right:0px;
      }
.caption{
	color:#ffffff;
	position:absolute;
	top:65px;
	right:200px;
	font-size:16px
}
.content > #headerMenu {
      bottom:1px;
      }
    #headerMenu ul {
        margin:0;
        padding:0px;
        list-style:none;
		
      }
    #headerMenu li {
      display:inline;
      margin:0;
      padding:0;
	
      }
    #headerMenu a {
      float:left;
      background:url(../images/headerMenuLeft.jpg) no-repeat left top;
      margin:0;
      padding:0 0 0 15px;
      text-decoration:none;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
      }
    #headerMenu a span {
      float:left;
      display:block;
      background:url(../images/headerMenuRight.jpg) no-repeat right top;
      padding:5px 20px 2px 0px;
      color:#444444;
	  font-weight:bold;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #headerMenu a span {float:none;}
    /* End IE5-Mac hack */
    #headerMenu a:hover span {
      color:#ffffff;
      }
    #headerMenu a:hover {
      background-position:0% -26px;
      }
    #headerMenu a:hover span {
      background-position:100% -26px;
      }

        #headerMenu #current a {
                background-position:0% -26px;
        }
        #headerMenu #current a span {
                background-position:100% -26px;
				 color:#ffffff;
        }
	.headerMenuIcon{
		border:0px;
		vertical-align:top;
		margin-right:3px
	}
/* End : Header Menu*/

.introImage{
	padding:10px 10px 20px 10px;
	text-align:center
}

ul.leftMenu{
	padding:0px;
	margin:0px;
	list-style:none;	
}
ul.leftMenu li{
	padding:0px 15px;
	margin:0px;
	background:url(noimg.jpg);	
	
}
ul.leftMenu li a,.leftMenu li a:hover{
	margin:2px;
	color:#030303;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:10px 5px 0px 45px;
	display:block;
	width:155px;
	height:27px;
	text-decoration:none;
}
ul.leftMenu li a.gasOilPrac{
	background:url(../images/leftMenuSilver.jpg)
}

ul.leftMenu li a.jobSeekers{
	background:url(../images/leftMenuGray.gif)
}
.leftMenu li a.employers{
	background:url(../images/leftMenuBlue.gif)
}
.leftMenu li a.latestJobs{
	background:url(../images/leftMenuLgGreen.gif)
}
.leftMenu li a.globalPresence{
	background:url(../images/leftMenuOrange.gif)
}
.leftMenu li a.siteMap{
	background:url(../images/leftMenuRed.gif)
}
.highLights{
	background:url(../images/highLights.jpg) bottom right no-repeat;
	height:150px;
	border-top:2px solid #c5c2c2;
}
.highLights ul{
	padding:10px 5px;
	margin:0px;
	width:350px;
	list-style:none;
}
.highLights li{
    font-size:12px;
	font-weight:bold;
	padding:5px 15px;
	background:url(../images/bullets.jpg) 0px 6px no-repeat;
	display:block

}
a img{
	border:0px solid white;
}
/*Job listing table*/
.jobList{
	font-size:12px;
	margin:20px 0px;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
}
.jobList th{
	text-align:right;
	vertical-align:top;
	padding:3px;
}
.jobList td{

	padding:3px;
}
.jobList p{
	margin:0 4px;
	padding:0px 5px;
}
.jobList span{
	background:yellow;
	padding:0px 5px;
}
.jobList caption{
	margin:0px;
	padding:0px 5px;
}
/*slider style*/
a:focus {
	outline: none;
}
#panel ,#panel1,#panel2,#panel3,#panel4,#panel5,#panel6,#panel7,#panel8,#panel9,#panel10,#panel11,#panel12,#panel13,#panel14,#panel15,#panel16,#panel17,#panel18,#panel19,#panel20,#panel21,#panel22,#panel23,#panel24,#panel25,#panel26,#panel27,#panel28,#panel29,#panel30{
	background: #edf3f6;
	display: none;
	width: 535px;
	/*border-left: solid 1px #658fa2;
	border-right: solid 1px #658fa2;
	border-bottom: solid 1px #658fa2;
*/
border: solid 1px #658fa2;
}
.slide {
	margin: 0;
	padding: 0 0 0 0px;
	background: url(../images/btn-slide.gif) no-repeat 10px -11px;
	text-align:right;
	
	
}
#right a.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat 118px -50px;
	text-align: left;
	width: 144px;
	height: 31px;
	padding: 8px 10px 0 15px;
	display: block;
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration: none;
	
	
}
#right a.active {
	background-position:118px 11px;

}
.slideContent{
padding:10px;}