@charset "utf-8";

/*CSS specific for SCTC*/

body  {
	background:url(../../SCTC/images/bkg_gradient_SCTC.jpg) repeat-x #669999; /*SCTC site background*/
}

h1 {
	color:#4C7F70; /*SCTC Text Heading Color*/
}
	
h2 {
	color:#4C7F70; /*SCTC Text Heading Color*/
	
}
	
h3 {
	color:#4C7F70; /*SCTC Text Heading Color*/;
}

#titleGradient { 
	background:url(../../SCTC/images/titleGradient_SCTC.jpg) no-repeat top left;  /*SCTC top gradient bar*/
}

#headerImage { 
	background:url(../../SCTC/images/headerImage_SCTC.jpg) no-repeat top right;
}

#logo {
	background: url(../../SCTC/images/logo_SCTC.jpg)  no-repeat top left; /*SCTC logo as a background image*/
	height:79px;
	width:346px;
}

#leftColumn #checkEmailBlock {
	background: url(../../SCTC/images/email_block_divider_SCTC.gif) repeat-x bottom left #4C7F70; /*left column separator w/green background*/
}

#leftColumn #newsletterBlock {
	background-color: #61A38F;
}

#leftcol_titleblock {
	background:url(../../SCTC/images/title_companyname_SCTC.jpg) no-repeat top left; /*SCTC Company name*/
}

#middlePhotoBlock {
	background:url(../../images/bkg_2x_grayline.gif) repeat-x bottom left #61A38F;
}

/*---------------main nav elements--------------*/

#mainNav #home a:hover,  		/*shifts background tab on hover*/
#mainNav #services a:hover, 
#mainNav #customercare a:hover, 
#mainNav #specials a:hover,
#mainNav #news a:hover, 
#mainNav #community a:hover, 
#mainNav #about a:hover  {
    background-position: top left;
}	
/*display individual tab images*/
#mainNav li#home a {	 
	background: url(../../SCTC/images/nav_sctc/mainNav_home_SCTC.jpg) no-repeat bottom left;
	width: 68px;
}
#mainNav li#services a {
	background: url(../../SCTC/images/nav_sctc/mainNav_services_SCTC.jpg) no-repeat bottom left;
	width: 100px;
}
#mainNav li#customercare a {
	background: url(../../SCTC/images/nav_sctc/mainNav_customercare_SCTC.jpg) no-repeat bottom left;
	width: 140px;
}
#mainNav li#specials a {
	background: url(../../SCTC/images/nav_sctc/mainNav_specials_SCTC.jpg) no-repeat bottom left;
	width: 101px;
}
#mainNav li#news a {
	background: url(../../SCTC/images/nav_sctc/mainNav_news_SCTC.jpg) no-repeat bottom left;
	width: 82px;
}
#mainNav li#community a {
	background: url(../../SCTC/images/nav_sctc/mainNav_community_SCTC.jpg) no-repeat bottom left;
	width: 123px;
}
#mainNav li#about a {
	background: url(../../SCTC/images/nav_sctc/mainNav_about_SCTC.jpg) no-repeat bottom left;
	width: 106px;
}
/* highlight selected tab - set by the class of the body tag on each page*/
.home #mainNav li#home a, 
.services #mainNav li#services a, 
.customercare #mainNav li#customercare a,
.specials #mainNav li#specials a, 
.news #mainNav li#news a, 
.community #mainNav li#community a, 
.about #mainNav li#about a {
	background-position: top left;
}

/* -----------------Left Sub Nav Menu--------------- */

#leftSubmenu #topNavSpacer {		/*empty color bar under nav photo*/
	background-color: #4C7F70;
}

#leftSubmenu a {		/*Top level*/
	color: #efefef;
	background-color: #61A38F;
}

#leftSubmenu a:hover {  /*Top level hover*/
	background-color:#69C;
}

#leftSubmenu ul ul a {    /*2nd level subnav*/
	color: #315349;
	background-color: #B0D1C7;
}

#leftSubmenu ul ul a:hover {	/*2nd level subnav, hover*/
	background-color: #69C;
}

/* highlight selected tab - dynamically set by the $thisPage var at the top of each page*/
#leftSubmenu #selectedState a {
	background-color:#69C;
	color:#fff;
	}

/* ----------------- Tables --------------- */
th{
	color:#61A38F;
} 

td.shaded, tr.shaded {
	background-color:#B0D1C7;
}

/* Custom CSS by PEAK Internet for Zimbra email page */



.icon-video{
	background: url(../../SCTC/images/icon-vimeo.png) left 4px  no-repeat;
	padding: 0px 0px 0px 30px;
	list-style: none;
	margin-left: -10px;
	line-height: 41px;	
}

.icon-red{
	background: url(../../SCTC/images/icon-red.png) left 4px  no-repeat;
	padding: 0px 0px 0px 30px;
	list-style: none;
	margin-left: -10px;
	line-height: 41px;	
}

.icon-faq{
	background: url(../../SCTC/images/icon-faq.png) left 4px  no-repeat;
	padding: 0px 0px 0px 30px;
	list-style: none;
	margin-left: -10px;
	line-height: 41px;	
}