@charset "utf-8";
/* ---------master layout css--------- */

body  {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
	/*background:url(../../images/bkg_gradient_SCTC.jpg) repeat-x #669999; SCTC site background*/  /*<--------------- styled in "company".css*/
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #333333;
}

h1 {
	font-size:150%;
	/*color:#4C7F70; SCTC Text Heading Color*/		/*<--------------- styled in "company".css*/
	}
h2 {
	font-size:110%;
	/*color:#4C7F70; SCTC Text Heading Color*/		/*<--------------- styled in "company".css*/
	}
h3 {
	font-size:100%;
	}		

a:link, a:visited {
	color:#33549D;
	}
a:hover {
	color:#5E9D8A;
	text-decoration:none;
	}

a.selected {  					/*used for third level nav - add to selected page link to remove underline*/
	text-decoration:none;
	color:#5E9D8A;
}

#container { 
	position:relative;
	width: 967px;
	background: #FFFFFF;
	/*margin: 0 8px 0 8px;*/
	margin: 0 auto;
	padding:0px;
	text-align: left; 
	border: 0px solid #000;
} 

#utility_menu {
	height:30px;
	margin:10px 15px 5px 0;
	text-align:right;
}

#header {
	position:relative;
	height: 140px;
	padding: 0;
	margin:0px 8px 0 8px;
	border: 0px solid #FF0000; 
}

/* Portal Nav Menu is styled on it's own css sheet */

#titleGradient { 
	float:right;
	display: block;
	height: 16px;
	width: 683px;
	/*background:url(../../images/titleGradient_SCTC.jpg) no-repeat top left;*/  /*SCTC top gradient bar*/	/*<--------------- styled in "company".css*/
	margin: 0 2px 0 0px;
	padding:0px;
	}

#titleGradient img{ 
	margin: 3px 0 0px 365px;
	padding: 0;
	}

#headerImage { 
	float:right;
	height: 124px;
	width: 950px;
	/*background:url(../../images/header_SCTC.jpg) no-repeat top right;*/		/*<--------------- styled in "company".css*/
	padding: 0;
	margin:0;
	border:0px solid #000; 
}
#logo {
	position: absolute;
	display:block;
	top: 40px;
	left: 20px;
	margin: 0;
	padding:0; 
	/*background: url(../../images/logo_SCTC.jpg)  no-repeat top left; SCTC logo, is a background image*/  	/*<--------------- styled in "company".css*/
	font-size: 1.5em;
	text-indent:-9000px;
	/*height:79px;
	width:346px;*/
	border:none;
	border:0px solid #000;
}

#header .logo {			/*turns logo background image into click-able link*/
	display:block;
	width: 346px;
	height: 79px;
	cursor:pointer;
	}

/* ----------------------------- Left Column, landing pages (except WVI) ---------------------- */

#leftColumn {
	float: left; 
	width: 230px; 
	margin: 0 0 0 9px;
	border-right: 1px solid #ccc;
	color:#fff;
	/*background-color:#FF0000;*/		/*<--------------- styled in "company".css*/
}

#leftColumn #checkEmailBlock {
	height: 108px;
	/*background: url(../../images/leftColumn_separator1_SCTC.gif) no-repeat bottom left #4C7F70;*//*<--------------- styled in "company".css*/
	margin: 0 0 0 0;
}	

#checkEmailBlock ul{
	margin: 0;
	padding: 5px 0px 0 16px;
	list-style-type:none;
	width: 250px;
}

#checkEmailBlock li {
	margin: 0;
	padding: 0px;
	list-style-type:none;
}

#checkEmailBlock a:link, #checkEmailBlock a:visited {
	display:block;
	height: 31px;
	padding:0px; 
	margin:0px;
	text-indent:-9000px;
	border:0px solid #000;
}

/* 4/14/11 Update to target the rollovers in the checkEmail section, two blocks of code: 1) the specific WVI  2)the shared check email include for the other 3 sites.*/
#checkEmailBlock  a#checkEmailCW:hover, #checkEmailBlock li#checkEmailCW a:hover, /*shifts button background  on hover*/
#checkEmailBlock  a#checkEmailZimbra:hover, #checkEmailBlock li#checkEmailZimbra a:hover,
#checkEmailBlock  a#ezBilling:hover, #checkEmailBlock li#ezBilling a:hover,
#checkEmailBlock  a#checkMinutes:hover, #checkEmailBlock li#checkMinutes a:hover  {
    background-position: bottom left;
}	
/*display individual button images*/

