﻿
/*-----------STARTS LEFT ADVERTISEMENTS CSS-------------*/
.showAdvertisements
{
	
	background-color: transparent; 
	width: 550px; 
	border: none;
}
#advertisementsLeft
{	display: none;
 	top: 20px;	/*setting the top to 145px would places it even with the main contents top and gives us a net 0 reference point to work with.*/
 	position: absolute;	
  	margin-left: -160px;
	width: 170px;		
	/*background-image: url(/images/bckgrnds/RoundedRedRectangleWithBlueCorners.png);*/		/* Applying this will place a red background with rounded corners around the whole left advertisements*/
	border-radius: 20px;
	min-height: 100px;	
	z-index: 2;
}

/* -------------------------ADVERTISING LINK LEFT ----------------------------*/

.advertiseLinkLeftTop
{	
	text-decoration: none;	
	color: #fff;	
	background: url(/images/bckgrnds/RoundedRedRectangleTopWithBlueCornersMaster!70x23.png) no-repeat;
	height: 23px;
	padding-bottom: 2px;	
}

.advertiseLinkLeftTop .advertiseLinkTop
{	
	text-decoration: none;
	font-size: 1.8em;
	color: #fff;	
}

.advertiseLinkLeftBottom
{	
	text-decoration: none;	
	color: #fff;	
	background: url(/images/bckgrnds/RoundedRedRectangleBottomWithBlueCornersMaster!70x23.png) no-repeat;	
	margin-top: 5px;
	height: 23px;		
}

.advertiseLinkLeftBottom .advertiseLinkBottom
{	
	text-decoration: none;
	font-size: 1.8em;
	color: #fff;	
	padding-top: 5px;
}

.addsLeftStep1Div1
{
	position: absolute;
	top: 23px;
	left: 0px;
	background:  url(/images/bckgrnds/SquareRedRectangle.png);
	width: 170px;
	display: none;
	color: #191970;
	border-radius: 0px 0px 17px 17px;
	text-align: left;
	border: none;
	color: #fff;
}

.addsLeftStep1Div1 .olAddsLeft

{
	padding-left: 25px;
	margin-left: 5px;
}


/*---------STARTS ACTUAL LEFT ADVERTISEMENTS CSS-------------*/
.advertisementsLeft .addsLeftDivs
{		
	margin: 2px 0px 0px 0px;		
	border-radius: 17px;
	background-image: url(/images/bckgrnds/homepage01.jpg);
	width: 160px;
	
}

.advertisementsLeft .addsLeftDivs .addsLeftLinks
{
	width: 160px;
}

.advertisementsLeft .addsLeftDivs .addsLeftImg
{
	border: 2px solid transparent;	
	width: 160px;
	border-radius: 17px;
	margin-left: -2px; /* offsets the 2px border above back to net 0*/
}

.advertisementsLeft .addsLeftDivs .addsLeftImg:hover
{
	border: 2px solid gold;
	width: 160px;
	border-radius: 17px;
}

/*---------------------------------------------------STARTS RIGHT ADVERTISEMENTS CSS--------------------------------------------------*/
#advertisementsRight
{	
 	display: none;
 	margin-left: 660px;
 	position: absolute;	
 	top: 20px;	/*setting the top to 145px would places it even with the main contents top and gives us a net 0 reference point to work with.*/ 		
	overflow: visible;
	width: 170px;		
	/*background-image: url(/images/bckgrnds/RoundedRedRectangleWithBlueCorners.png);*/		
	border-radius: 20px;
	min-height: 100px;	
	z-index: 2;
}

/* -------------------------ADVERTISING LINK RIGHT ----------------------------*/
.advertiseLinkRightTop
{	
	text-decoration: none;	
	color: #fff;	
	background: url(/images/bckgrnds/RoundedRedRectangleTopWithBlueCornersMaster!70x23.png) no-repeat;	
	padding-bottom: 2px;	
	z-index: 3000;
}

.advertiseLinkRightTop .advertiseLinkTop
{	
	text-decoration: none;
	font-size: 1.8em;
	color: #fff;		
	z-index: 3000;
}
.advertiseLinkRightBottom
{	
	text-decoration: none;	
	color: #fff;
	background: url(/images/bckgrnds/RoundedRedRectangleBottomWithBlueCornersMaster!70x23.png) no-repeat;
	height: 23px;
	margin-top: 5px;
}

.advertiseLinkRightBottom .advertiseLinkBottom
{	
	text-decoration: none;
	font-size: 1.8em;
	color: #fff;	
	padding-bottom: 2px;
}

/*---------STARTS ACTUAL RIGHT ADVERTISEMENTS CSS-------------*/
.advertisementsRight .addsRightDivs
{
	margin: 2px 0px 0px 0px;			
	border-radius: 17px;
	z-index: 3000;
}

.advertisementsRight .addsRightDivs .addsRightLinks
{
	width: 160px;
}

.advertisementsRight .addsRightDivs .addsRightImg
{
	border: 2px solid transparent;	
	width: 160px;
	border-radius: 17px;
	margin-right: 2px; /* this offsets the 2px border above  */
}

.advertisementsRight .addsRightDivs .addsRightImg:hover
{
	border: 2px solid gold;
	width: 160px;
	border-radius: 17px;
}

.advertisementsRight .addsRight .logos
{
	margin-top: 1px;		
	border-radius: 9px;	
	
}


