/**********************************************************************
	Filename: jlburke.css
	Project:  JL Burke
	
	Global style sheet
**********************************************************************/

/* ALWAYS DISPLAY VERTICLE SCROLL */
html { overflow-y:scroll; }

/* Body Tag Definition */
body { margin:0px 0px 15px 0px; background-color:#ffffff; }

/* GENERAL STYLES */
p, div, span, td, a, li, strong, textarea { font-family:Arial, Verdana, Helvetica, sans-serif; color:#2f2d2d; font-size:12px; }
a { font-weight:bold; text-decoration:none; color:#6e6e6e; }
a:hover { text-decoration:underline; }
p { margin:0px 0px 20px 0px; }
li { padding-bottom:10px; }

/* HEADINGS */
h1, h2, h3, h4, h5 { margin:0px; padding:0px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#949494; }
h1 { font-size:14px; margin-bottom:15px; }
h2 { font-size:16px; margin-bottom:7px; }
h3 { font-size:14px; margin-bottom:4px; }
h4 { font-size:12px; margin-bottom:3px; }
h5 { font-size:10px; }

/* OVERALL PAGE STYLE */
#pageMainHome { background-color:#ffffff; width:960px; margin:0px; padding:0px 0px 0px 0px; }
#pageMain { background-color:#ffffff; width:960px; margin:0px; padding:0px 0px 0px 0px; }

/* HEADER STYLE */
#pageHeader { position:relative; height:154px; margin:0px 0px 16px 0px; border-bottom:solid #999999 1px; background-image:url(../images/headerBG.jpg); background-repeat:no-repeat; }
#headerMenu { padding:134px 0px 0px 0px; text-align:right; }
#headerMenu a { color:#7D7D7D; font-weight:normal; font-size:12px; text-transform:lowercase; }
#headerMenu a:hover { color:#2f2d2d; text-decoration:none; }
#headerMenu span { color:#7D7D7D; padding:0px 15px 0px 15px; font-weight:bold; font-size:12px; }

#headerSubMenu { padding:5px 0px 0px 0px; text-align:right; }
#headerSubMenu a { color:#7D7D7D; font-weight:normal; font-size:12px; text-transform:lowercase; }
#headerSubMenu a:hover { color:#2f2d2d; text-decoration:none; }
#headerSubMenu span { color:#7D7D7D; padding:0px 11px 0px 11px; font-weight:bold; font-size:12px; }
#headerSubMenu .headerSubMenuOn { color:#2f2d2d; }

#logoLink { position:absolute; top:0px; left:0px; }

/* HOME PAGE CONTENT */
#pageContentHome { margin:20px 0px 0px 0px; padding:22px 0px 0px 0px; border-top:solid #999999 1px; }
#leftColumn { float:right; width:857px; }
#leftColumnContent { padding:0px 524px 0px 18px; text-align:left; width:315px; color:#666666; }
.leftColumnHeader { text-transform:lowercase; padding:0px 0px 15px 0px; }
#rightColumn { float:right; width:103px; }
#rightColumnContent { text-align:right; width:103px; height:59px; background-image:url(../images/associationLogo.jpg); background-repeat:no-repeat; }

/* NAVIGATION */
#pageHomeMenu { text-align:left; padding:12px 0px 12px 24px; background-image:url(../images/navHomeBG.jpg); background-repeat:no-repeat; }
#pageHomeMenu a { color:#D5D5D5; font-weight:normal; font-size:12px; text-transform:lowercase; }
#pageHomeMenu a:hover { color:#FF9000; text-decoration:none; }
#pageHomeMenu span { padding:0px 19px 0px 19px; color:#D5D5D5; }

#headerSecMenu { position:absolute; top:0px; right:0px; text-align:right; padding:12px 0px 12px 0px; }
#headerSecMenu a { color:#7D7D7D; font-weight:normal; font-size:12px; text-transform:lowercase; }
#headerSecMenu a:hover { color:#2f2d2d; text-decoration:none; }
#headerSecMenu span { padding:0px 17px 0px 17px; color:#7D7D7D; }
#headerSecMenu .headerSecMenuOn { color:#2f2d2d; }

/* PROJECT MENU FOR PROJECTS PAGE */
#projectMenu { text-align:left; font-weight:normal; }
#projectMenu div { padding:2px 0px 2px 15px; }
#projectMenu div a { font-weight:normal; }
#projectMenu div a:hover {  color:#2f2d2d; text-decoration:none;  }

/* SECONDARY CONTENT */
#header { position:relative; height:154px; margin:0px 0px 3px 0px; border-bottom:solid #999999 1px; background-image:url(../images/headerBG.jpg); background-repeat:no-repeat; }
#header .headerMenuOn { color:#2f2d2d; }
.pageTitle { font-size:42px; margin-bottom:10px; color:#949494; font-weight:normal; }
#page { float:right; width:960px; padding:20px 0px 30px 0px; text-align:left; }
#pageLeftColumn { width:200px; }
#pageMiddleColumn { float:right; width:348px; padding:0px 30px 0px 32px; }
#pageRightColumn { float:right; width:350px; text-align:right; }
#pageRight { float:right; width:730px; text-align:left; padding:0px 0px 0px 30px; }
.orangeLine { height:2px; background-color:#ff9000; margin-bottom:30px; }

/* FOOTER */
#footer { padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; border-top:2px solid #ff9000; text-align:left; color:#949494; font-weight:normal; }
#footer span { padding:0px 15px 0px 15px; }
#footer a { color:#949494; font-weight:normal; }
#footer a:hover { color:#2f2d2d; text-decoration:none; }

/* PROJECTS */
#subMenu div { margin-bottom:5px; font-weight:bold; color:#2f2d2d; }
#subMenu a { color:#949494; text-decoration:none; }
#subMenu a:hover { color:#2f2d2d; text-decoration:none; }
.projectName { font-size:18px; font-weight:bold; color:#949494; }
.projectOwner { font-size:18px; font-weight:bold; color:#949494; }
.contactInfo { float:left; width:310px; margin:20px 0px 20px 0px; }
.contactInfoLeft { float:left; width:170px; font-weight:bold; }
.contactInfoRight { float:right; width:140px; font-weight:bold; text-align:right; }

.leftSideProjects { width:100%; }
.projectLink { font-size:12px; font-weight:bold; color:#949494; }
.projectLink:hover { text-decoration:none; color:#2f2d2d; }

/* FORMS */
.tblf { text-align:right; font-weight:bold; }

/* NEWS */
.nwsTitle{ color:#98022f;; font-weight:bold; font-size:15px; margin:0px 0px 5px 0px; }
.nwsDate{ font-weight:bold; font-style:italic; }
.nwsLinks { margin:0px 40px 20px 0px; }
.divider { width:100%; height:1px; margin:5px 0px 20px 0px; border-bottom:1px solid #cdcdcd; }

/* SLIDESHOW */
.slideshowBG { position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url( ../images/imgSlideshowBG.png ); visibility:hidden; }
.slideshowContainer { padding:150px 0px 0px 0px; }
.slideshowTop { padding:2px 10px 2px 10px; background-color:#ffffff; text-align:right; color:#000000; }
.slideshowImage { border:1px solid #ffffff; background-color:#000000; }
.slideshowFooter { background-color:#ffffff; padding:7px 10px 7px 10px; text-align:left; }
.slideshowFont { color:#000000; font-weight:bold; }
.slideshowProject { float:left; font-weight:bold; }
.slideshowNext { text-align:right; color:#000000; }

/* CONTENT IMAGES */
.imgLeft { padding:0px 10px 10px 0px; }
.imgRight { padding:0px 0px 10px 10px; }