/*#checkEmailBlock li#checkEmail a {	 	spit into two buttons 1/11, dr
	background: url(../../images/btn_checkemail.png) no-repeat top left;
	width: 200px;
	cursor:pointer;
}*/

#checkEmailBlock #checkEmail{visibility: hidden;}

#checkEmailBlock #ezBilling {
	background: url(../../images/btn_ezbilling.png) no-repeat top left;
	width: 200px;
	cursor:pointer;
}

#checkEmailBlock #checkEmailCW{
	background: url(../../images/btn_checkemail_cw.png) no-repeat top left;
	width: 100px;
	cursor:pointer;
	float:left;
}
/*new - targets the one specific zimbra button*/

#checkEmailBlock #checkEmailZimbra {
	background: url(../../images/btn_checkemail_zimbra.png) no-repeat top left;
	width: 100px;
	cursor:pointer;
	float:left;
}

#emailrow2 {clear:both;}	/*to force 2nd row for buttons*/

#checkEmailBlock #checkMinutes {
	background: url(../../images/btn_checkMinutes.png) no-repeat top left;
	width: 200px;
	cursor:pointer;
}
	
#leftColumn #newsletterBlock {
	height: 137px;
	background: url(../../images/bkg_2x_grayline.gif) repeat-x bottom left;
	/*background-color: #61A38F;*/		/*<--------------- styled in "company".css*/
	margin: 0 0 0 0;
}	

#leftColumn #newsletterBlock h1 {
	width:230px;
	height: 26px;
	background: url(../../images/leftcolumn_title_newsletter.png) no-repeat 50% 10px; /* newsletter title image - transparent png*/
	margin: 0;
	text-indent:-9000px;
}

#leftColumn #newsletterBlock ul {
	margin:5px 0 0 0;
	padding:0 0 0 25px; 
	list-style-type: none;
}

#leftColumn #newsletterBlock li {
	margin:0px 0 0 0; 
	list-style-type: none;
}

#newsletterBlock a:link, #newsletterBlock a:visited {
	display: block;
	width:150px;
	margin:5px 0 0 80px; 
	color: #fff;
	font-weight:bold;
}

#newsletterBlock a:hover {
	color: #33549D;
}

#leftAdBlock {
	display:block;
	height: 100%;
	margin: 0 0 0 -1px;
	padding:0px 0 0 0;
	border-right:0px solid #FF0000;
	color:#333;
}

#middlePhotoBlock {
	float:left;
	display: block;
	width: 719px;
	height:245px;
	margin: 0 0 25px -20px;
	padding:0;
	background:url(../../images/bkg_2x_grayline.gif) repeat-x bottom left #61A38F;
}	

/*-------------shared home page specials button rollover--------------*/
#btnSpecials {
	position:absolute;
	top: 400px;
	left: 730px;
}

#btnSpecials a:link, #btnSpecials a:visited {
	display:block;
	height: 31px;
	padding:0px;
	margin:0px;
	text-indent:-9000px;
}
#btnSpecials a:hover {		/*shifts button background  on hover*/
    background-position: bottom left;
}	
/*display individual button images*/
#btnSpecials a {	 
	background: url(../../images/btn_specials.png) no-repeat top left;
	width: 221px;
	cursor:pointer;
}

/*-------------- shared signup button -------------------*/

#btnSignup a:link, #btnSignup a:visited {
	display:block;
	height: 31px;
	padding:0px;
	margin:0px;
	text-indent:-9000px;
}
#btnSignup a:hover {		/*shifts button background  on hover*/
    background-position: bottom left;
}	
/*display individual button images*/
#btnSignup a {	 
	background: url(../../images/btn_signup.png) no-repeat top left;
	width: 151px;
	cursor:pointer;
}

/*--------------------------*/

/*--------------------------*/

#mainContent {
	/*position:relative;*/
	/*width:720px;*/                
	margin: 0px 7px 20px 240px; /*set right margin to 7, 8 will mess up contribute layout*/
	padding: 0 0 0 20px;
	border-left:0px solid #ccc;
	border:0px solid #000;
} 

#mainContent h1{			/*margin is not consistant btwn ie & ff*/
	margin:20px 0 10px 0; /*increasing margin-top beyond 20 will push main image block down on landing pages */
	padding:15px 0 0 0;
	border:0px solid #000;
} 

