@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	
}
img {
	max-width: 100%;
	height: auto;
}
img[src$=".gif"] {
	padding: 10px;

}

h1 img, .logo img, .fb_yt_links img{
	padding: 0 5px 0 0 !important; 
}

/*---------------PETROCON---------------------*/
body,td,th {
	color: #FFF;
}
a {
	color: #ffaf00;
}
a:hover {
	color: #FC6;;
}
body {
	background-color: #868686;
	background-image: url(../images/JPG/layout-11_2012_02.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
}
h1, h2, h3, h4 {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #ffaf00;
	padding-bottom: 10px;
}
td {
	padding: 3px;
}
#connect {
	margin: 0;
	padding: 0;
	padding-left:30px;
	float:right;
	text-align:right;
	vertical-align:top;
}
#newsletter {
	margin:0;
	padding:5px;
	float:right;
	text-align:center;
	vertical-align:top;
	font-weight: bold; 
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size:12px; 
	color:#FFFFFF;
}
.slide_border img {
	display: block;
	width: 100%;
	height: auto;
	border-top: none;
}
.justified {
	text-align: left;
}
.column_font p, .column_font li {
	font-size: 100%;
	text-align: left;
}
.centertext {
	text-align:left;
}
.bullet_special {
	color:#ffaf00;
}
.program_titles {
	font-size: 190%;
}
.badges {
	margin:auto;
	display: block;
	text-align: center;
}

.back_link {	
	padding-bottom: 15px;
}
.back_link a {
	font-size:9px;
}
.subcontent {
	background: #555;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 1px solid #000;
	border-top: 3px #aaa solid;
}
.subcontent img[src$=".jpg"] { 
	border: #000 solid thin;
}
.thanks {
	background: url(../images/PNG/contact_bkg.png) no-repeat bottom right;
	background-size:cover;
}
.join_button a {
	display: block;
	text-decoration: none;
	text-align:center;
	font-size: 1.25em;
	background-color: #333;
	background-image: -webkit-linear-gradient(#333 0%,#000 75%);
	background-image: linear-gradient(#333 0%,#000 75%);
	/*background:   Chrome10+,Safari5.1+ */
	border-radius: 8px;
	color: white;
	width: 120px;
	padding: 1.5%;
	margin-right: auto;
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
	text-shadow: 1px 1px black;
	border: 2px solid #ffaf00;
}
.join_button a:hover {
	color: #FFF;
	border-color: #fff;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#overlay {
	display:none;
    margin-top: 0;
	width: 90%;

}
div.OverlayWrap {
	background: #000;
	border: 2px solid #666;
	width: 100%;
	/*max-width:800px;*/
	margin: 0 auto;
	
}
.overlay_header {
	
}
.overlay_content {
	background:url(../images/JPG/header.jpg) top center no-repeat;
	background-attachment:scroll;
	background-size:contain;
	padding: 70px 15px 15px 15px;
	height:450px;    
	overflow-y:auto;
}
#overlay .close {
    background-image:url(../images/PNG/close.png);
	background-size: cover;
    position:absolute; right: -12px; top: -12px;
	cursor:pointer;
    height:25px;
    width:25px;
}
.connect_links {
	display:none;
}
.program_columns {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
     -moz-column-count: 3; /* Firefox */
     column-count: 3;
	 -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
     -moz-column-gap: 20px; /* Firefox */
     column-gap: 20px;
	 text-align:center;
	 width: 90%;
	 margin:auto;
}
/*--------------- MOBILE MENU -------------------*/
.mobile_menu {
	display:none;
}
.wide, .wide2, .wide3 {
	width:95%;
	margin: auto;
}
.wide a {
	display: block;
	text-decoration: none;
	text-align:center;
	font-size: 1em;
	background-color: #333;
	background-image: -webkit-linear-gradient(#333 0%,#000 75%);
	background-image: linear-gradient(#333 0%,#000 75%);
	/*background:   Chrome10+,Safari5.1+ */
	border-radius: 8px;
	color: white;
	width: 92%;
	padding: 10px 8px;
	margin: 10px auto;
	border: 2px solid #444;
	float:left;
}
.wide a:hover {
	color: #000;
	background: #ffaf00;
	border: 2px solid #ffaf00;
}
.wide2 a {
	display: block;
	text-decoration: none;
	text-align:center;
	font-size: 1em;
	background-color: #333;
	background-image: -webkit-linear-gradient(#333 0%,#000 75%);
	background-image: linear-gradient(#333 0%,#000 75%);
	/*background:   Chrome10+,Safari5.1+ */
	border-radius: 8px;
	color: white;
	width: 41%;
	padding: 10px 8px;
	margin: 10px 1%;
	border: 2px solid #444;
	float:left;
}
.wide2 a:hover {
	color: #000;
	background: #ffaf00;
	border: 2px solid #ffaf00;
}
.wide3 a {
	display: block;
	text-decoration: none;
	text-align:center;
	font-size: 1em;
	background-color: #333;
	background-image: -webkit-linear-gradient(#333 0%,#000 75%);
	background-image: linear-gradient(#333 0%,#000 75%);
	/*background:   Chrome10+,Safari5.1+ */
	border-radius: 8px;
	color: white;
	width: 25%;
	padding: 10px 8px;
	margin: 10px 1%;
	border: 2px solid #444;
	float:left;
}
.wide3 a:hover {
	color: #000;
	background: #ffaf00;
	border: 2px solid #ffaf00;
}
/*---------------------- FOOTER ----------------------*/

.footer {
	color: #fff;
	/*color: #ccc;*/
	text-align: center;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	padding-bottom: 35px;
	background-image: url(../images/footer.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
}
.footer a {
	/*color: #ddd;*/
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.footer a:hover {
	color: #D680A3;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}