/* Main Styles For Mid-Con Energy */

/* Reset */
* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse;border-spacing: 0; }

/* Page Elements */

body { width: 100%; text-align: center; margin: 0 auto; }

#wrapper { width: 950px; margin: 0 auto; text-align: center; overflow: hidden;}

#header { width: 950px; height: 90px; background: url(../images/header.jpg) no-repeat; }

#nav { width: 226px; height: 315px; float: left; margin: 0; padding: 0; }

#logo { width: 226px; height: 108px; }

#about { width: 226px; height: 27px; background: url(../images/about_on.jpg) no-repeat; }
#about:hover { background: url(../images/about_ovr.jpg) no-repeat; }

#operations { width: 226px; height: 28px; background: url(../images/operations_on.jpg) no-repeat; }
#operations:hover { background: url(../images/operations_ovr.jpg) no-repeat; }

#waterflood { width: 226px; height: 34px; background: url(../images/waterflood_on.jpg) no-repeat; }
#waterflood:hover { background: url(../images/waterflood_ovr.jpg) no-repeat; }

#news { width: 226px; height: 29px; background: url(../images/news_on.jpg) no-repeat; }
#news:hover { background: url(../images/news_ovr.jpg) no-repeat; }

#chemical { width: 226px; height: 30px; background: url(../images/chemical_on.jpg) no-repeat; }
#chemical:hover { background: url(../images/chemical_ovr.jpg) no-repeat; }

#faq { width: 226px; height: 30px; background: url(../images/faq_on.jpg) no-repeat; }
#faq:hover { background: url(../images/faq_ovr.jpg) no-repeat; }

#contact { width: 226px; height: 29px; background: url(../images/contact_on.jpg) no-repeat; }
#contact:hover { background: url(../images/contact_ovr.jpg) no-repeat; }

#media { width: 724px; height: 353px; float: left; }



/* Sub Page Elements */

#header_sub { width: 950px; height: 187px; }

#nav_sub { width: 226px; float: left; margin: 0; padding: 0; background-color: #FFFFFF; }

#content_area { width: 950px; height: 100%; overflow:hidden; background: url(../images/body_bg.jpg) repeat-y; }

#nav_overflow { width: 226px; height: 300px; overflow: visable; background: #a2afbc; }

#logo { width: 226px; height: 108px; }

#company { width: 226px; height: 27px; background: url(../images/company_on.jpg) no-repeat; }
#company:hover { background: url(../images/company_ovr.jpg) no-repeat; }

#about { width: 226px; height: 25px; background: url(../images/about_on.jpg) no-repeat; }
#about:hover { background: url(../images/about_ovr.jpg) no-repeat; }

#operations { width: 226px; height: 26px; background: url(../images/operations_on.jpg) no-repeat; }
#operations:hover { background: url(../images/operations_ovr.jpg) no-repeat; }

#waterflood { width: 226px; height: 26px; background: url(../images/waterflood_on.jpg) no-repeat; }
#waterflood:hover { background: url(../images/waterflood_ovr.jpg) no-repeat; }

#news { width: 226px; height: 25px; background: url(../images/news_on.jpg) no-repeat; }
#news:hover { background: url(../images/news_ovr.jpg) no-repeat; }

#chemical { width: 226px; height: 26px; background: url(../images/chemical_on.jpg) no-repeat; }
#chemical:hover { background: url(../images/chemical_ovr.jpg) no-repeat; }

#faq { width: 226px; height: 25px; background: url(../images/faq_on.jpg) no-repeat; }
#faq:hover { background: url(../images/faq_ovr.jpg) no-repeat; }

#contact { width: 226px; height: 26px; background: url(../images/contact_on.jpg) no-repeat; }
#contact:hover { background: url(../images/contact_ovr.jpg) no-repeat; }

#media_sub { width: 724px; background-color: #FFFFFF; background: url(../images/content_header.jpg) no-repeat top right; float: right; text-align: left; }

#media_sub2 { width: 724px; background-color: #FFFFFF; background: url(../images/content_header.jpg) no-repeat top right; float: left; text-align: left; }

#media_sub3 { width: 724px; background-color: #FFFFFF; background: url(../images/content_header.jpg) no-repeat top right; float: left; text-align: left; }

#footer_sub { width: 950px; height: 53px; background: url(../images/footer_sub.jpg) no-repeat; }