#mainContent h2 + p{			/*specifically targets glossary page to tighten space btwn term and definition*/
	margin:-10px 0 0 0;
} 

/*---------------footer-------------------*/
#footerLinks { 
	margin: 0px 8px 0px 8px;
	padding: 5px 10px 5px 20px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}

#leftFooterBlock {
	float: left;
	width:471px;
	margin: 0px 0 0 0;
	padding: 10px 25px 0 0px;
	border-right:1px solid #ccc;
	text-align:right;
} 

#rightFooterBlock {
	margin: 10px 0 0 13px;
	padding: 0 0 0 510px;
	text-align:left;
}

#footerLogo a {
	display:block;
	width:100%;
	height:48px;
	margin: 20px 0 50px 0;
	padding: 0 0 50px 0;
	background:url(../../images/footer_logo.png) no-repeat center;
	text-indent: -9000px;
	/*cursor:pointer;*/
}

.floatrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.floatlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

	
/* ----------------- Main Nav Menu--------------- */

#leftcol_titleblock {
	height: 21px;
	width: 230px;
	/*background:url(../../images/title_companyname_SCTC.jpg) no-repeat top left; */					 /*<--------------- styled in "company".css*/
	margin:0 0 0 0px;
	padding:0;
	text-indent:-9000px;
}

#mainNavContainer {
	display:block;
	float:right;
	height: 21px;
	width: 950px;
	margin:0 8px 0 0px;
	border:0px solid #000;
}

#mainNav {
	float:right;
	width: 720px;
}

#mainNav ul, #mainNav li {
	display:inline;
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#mainNav a:link, #mainNav a:visited {
	float:left;
	height: 21px;
	padding:0px;
	margin:0px;
	text-indent:-9000px;
	border:0px solid #000;
}



/* -----------------Left Column Sub Nav, secondary pages --------------- */

#leftColumnImageBlock {
	height:151px;
	margin:0;
	padding:0;
}


#submenuTitle {
	border:0px solid #000;
}

#leftSubmenu #topNavSpacer {		/*empty color bar under nav photo*/
	border-top: 1px solid #FFF0D2;
	border-bottom: 1px solid #FFF0D2;
	padding: 2px 0px;
}

#leftSubmenu {
	margin: 0 0 50px 0px;
	padding:0;
}	

#leftSubmenu ul {
	margin:0;
	padding:0;
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#leftSubmenu a {		/*Top level*/
	display: block;
	height:16px;
	margin:0px 0 0px 0px;
	padding: 2px 5px 2px 12px;
	width: 213px;
	color: #fff;
	/*background-color: #xxx;*/				 /*<--------------- styled in "company".css*/
	text-decoration: none;
	font-weight:bold;
	border-bottom: 1px solid #FFF0D2;
}

#leftSubmenu a:hover {  /*Top level hover*/
	/*background-color:#69C;*/ 			/*<--------------- styled in "company".css*/
	text-decoration:none;
}

#leftSubmenu ul ul li {		/*1px spacer btwn buttons*/
	margin:0px 0 0px 0;
}

#leftSubmenu ul ul a {    /*2nd level subnav*/
	display: block;
	height:16px;
	padding: 2px 5px 2px 22px;
	width: 203px;
	/*color: #315349;*/						/*<--------------- styled in "company".css*/
	/*background-color: #B0D1C7;*/		/*<--------------- styled in "company".css*/
	text-decoration: none;
	font-weight:normal;
}

#leftSubmenu ul ul a:hover {	/*2nd level subnav, hover*/
	color: #fff;
	/*background-color: #6699cc;*/		/*<--------------- styled in "company".css*/
	text-decoration: none;
}

#leftSubmenu #selected {	/*2nd level subnav, hover*/
	color: #fff;
	background-color: #6699cc;				/*<--------------- styled in "company".css*/
	text-decoration: none;
}
	

/*-------------tables--------------*/


/*<--------------- colors styled in "company specific".css*/

td {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}	
form , input{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

table h2 {							/* shared form table headers*/
	margin: 15px 0px 0 0;
	padding:3px 0px 3px 10px;
	background-color:#ccc;
}

/*-------------Layout -  OneColumnWide--------------*/
.oneColWide #mainContent {
	margin: 0px 7px 20px 0px;
}

#vid {float:left;padding:0; margin:0;/*background-color:#61A38F;*/ border:0;}