@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------ SLIDESHOW SECTION 
------------------------------------------------------------------------ */
#slideshow{
width:800px;
height:424px;
position:relative; 
margin:0 auto
}	

#slidecont{ 
width:798px;
height:398px;
overflow:hidden;
background-color:rgba(255,255,255,0.5);
border:1px #ccc solid;
border-top:none;
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
z-index:2 !important
}

#slidebar{
width:3990px;
height:398px;
color:#fff;
text-align:left;
position:relative;
padding:0
}

/* may need to delete this if it messes up slide positions */
#slidebar div{
display:inline;
position:relative;
}

#slidebar h1{
color:#f2f2f2;
position:absolute;
top:175px;
left:85px;
z-index:-1
}

#slidebar a:link, #slidebar a:visited, #slidebar a:hover{
color:#fff !important;
text-decoration:none;
}

#slidebar h2{
width:350px;
font-size:32px;
text-shadow:1px 1px 3px #333;
position:absolute;
top:45px;
left:50px;
}
	
#slidebar p{
width:300px;
font-size:21px;
text-shadow:1px 1px 3px #333;
position:absolute;
top:110px;
left:50px;
}

/* Slider Shadow */
#sliderShadow{
width:784px;
height:26px;
text-align:center;
background:url(../images/iconsGlobal.png) -108px -662px no-repeat;
position:absolute;
bottom:0;
left:8px  
}

/* Slider Controls */
#controls{
width:90px;
height:12px;
display:block;
background-color:rgba(255,255,255,0.7);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow:0 2px 5px #bbb; 
-moz-box-shadow:0 2px 5px #bbb;
box-shadow:0 2px 5px #bbb;
padding:5px;
position:absolute;
top:410px;
left:349px;
z-index:20
}

#controls a{
width:12px;
height:12px;
float:left;
text-indent:-9999px;
display:block;
background:url(../images/iconsGlobal.png) -169px -163px no-repeat;
margin:0 3px
}

#controls a:hover, #controls a.activeSlide{
background-position:-169px -175px
}


/* ============================================ GIANT QUOTE */
#giantQuotes{
width:800px; 
clear:both
}

#giantQuoteBox{
width:800px;
height:49px;
margin:20px 0;
position:relative;
background:url(../images/iconsGlobal.png) -100px -201px;
}
	
.mainQuote{
width:700px;
height:35px;
font-size:14px;
font-style:italic;
font-weight:bold;
text-align:center;
position:relative;
top:0;
left:50px
}

.quoteName{
width:690px;
height:15px;
font-size:12px;
color:#b90068;
text-align:right;
position:relative;
top:0;
left:50px
}	
	

/* ============================================ HIGHLIGHT BOXES */
#highlights{
clear:both;
width:800px;
height:250px;
position:relative;
}	
		
.highlight1, .highlight2, .highlight3, .highlight4{
float:left;
clear:none;
width:190px;
height:248px;
overflow:hidden;
background-color:rgba(185,0,104,0.1);
border:/*#D9D9D9*/ #B90068 1px dashed;
margin-right:10px
}

.highlight1{	
margin-left:1px;
}

.highlight4{	
margin-right:1px
}

#highlights a:link, #highlights a:visited{
color:#000;
text-decoration:none;	
}

.highlight1:hover, .highlight2:hover, .highlight3:hover, .highlight4:hover{
color:#000;
text-decoration:none;	
-moz-box-shadow:2px 2px 5px #ccc;
-webkit-box-shadow:2px 2px 5px #ccc;
box-shadow:2px 2px 5px #ccc;
margin-top:-5px	
}

#highlights .advert1, #highlights .advert2, #highlights .advert3, #highlights .advert4{
width:172px;
height:100px;
border:none; 
background-image:url(../images/adverts/gifsGlobal.gif);
margin:-10px 9px 5px 9px
}

#highlights .advert1{
background-position: -344px -200px;
}

#highlights .advert2{
background-image:url(../images/adverts/adsGlobal.png);
background-position: -344px -200px;
/* background-position: -172px -0px; */
}

#highlights .advert3{
background-image:url(../images/adverts/adsGlobal.png);
background-position: -172px -100px;
}

#highlights .advert4{
background-image:url(../images/adverts/adsGlobal.png);
background-position: -344px -100px;
}

#highlights h2{
font-size:13px;
text-align:center;
margin:5px 9px
}

#highlights p{
font:12px/16px Arial, Helvetica, sans-serif;
text-align:justify;
-moz-hyphens:auto;
-webkit-hyphens:auto;
hyphens:none;
-webkit-hyphenate-character:'-';
margin:0 9px 16px 9px
}


/* PAY IT FORWARD BOX STYLING */
#highlights .promo{
color:#000;
text-decoration:none;	
-moz-box-shadow:0px 0px 0px #ccc;
-webkit-box-shadow:0px 0px 0px #ccc;
box-shadow:0px 0px 0px #ccc;
margin-top:0px	
}

#highlights .promo p{
margin:0 9px
}

form#promoButton{
width:170px;
height:50px;
position:relative;
top:20px;
left:10px;
}

form#promoButton #promo{
width:80px;
height:20px;
font-size:14px;
position:absolute;
top:0;
left:15px;
padding:5px 9px;
}

form#promoButton #promoSubmit{
width:53px;
height:53px;
background:url(../images/iconsGlobal.png) -224px -724px;
text-indent:-9999px;
border:none;
cursor:pointer;
position:absolute;
top:-10px;
right:13px
}

form#promoButton #promoSubmit:active{
width:50px;
height:50px;
background:url(../images/iconsGlobal.png) -125px -725px;
top:-9px;
right:16px
}