body {
text-align: center;
min-width: 760px;
background-color: white;
background-image: url(../images/background/GradientBack.png);
background-repeat: repeat-x; 
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* center part */
#wrapper {
width: 938px;
margin: 0 auto;
text-align: left;
}

/* top left - logo area */
#topleft {
float: left;
width: 214px;
height: 102px;
}

/* top links */
#toprighttextlinks {
float: right;
width: 724px;
height:20px;
text-align: right;
}

/* top left - search/text area */
#toprightsearch {
float: right;
width: 724px;
text-align: right;
height:30px;
vertical-align: bottom;
}

/* Connect Text */
#connecttext {
float: right;
width: 90px;
height: 35px;
text-align: right;
vertical-align: bottom; 
}

/* Connect Button */
#connectbutton {
float: right;
width: 45px;
height: 46px;
vertical-align: top; 
text-align: right;
margin-top: 0px;
}

/* Foundation Text */
#foundationbuttontext {
float: right;
width: 567px;
height: 20px;
text-align: right;
vertical-align: bottom; 
}

/* Foundation Text */
#foundationbuttontextinside {
float: right;
width: 200px;
height: 20px;
text-align: right;
vertical-align: bottom; 
}

/* Mission Statement Inside */
#missioninside {
float: right;
width: 367px;
height: 20px;
text-align: left;
vertical-align: bottom; 
}

/* Foundation Button */
#foundationbutton {
float: right;
width: 22px;
height: 46px;
text-align: right;
vertical-align: bottom; 
margin-top: 0px;
margin-bottom: 0px;
}

/* Blank Space */
#blankspace {
float: left;
width: 938px;
height: 0px;
margin:0px;
vertical-align: top; 
background-color:#FFFFFF;
font-size:0px;
}

/* blue bar */
#whitespace {
clear:both;
float: left;
width: 159px;
height: 31px;
margin: 0px;
background-image: url(../images/UnderLogo.jpg);
}

/* about cp button */
#bluenav1 {
display: table; 
float: left;
width: 774px;
height: 31px;
margin: 0px;
line-height:31px;
background-image: url(../images/blue_buttons/BigBlue.jpg);
vertical-align: middle;
text-align: center;
}

#bluenav1 div{
display: table-cell; 
vertical-align: middle;
text-align:center;
}

/* inside ads */
#insideads {
clear:both;
float: left;
width: 938px;
height: 180px;
margin: 0px;
}

/* left bar */
#leftnav {
clear:both;
float: left;
width: 160px;
height: 576px;
margin: 0px;

background-image: url(../images/LeftNavBackground.jpg);
text-align: right;
}

/* left bar */
#leftnavinsidefar {
clear:both;
float: left;
width: 6px;
margin: 0px;
background-image: url(../images/SmallShadowPart.jpg);
background-repeat: repeat-y; 
}

/* left bar */
#rightinsidefar {

float: right;
width: 5px;
margin: 0px;
background-image: url(../images/RightSmallShadowPart.jpg);
background-repeat: repeat-y; 
}

/* left bar */
#leftnavinside {

float: left;
width: 154px;
margin: 0px;

background-image: url(../images/StretchyPart2.jpg);
text-align: right;
}

/* to pad the left bar in firefox... this is needed */
#leftnavinside span {
display:block;
padding-right:11px;
padding-top:13px;
}

/* to pad the left bar in firefox... this is needed */
#leftnav span {
display:block;
padding-right:11px;
padding-top:13px;
}

/* The following is for the inside underneath the main text */
#leftinsideshinypart {
clear:both;
float: left;
width: 160px;
height: 37px;
margin: 0px;
background-image: url(../images/LeftSideBottomShinyPart.jpg);
}

#bottommaintextinside {
float: right;
width: 773px;
height: 37px;
vertical-align: top; 
margin-top: 0px;
background-color:#FFFFFF;
}

#bottomrightinsidefar {
float: right;
width: 5px;
height: 37px;
margin: 0px;
background-image: url(../images/RightSmallShadowPart.jpg);
background-repeat: repeat-y; 
}

/* advertisement banner */
#advert {
float: right;
width: 778px;
height: 188px;
background-image: url(../images/TaglineBanner.jpg);

}

#peoplemenu {
display: table; 
position: relative; 
float: right;
width: 778px;
height: 21px;
line-height:21px;
vertical-align: middle;
text-align: center; 
background-image: url(../images/Orange3D.jpg);
}

#peoplemenu div {
display: table-cell; vertical-align: middle;
}

/* advertisement banner */
#peoplemenuinside {
display: table; 
position: relative; 
float: right;
width: 773px;
height: 29px;
line-height:36px;
vertical-align: middle;
text-align: center;  
margin-top: 0px;
background-image: url(../images/OrangeInsideBar.jpg);
background-repeat: repeat-x;
}

#peoplemenuinsidediv {
display: table-cell; vertical-align: middle;
}

/* advertisement banner */
#maintext {
float: right;
width: 778px;
height: 367px;
vertical-align: top; 
margin-top: 0px;
background-image: url(../images/Mountains123.jpg);
}

/* advertisement banner */
#maintext2 {
float: right;
width: 778px;
height: 367px;
vertical-align: top; 
margin-top: 0px;
background-image: url(../images/buildingwhatsnew.jpg);
}

/* upcoming news */
#upcomingnewsdown {
float: right;
width: 405px;
height: 235px;
vertical-align: bottom; 
margin-top: 0px;
}

/* upcoming news */
#upcomingnews {
float: right;
width: 405px;
height: 100px;
vertical-align: bottom; 
margin-top: 0px;
}

/* advertisement banner */
#maintextinside {
float: left;
width: 773px;
vertical-align: top; 
margin-top: 0px;
background-color:#FFFFFF;
}

/* theactualtext */
#mainactualtextinside {
float: left;
width: 520px;
vertical-align: top; 
margin-top: 0px;
background-color:#FFFFFF;
}

/* the picture side */
#picturesideinside {
float: right;
width: 210px;
vertical-align: top;
text-align:center; 
margin-top: 0px;
background-color:#FFFFFF;
}

#maintextinsidediv {
display:block;
padding-right:11px;
padding-left:11px;
padding-top:11px;
text-align:left;
}

#maintextnavigationtop {
float: left;
vertical-align:text-bottom;
text-align: left; 
width: 450px;
height:18px;
padding-top:6px;
padding-left:11px;
padding-bottom:10px;
line-height:20px;
}

#printeremailtop {
float: right;
vertical-align:text-bottom;
text-align: right; 
width: 301px;
height:18px;
padding-top:6px;
padding-right:11px;
padding-bottom:10px;
}

/* general links */
a {	
color: #000000;	
text-decoration: none;
}
a:hover {	
color: #3366CC;	
text-decoration: underline;
}

/* Reflection On Bottom for HOME PAGE only */
#bottomreflection {
clear:both;
float: left;
width: 938px;
height: 42px;
margin:0px;
vertical-align: top; 
background-image: url(../images/HomePageOnly/BottomReflection.jpg);
font-size:0px;
}

/* Reflection On Bottom for rest of site */
#homepagebottomreflection {
clear:both;
float: left;
width: 938px;
height: 19px;
margin:0px;
vertical-align: top; 
background-image: url(../images/ReflectionForSite.jpg);
font-size:0px;
}

/* bottom copyright */
#bottomleft {
clear:both;
float: left;
width: 254px;
height:20px;
}

/* bottom links */
#bottomlinks {
float: right;
width: 684px;
height:20px;
text-align: right;
}

















