/* CSS Document */
/* LAYOUT */

html, body {
	/* establish page height and background color, position */
	height: 100%;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	background-image: url(../images/bkg2.gif);
	background-repeat: repeat-x;
}


/* HOME PAGE SPECIFIC */

#homeLogo {
	margin-top: 54px;
	width:144px;
	float: left;
}

/* home page wrappers set up the sizes and backgrounds */
#homeOuterWrapper {
/* put in the background vertical graphic */
	width: 964px;
	/*height: 344px;*/
	background-image: url(../images/bkg_sides.gif);
	background-repeat: repeat-y;
	margin: 0px auto;
	position: relative; 
}

#homeInnerWrapper {
/* put in the background vertical graphic, fixed at a height - this graphic fakes the multiply */
	width: 964px;
	/*height: 344px;*/
	background-image: url(../images/bkg_over.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
}

/* HOME MIDDLE SECTION */

#homeOuterWrapperMiddle {
/* sets up the center content area with a background color that will take it the full height */
/* uses the simple repeating background set up previously */
	width: 100%; 
	background-color:#e6e6e7;
}

#homeContentWrapper {
/* put in the background vertical graphic, fixed at a height - this graphic fakes the multiply for the middle main content area */
  	width: 964px;
	margin: 0px auto;
	background-image:url(../images/bkg_sides2a.gif); 
	background-repeat:repeat-y;
}

#homeContent {
/* restrict content size and set margins for the two columns that make up the main content zone */
	width: 924px; 
	margin-left: 20px;  
	/*min-height: 348px;*/
	background-image: url(../images/bkg_home_main.gif);
	background-repeat: no-repeat;
}

#homeOuterWrapperBottom {
/* sets up the bottom content area with a background color of white for the content */
/* ADD A ONE LINE TOP */
	width: 100%; 
	background-color:#FFFFFF;
}

#homeRightTop {
	width: 308px; 
	height: 124px; 
	float: left; 
	background-image:url(../images/bkg_home_1.gif); 
	background-repeat: no-repeat;
}

#homeRightMiddle {
	width: 308px; 
	height: 112px; 
	float: left; 
	background-image:url(../images/bkg_home_2.gif); 
	background-repeat: no-repeat;
}

#homeRightBottom {
	width: 308px; 
	height: 112px; 
	float: left; 
	background-image:url(../images/bkg_home_3.gif); 
	background-repeat: no-repeat;
}

#homeRightText {
	margin: 16px 35px 0px 25px;
	font-size: 12px;
	line-height: 16px;
}
#homeRightText a:link {
	text-decoration: none;
	color: #56595c;
}
#homeRightText a:active {
	text-decoration: none;
	color: #56595c;
}
#homeRightText a:hover {
	text-decoration: none;
	color: #888a8d;
}
#homeRightText a:visited {
	text-decoration: none;
	color: #56595c;
}

#homeRightText h4 {
	font-size: 11px;
	margin: 0 0 2px 0;
	text-transform: uppercase;
}


/* INSIDE TOP SECTION */

#insideOuterWrapperTop {
/* put in the background vertical graphic */
/* allow height to flex more than 100 percent */
	width: 964px;
	background-image: url(../images/bkg2.gif);
	background-repeat: repeat-x;
	margin: 0px auto;
	height: 240px;
}

#insideInnerWrapperTop {
/* put in the background vertical graphic, fixed at a height - this graphic fakes the multiply */
	width: 100%px;
	background-image: url(../images/bkg_over2.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
}

#topContent {
/* restrict content size and set margins for the items above the main image - includes login and navigation */
	width: 846px;
	margin: 0 0 0 98px;
	height: 134px;	
}

#login {
/* this is the buffer zone to allow for the login form - use regardless if the form is included or not */
	width: 828px;
	margin-top: 18px;
	margin-right: 20px;
	height: 24px;
	float: right;
}

#logo {
	margin-top: 30px; 
	width:144px;
	float: left;
}

#navigation {
	/* main navigation */
	width: 580px;
	margin-top: 54px;
	float: right;
}

/* mastheads, inside and outside */
#masthead {
	width: 924px;
	margin: 5px 20px 3px 20px;
	height: 206px;
}

#mastheadInside {
	width: 924px;
	margin: 5px auto 0px auto;
	height: 100px;
}

#insideContentBkg {
	width: 924px;
	margin: 1px auto 3px auto;
	height: 206px;
	background-color: #e4e4e5;
}



/* INSIDE MIDDLE SECTION */

#insideOuterWrapperMiddle {
/* sets up the center content area with a background color that will take it the full height */
/* uses the simple repeating background set up previously */
	width: 100%; 
	background-color:#e6e6e7;
}

#insideContentWrapper {
/* put in the background vertical graphic, fixed at a height - this graphic fakes the multiply for the middle main content area */
  	width: 964px;
	margin: 0px auto;
	background-image:url(../images/bkg_sides3.gif); 
	background-repeat:repeat-y;
}

#insideContent {
/* restrict content size and set margins for the two columns that make up the main content zone */
	width: 925px; 
	margin-left: 20px;  
	min-height: 660px;
}

#insideLeft {
    width: 154px; 
    float:left; 
    background-color:#e6e6e7; 
    margin: 15px 20px 0 46px;
}

#insideRight {
	width: 665px;
	float:left;  
	margin: 20px;
}

#insideRightText {
    width: 595px; 
	text-align: left;
}

/* team page -- different layout */
/* -- 176px for tertiary nav zone */

#insideContentWrapperTeam {
/* put in the background vertical graphic, fixed at a height - this graphic fakes the multiply for the middle main content area */
  	width: 964px;
	margin: 0px auto;
	background-image:url(../images/bkg_sides5.gif); 
	background-repeat:repeat-y;
}

#insideContentTeam {
/* restrict content size and set margins for the two columns that make up the main content zone */
	width: 925px; 
	margin-left: 20px;  
	min-height: 660px;
}

#insideLeftTeam {
    width: 154px; 
    float:left; 
    background-color:#e6e6e7; 
    margin: 17px 20px 0 46px;
}

#insideCenterTeam {
    width: 136px; 
    float:left; 
    margin: 19px 20px 0 20px;
}

#insideRightTeam {
	width: 489px;
	float:left;  
	margin: 20px;
}

#insideRightTextTeam {
    width: 419px; 
	text-align: left;
}




/* INSIDE BOTTOM SECTION */

#insideOuterWrapperBottom {
/* sets up the bottom content area with a background color of white for the content */
	width: 100%; 
	background-color:#FFFFFF;
}

#footer {
/* make it float at the bottom */ /* commented out */
	width: 100%;
	margin: 0px auto; 
	height: 54px; 
	background-color: #888a8d;
	color: #FFFFFF;
}

#copyright {
/* make it float at the bottom */ /* commented out */
	width: 100%;
	margin: 0px auto; 
	min-height: 54px; 
	background-color: #FFFFFF;
	color: #999999;
}

#copyrightContent {
	 width: 924px; 
	 margin: 0px auto;
}