﻿body {background: transparent url('/images/rec/rec-background.jpg')}

#upperContent {
    position: relative;
    width: 980px;
    padding-bottom:0;
}
#mainContent {
    width: 967px;
}

#contentBoxUpper {
    width: 965px; 
    height:85px; 
    background: transparent url('/images/rec/rec-content-box-upper.png') no-repeat;
}
#contentBoxLower {
    width: 965px; 
    height:83px; 
    background: transparent url('/images/rec/rec-content-box-lower.png') no-repeat;
}
#contentBoxLeft {
    width: 18px;
    background: transparent url('/images/rec/rec-content-box-left.png') repeat-y;
}
#contentBoxRight {
    width: 18px;
    background: transparent url('/images/rec/rec-content-box-right.png') repeat-y;
}
#contentBoxOuterContent {
    width: 929px;
}
#contentBoxInnerContent{
    margin: -45px 10px -30px 17px; 
    /*width: 705px;*/
    z-index: 2000;
}



#subNav {
    position: absolute;
    top: -50px;
    left: 15px;
    z-index: 5000;
}
#subNavUpper {
    background: transparent url('/images/rec/rec-clipboard.png') no-repeat;
    width: 282px;
    height: 385px;
}
#subNavContent {
    position: absolute;
    padding: 90px 0 30px 30px;
}
#subNavLogo {margin:0}

#upperNav {
    float: right;
    padding: 15px 80px 0 0;
    z-index:50;
}
#buttonNav {
    position: absolute;
    left: 280px;
    top: 20px;
    z-index: 6000;
}

#innerBox {
    position: absolute; 
    width: 893px; 
    height: 319px; 
    top:55px
}
#innerBoxUpper {
    position: absolute; 
    z-index: 10; 
    height: 46px; 
    width: 893px;
    background: transparent url('/images/rec/rec-inner-box-upper.gif') no-repeat;
}
#innerBoxLower {
    position: absolute; 
    z-index: 10; 
    height: 48px; 
    width: 893px;
    top: 271px;
    background: transparent url('/images/rec/rec-inner-box-lower.gif') no-repeat;
}
#innerBoxLeft {
    position: absolute; 
    z-index: 10; 
    height: 225px; 
    width: 4px;
    top: 46px;
    background: transparent url('/images/rec/rec-inner-box-left.gif') no-repeat;
}
#innerBoxRight {
    position: absolute; 
    z-index: 10; 
    width: 4px; 
    height: 225px; 
    top: 46px;
    left: 889px; 
    background: transparent url('/images/rec/rec-inner-box-right.gif') no-repeat;
}
#innerBoxContent {
    position: absolute; 
    z-index: 1; 
    height: 319px; 
    width: 893px;
    top: 3px;
    left: 0px; 
    overflow:hidden;
}
 
 
#callout {
    position: absolute;
    top: 350px;
    left: 50px;
    z-index: 500;
    width: 250px;
}
 
 
/* Internal Content and sidebars*/ 

/*.cphEICallout, .cphCEIBody {border: 1px solid green;}*/
.cphEICallout 
{
    float: left; 
    width: 230px; min-height: 200px;
    margin: 260px 0px 0px -20px; 
    padding-right: 20px;
    background: transparent url('/images/rec/rec-internal-box-right.gif') repeat-y right;
}
.cphCEIBody   
{
    float: left; margin: 0px 0px 0px 20px; width:480px}

#internalInnerBox { margin: 20px 0 0 0px; position:relative; z-index: 4000; }
#internalInnerBoxUpper {
    vertical-align: top;
    height: 48px; 
    width: 893px;
    background: transparent url('/images/rec/rec-internal-box-upper.gif') no-repeat;
}
#internalInnerBoxLower {
    width: 893px;
    height: 46px;
    padding-bottom: 0px;
    background: transparent url('/images/rec/rec-internal-box-lower.gif') no-repeat;
}
#internalInnerBoxLeft {
    width: 5px;
    height: 456px;
    background: transparent url('/images/rec/rec-internal-box-left.gif') repeat-y;
}
#internalInnerBoxRight {
    width: 5px; 
    height: 456px;
    background: transparent url('/images/rec/rec-internal-box-right.gif') repeat-y right;
}
#internalInnerBoxContent {
    vertical-align: top;
    /*width: 535px;
    height: 640px;*/
    padding: 0 30px 0 30px;

}
#crumbs {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e2383f;
	line-height: 15px;
	text-transform: lowercase;
	margin: 30px 0 0 290px;
	padding:10px 0 10px 0;
}
#crumbs a:link {color: #e2383f; text-decoration: none}
#crumbs a:visited {color: #e2383f; text-decoration: none}
#crumbs a:hover {color: #e2383f; text-decoration: underline}


#boxWelcome {
    position: absolute; 
    width: 452px; 
    height: 262px;
    top: 370px;
    left: 40px;
    z-index: 4500;
    background: transparent url('/images/rec/rec-box-welcome.gif') no-repeat;
} 
#boxEvents {
    position: absolute; 
    width: 425px; 
    height: 256px;
    top: 375px;
    left: 500px;
    z-index: 4600;
    background: transparent url('/images/rec/rec-box-events.gif') no-repeat;
}   
#placeForYouHome {
    position: absolute; 
    width: 208px; 
    height: 139px;
    top: 190px;
    left: 40px;
    z-index: 4500;
    background: transparent url('/images/rec/rec-place-for-you.gif') no-repeat;
}
#placeForYou {
  background: url("/images/rec/rec-place-for-you.png") no-repeat scroll 0 0 transparent;
  height: 453px;
  left: -42px;
  position: absolute;
  top: 75px;
  width: 67px;
  z-index: 4500;
}
#recBlot {
    position: absolute; 
    width: 117px; 
    height: 134px;
    top: 310px;
    left: 830px;
    z-index: 4700;
    background: transparent url('/images/rec/rec-blot.png') no-repeat;
}
#recPeace {
    position: absolute; 
    width: 53px; 
    height: 57px;
    top: 615px;
    left: -25px;
    z-index: 4500;
    background: transparent url('/images/rec/rec-peace.png') no-repeat;
}
#greenSplotch {
    position: absolute; 
    width: 226px; 
    height: 214px;
    top: -50px;
    left: -100px;
    z-index: -1;
    background: transparent url('/images/rec/rec-green-splotch.png') no-repeat;
}
#upperYellowSplotch {
    position: absolute; 
    width: 205px; 
    height: 261px;
    top: -10px;
    left: 800px;
    z-index: -1;
    background: transparent url('/images/rec/rec-yellow-splotch.png') no-repeat;
}
#lowerYellowSplotch {
    position: absolute; 
    width: 205px; 
    height: 261px;
    top: 600px;
    left: 700px;
    z-index: -1;
    background: transparent url('/images/rec/rec-yellow-splotch.png') no-repeat;
}

#searchBtn {float:left}

#buttonNavYellowContent {margin: 5px 0 0 37px}
#buttonNavOrangeContent {margin: 5px 0 0 13px}
#buttonNavBlueContent {margin: 5px 0 0 10px}
#buttonNavBlueContent img {width: 175px;}

#footerContent {padding: 10px 0 0 0}
