/**********************************************************************
	Filename: trulyreachingyou.css
	Project:  trulyreachingyou.com
	
	Global style sheet
**********************************************************************/
/* BODY TAG */
body { margin:17px 0px 0px 0px; padding:0px; background-color:#003366; background-image:url(../images/bodyBG.jpg); background-repeat:repeat-x; background-position:top center; }

/* Assign font and color to the general styles */
font, th, td, p, span, div, a, ul, li { font-family:Arial, sans-serif; font-weight:normal; font-size:12px; color:#000000; }
textarea{ font-family:Arial, sans-serif; font-weight:normal; font-size:12px; color:#000000; }
a { font-weight:bold; font-style:normal; color:#3399CC; text-decoration:none; }
a:hover { text-decoration: underline; }
hr { width:100%; height:1px; margin: 4px 0px 4px 0px; color:#99cc66; }
p { margin:4px 0px 15px 0px; padding:0px; }
ol li { margin-bottom:5px; }
ul li { margin-bottom:5px; }

/* heading tags */
h1, h2, h3, h4 { font-family:Arial, sans-serif; margin:0px; padding:0px; color:#3399cc; }
h1 { font-size:20px; font-weight:bold; margin-bottom:10px; }
h2 { font-size:18px; }
h3 { font-size:14px; color:#669933; }
h4 { font-size:12px; }

/* HEADER */
#headerTop { width:850px; height:30px; background-color:#ffffff; background-image:url(../images/pageTop.jpg); background-repeat:no-repeat; }
#header { position:relative; width:837px; height:99px; padding:0px 7px 0px 6px; text-align:left; background-color:#ffffff; }
#callUs { position:absolute; top:0px; right:7px; width:198px; height:42px; background-image:url(../images/btnCallUs.jpg); background-repeat:no-repeat; }
#logo { position:absolute; top:17px; left:33px; width:160px; height:78px; }

/* HEADER NAVIGATION */
#navigation { position:absolute; top:75px; right:11px; width:625px; }
.navSection { float:left; color:#000000; padding-bottom:5px; }
.navBar { float:left; padding:0px 5px 0px 5px; font-size:14px; color:#000000; }
.pagParent { font-size:14px; color:#000000; font-weight:300; letter-spacing:0px; }
.pagParent:hover { color:#3399CC; text-decoration:none; }
.pagParentOn{ font-size:14px; color:#3399CC; font-weight:300; }
.pagParentOn:hover{ text-decoration:none; }

/* SUB NAVIGATION */
#submenuNav { margin-bottom:32px; }
#submenuNav div { margin-bottom:2px; padding:0px 0px 0px 0px; }
#submenuNav div a { text-decoration:none; font-weight:normal; color:#000000;}
#submenuNav div a span { font-size:16px; }
#submenuNav div a:hover { text-decoration:none; color:#3399CC; }
#submenuNav div a:hover span { text-decoration:none; color:#3399CC; }
#submenuNav .submenuNavOn { text-decoration:none; font-weight:normal; color:#3399CC; }
#submenuNav .submenuNavOn span { text-decoration:none; font-weight:normal; color:#3399CC; }
#submenuNav .submenuNavOn:hover{ text-decoration:none; }

/* NEWS HOME SECTION */
.newsBlurbContainer { padding-bottom:10px; }
.newsBlurbContainer div a { color:#000000; font-weight:normal; }
.newsBlurbContainer div a span { font-size:15px; }
.newsBlurbContainer div a:hover { text-decoration:none; color:#3399CC; }
.newsBlurbContainer div a:hover span { text-decoration:none; color:#3399CC; }
.newsBlurbDivider { width:214px; height:1px; background-color:#99cc66; margin-bottom:12px; }
.newsAllLink { margin:17px 0px 17px 0px; }
.newsAllLink span { color:#22ccee; font-size:15px; }
.newsAllLink span:hover { text-decoration:none; color:#3399CC; }
.helpButton { margin-bottom:11px; }

/* BANNERS */
#homeBanner { position:relative; width:836px; height:317px; padding:0px 7px 0px 7px; background-color:#ffffff; }
.homeBannerPhotos { position:absolute; top:14px; right:-20px; }
#contactBanner { position:relative; width:836px; height:174px; padding:0px 7px 0px 7px; background-color:#ffffff; }
.contactBannerPhotos { position:absolute; top:6px; right:-17px; }
#aboutBanner { position:relative; width:836px; height:174px; padding:0px 7px 0px 7px; background-color:#ffffff; }
.aboutBannerPhotos { position:absolute; top:6px; right:-17px; }
#programsBanner { position:relative; width:836px; height:174px; padding:0px 7px 0px 7px; background-color:#ffffff; }
.programsBannerPhotos { position:absolute; top:6px; right:-17px; }
#hireBanner { position:relative; width:836px; height:174px; padding:0px 7px 0px 7px; background-color:#ffffff; }
.hireBannerPhotos { position:absolute; top:6px; right:-17px; }
#helpBanner { position:relative; width:836px; height:174px; padding:0px 7px 0px 7px; background-color:#ffffff; }
.helpBannerPhotos { position:absolute; top:6px; right:-17px; }
#partnersBanner { position:relative; width:836px; height:174px; padding:0px 7px 0px 7px; background-color:#ffffff; }
.partnersBannerPhotos { position:absolute; top:6px; right:-17px; }
#newsBanner { position:relative; width:836px; height:174px; padding:0px 7px 0px 7px; background-color:#ffffff; }
.newsBannerPhotos { position:absolute; top:6px; right:-17px; }

/* MAIN ELEMENTS */
#pageContainer { width:898px; }
#page { width:836px; padding:24px 7px 0px 7px; background-color:#ffffff; text-align:left; }
#rightSide { float:left; width:251px; min-height:337px; padding:0px 22px 17px 22px; background-image:url(../images/dottedLine.jpg); background-repeat:no-repeat; }
#leftSide { float:left; width:491px; min-height:337px; padding:0px 25px 17px 25px; text-align:left; background-image:url(../images/subNavBG.gif); background-repeat:repeat-x; }

.homeVisionContainer { width:491px; margin-bottom:10px; }
.homeVisionImage { float:left; width:43px; padding-right:13px; }
.homeVisionContent{ float:left; width:435px; }

/* FOOTER */
#footerContainer { width:838px; padding:0px 6px 0px 6px; background-color:#ffffff; }
#footer { width:774px; height:44px; padding:17px 32px 0px 32px; text-align:left; background-color:#666666; }
#footerLeftSide { float:left; color:#999999; }
#footerLeftSide div { margin-bottom:2px; color:#999999; }
#footerLeftSide span { padding:0px 6px 0px 6px; color:#999999; }
#footerRightSide { float:right; color:#999999; }
#footerRightSide span { padding:0px 6px 0px 6px; color:#999999; }
#footerRightSide a { font-weight:normal; color:#999999; }
#footerBottom { width:898px; height:35px; background-image:url(../images/footerBottom.jpg); background-repeat:no-repeat; }

/* NEWS SECTION */
.newsContainer { margin-left:30px; margin-bottom:8px; }
.newsTitle a { font-size:12px; }
.newsTitle a:hover { text-decoration:underline; color:#3399CC; }
.newsSummary a { color:#99cc66; }
.newsSummary a:hover { text-decoration:underline; color:#3399CC; }
#newsImageColumn { float:right; width:210px; padding:40px 0px 0px 0px; text-align:right; }
.columnImage { display:block; margin:10px 0px 10px 10px; }

/* HISTORY TIMELINE */
.timelineContainer { margin-bottom:15px; }
.timelineYear { float:left; width:55px; padding-right:5px; font-weight:bold; text-align:right; }
.timelineContent { float:left; width:430px; }

/* MANAGER BIOS */
.managerContainer { margin-bottom:10px; }
.manageerPhoto { float:left; width:200px; }
.managerInfo { float:left; width:290px; padding-top:5px; }
.managerName { font-weight:bold; font-size:14px; }

/* TEXT CLASSES */
.note { font-size:10px; }
.greenTextVision { font-size:18px; color:#669933; }
.greenText { font-size:14px; color:#669933; font-weight:bold; }
.redText { font-weight:bold; color:#ff0000; }
.greenLine { height:1px; background-color:#99cc66; }

.horizontalRow { padding-top:5px; margin-top:5px; border-top:1px dotted #a7a7a7; }

/* CONTENT IMAGES */
.picRight{ float:right; margin:0px 0px 10px 10px; }
.picLeft{ float:left; margin:0px 10px 10px 0px; }

/* FORMS */
.tblf { font-weight:bold; }
.text { border:1px solid #99cc66; }
.textarea { border:1px solid #99cc66; }
.select { border:1px solid #99cc66; }
.formBottom { padding-top:10px; margin-top:10px; border-top:1px dotted #a7a7a7; }
.formBottomLeft { float:left; }
.formBottomRight { float:right; }
.button {  }

/* WISH LIST TABLES */
.tblhdr { font-size:14px; font-weight:bold; color:#3399CC; margin-bottom:3px; }
.tbl { border:1px solid #666666; }
.highPriority { font-weight:bold; font-style:italic; }
.tblsec{ font-weight:bold; color:#ffffff; background-color:#666666; }

