/* File: StylesBackgroundImage.css */
/* URL CUSTOMIZATION CURRENTLY REQUIRED */
/* File DEFINITONS (Paths) Differ between the DEV TEST BETA AND PRODUCTION  ENVIRONMENTSW */

/* custom URL declarations based on environment */
/*
Development server
	BACKGROUND: url(../images/<fileName>);
Staging/WebStage:99 Server
	BACKGROUND: url(http://webstage:99/images/<fileName>);	
BETA Server
	BACKGROUND: url(http://beta.Charter-Business.com/images/<fileName>);
Production Server
	BACKGROUND: url(http://Charter-Business.com/images/<fileName>);
*/


/* The image must be fully qualified because the Site utilizes a multiple directory hierarchy to define pages.
   The images need to be fully referenced vs a relative reference as the page definition is shared across the    
   hierarchy and to correctly locate the image from different directories the path must be fully qualified.         */


/*Page CORNER and EDGE border definitions */
/* 
OPTION 1: currently NOT in use
Blended image Border - need to get the Green house Border image and colors that compose it form Rick, 
                       currently using a simulated image 
BorderLeftEdge1.gif
BorderRightEdge1.gif
BorderRightEdgeOrange1.gif

OPTION 2: currently IN USE
Solid image Border -  same color as BODY background - #99C7DF R218,G234,B249 replaces #c3d3e2 R185,G201,B242 LigtBlueGrey
BorderLeftEdge3.gif			#99C7DF      BorderLeftEdge2.gif			#c3d3e2
BorderRightEdge3.gif        #99C7DF      BorderRightEdge2.gif			#c3d3e2
BorderLeftEdgeOrange3.gif   #99C7DF      BorderLeftEdgeOrange2.gif		#c3d3e2
BorderRightEdgeOrange3.gif  #99C7DF      BorderRightEdgeOrange2.gif		#c3d3e2

       Left is H3xW3  Right is H3xW4 
       this is necessary do to display anomolies that offset Images 1 PX to the Right 
       Right Left most PX need to be the Color of the content background to offset the image 1 PX to the right 
       the 3 Right most pixles reflect the Border image.
 WARNING the border image must curve at the corners to facilitate the blend
         Corners are H4xW8 with the Right Corner also adjusted to the Right 1 PX for the anomoly
*/


/* Development Server */
#FrPage TD.BorderLeftEdge
{
	width: 3px;
	background: url(../images/BorderLeftEdge3.gif) repeat-y;
	
}
#FrPage TD.BorderRightEdge
{
	width: 3px;
	background: url(../images/BorderRightEdge3.gif) repeat-y;
}
#FrPage TD.BorderLeftEdgeOrange
{
	width: 3px;
	background: url(../images/BorderLeftEdgeOrange3.gif) repeat-y;
}
#FrPage TD.BorderRightEdgeOrange
{
	width: 3px;
	background: url(../images/BorderRightEdgeOrange3.gif) repeat-y;
}

/*  CORNER images            */
/*  4x8TopLtRndBorderCorner3 */
/*  4x8TopRtRndBorderCorner3 */
/*  4x8BotLtRndBorderCorner3 */
/*  4x8BotRtRndBorderCorner3 */


.MainHomeImgTD A.Telephone:link, 
.MainHomeImgTD A.Telephone:visited, 
.MainHomeImgTD A.Telephone:active
{
	background: url(../images/imgHomeCharterBusinessTelephone1.JPG)
}

.MainHomeImgTD A.Telephone:hover, 
.MainHomeImgTD A.Telephone:focus 
{
	background: url(../images/imgHomeCharterBusinessTelephone2.JPG)
}

.MainHomeImgTD A.InternetNetwork:link, 
.MainHomeImgTD A.InternetNetwork:visited, 
.MainHomeImgTD A.InternetNetwork:active
{
	background: url(../images/imgHomeCharterBusinessInternetNDataNetworking1.JPG)
}

.MainHomeImgTD A.InternetNetwork:hover, 
.MainHomeImgTD A.InternetNetwork:focus 
{
	background: url(../images/imgHomeCharterBusinessInternetNDataNetworking2.JPG)
}

.MainHomeImgTD A.Video:link, 
.MainHomeImgTD A.Video:visited, 
.MainHomeImgTD A.Video:active
{
	background: url(../images/imgHomeCharterBusinessVideo1.JPG)
}

.MainHomeImgTD A.Video:hover, 
.MainHomeImgTD A.Video:focus 
{
	background: url(../images/imgHomeCharterBusinessVideo2.JPG)
}


/* Header overall Background Images */
/*
OPTION 1: Currently NOT in use
carries the swoop to the top of the page
HeaderBackground3a1.gif
HeaderBackground3b1.gif

OPTION 2: CURRENTLY IN USE
continues with the White Border long the Top Edge
HeaderBackground3a2.gif
HeaderBackground3b2.gif
*/
#FrHeader TD.HeaderBackground
{
	background: url(../images/HeaderBackground3b2.gif)
}

.MainHomeImgTD
{
	width: 255px;
	height: 150px;
	border: 0px;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	background-color: transparent;
}
.MainHomeImgTD A.Video,
.MainHomeImgTD A.InternetNetwork,
.MainHomeImgTD A.Telephone
{
	height: 150px;
	width: 255px;
	display: block;
	border: 0px;
	padding: 0px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}

/* Landing page Images  */
/*	text-align: center; */
.FlashImgV2TD
{
	height: 166px;
	width: 566px;
	background: no-repeat;
	vertical-align: middle;
	background: transparent;
	border: 0px;
    margin: 0px;
    padding: 0px;
}

.splashImgTD
{
	height: 169px;
    width: 566px;
	background: #ffffff;    
	border: 0px;
    margin: 0px;
    padding: 0px; 
    padding-top: 0px;
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
}

A.splashImgLink,
A.splashImgLink:link,
A.splashImgLink:visited,
A.splashImgLink:active
{
	color: #003366;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
A.splashImgLink:hover,
A.splashImgLink:focus
{
    text-decoration: none;
}

.imgSplash
{
	height: 169px;
	width: 566px;
	background: no-repeat;
}