/* About Us Page */

#media_sub h1 { font-size: 20px; font-weight: bold; margin-top: 40px; margin-left: 10px; margin-bottom: -10px; }

#media_sub2 h1 { font-size: 20px; font-weight: bold; margin-top: 40px; margin-left: 10px; margin-bottom: -10px; }

#media_sub p { min-height: 160px; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: justify; padding-left: 10px; padding-right: 20px; margin-top: 30px; }

#media_sub2 p { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: justify; padding-left: 10px; padding-right: 20px; margin-top: 20px; }

#media_sub img { margin-right: 10px; float: left; }

#block { width: 650px; height: 230px; display: block; margin-bottom: 30px; float: left; }

#block2 { width: 650px; height: 25px; display: block; margin-bottom: 20px; margin-top: 20px; float: left; }

#media_sub h2 { margin: 20px; text-decoration: underline; }


#prompt h3 { margin-top: 20px;  margin-left: 108px; font-size: 14px; color:#993300; }

#media_sub h4 { margin-top: 0px; margin-left: 0px; font-size: 14px; color:#996600; float: left; }



/* Waterflood */

#video { width: 724px; height: 525px; text-align: center; }



/* News & Media */

#news_article { width: 680px; min-height: 50px; padding-left: 20px; margin-top: 50px; }

#news_article h3 { margin-bottom: 15px; }



/* FAQs */

#media_faq { width: 724px; background-color: #FFFFFF; background: url(../images/content_header.jpg) no-repeat top right; float: right; text-align: left; }

#media_faq h1 { font-size: 20px; font-weight: bold; margin-top: 40px; margin-left: 10px; margin-bottom: -10px; }

#media_faq p { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: justify; padding-left: 10px; padding-right: 20px; margin-top: 30px; }

.faq { text-decoration: underline; font-weight: bold; font-size: 14px; display: block; }



/* Contact */

#contact_1 { width: 370px; height: 300px; float: left; padding: 20px; }

#contact_1 h2 { margin-top: 20px; margin-left: 20px; }

#contact_1 p { line-height: 25px; margin-top: 10px; margin-left: 20px; }

#contact_2 {  font-size: 15px; width: 250px; float: left; padding-top: 20px; }

#contact_2 p { margin-top: 15px; }

.contact_name { line-height: 20px;  padding-top: 5px; padding-bottom: 10px; }



/* Chemical */

#chemical_image { width: 554px; height: 362px; margin-left: 85px; margin-top: 30px; margin-bottom: 30px; }

#chemical_text { width: 600px; margin-left: 58px; margin-top: 30px; margin-bottom: 30px; }


/* __________________________________ ADMIN AREA __________________________________ */



/* Login */

#login { height: 200px; width: 400px; margin-top: 50px; margin-left: 50px; }



/* Admin Home */

.admin_topic { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; margin-top: 30px; margin-left: 40px; }

#admin_main { width: 300px; height: 450px; margin-top: 30px; margin-left: 60px; text-align: left; }

#admin_main li { margin-top: 15px; list-style-type: none; }

#admin_main a { font-size: 16px; font-weight: bold; text-decoration: none; color: #0000FF; }
#admin_main a:hover { color: #000000; }

.logout { margin-left: 20px; }
.logout a { font-size: 16px; font-weight: bold; text-decoration: none; color: #0000FF; }
.logout a:hover { color: #000000; }


/* Admin Users */

#users { width: 600px; overflow: visible; margin-top: 40px; margin-bottom: 30px; margin-left: auto; margin-right: auto; }

#users td { text-align: center; border: 1px solid #666666; padding: 5px; }

#user img { float: left; margin: 0; padding: 0; }

.spacing_1 { margin-bottom: 25px; }

#prompt { margin-left: 20px; margin-top: 30px; }

#prompt a { width: 450px; font-size: 14px; font-weight: bold; text-decoration: underline; color: #0099FF; }
#prompt a:hover { color: #000000; }

#prompt2 { float: left; margin-top: 15px; margin-left: 60px; }

#users_add { width: 600px; margin-left: 75px; margin-top: 10px; margin-bottom: 50px; float: right;}

#users_add td { height: 25px; padding: 5px; }


.form_label { font-size: 16px; font-weight: bold; color: #333333; }