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

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

/******************************************************
                    Shell Styling 
 ******************************************************/

html {
    background:#fff;
	font-family: 'Avenir Next W10 Regular', Arial, sans-serif;
	color: #4D4D4F;
	font-size: 14px;
	overflow-y: scroll;
	height: 100.1%;
}


/* sets the width to include the left and right shadows */
.iste-center,
.iste-bottom-shadow {
    width: 1050px;
}

/* sets the width of the content areas */
#shadow, 
.RadMenu,
.iste-header,
.iste-wrapper,
.iste-footer {
    width:  985px;
}

/* sets up the shadow on either side of the iste content area */
.iste-wrapper {
    margin: 0;
	padding: 0 33px 0 32px;
	background-image: #fff;
}							

/* centers the entire website */
.iste-center {
    margin: 132px auto auto;
	height: 100%;
}

/* Sets all of the links to iste's blue - not 3C9EEA*/
a:link		{color:#0083a8;text-decoration:none;font-family:'Avenir Next W10 Demi', arial, sans-serif;}
a:visited	{color:#0083a8;text-decoration:none;font-family:'Avenir Next W10 Demi', arial, sans-serif;}
a:hover		{color:#0083a8;text-decoration:underline;font-family:'Avenir Next W10 Demi', arial, sans-serif;}
a:active	{color:#0083a8;text-decoration:none;font-family:'Avenir Next W10 Demi', arial, sans-serif;}

/* Sets up the footer section and padding */
.iste-footer {
    padding-top:20px;
	padding-bottom:20px;
	font-size:12px;
	text-align:center;
	clear:both;
}

.iste-footer a 
{
        color: #77787B;
}
.iste-footer a:hover 
{
    text-decoration:underline;
}

.sfPublicWrapper .sfContentBlock ul
{
    margin-bottom: 18px;
}

.sfPublicWrapper .sfContentBlock .linkList{
    padding-left:0;
}

.sfPublicWrapper .sfContentBlock .linkList li{
    background: #fff url(../Images/listArrow.png) no-repeat 0 6px;
    list-style:none;
    padding-left:12px;
}
.sfPublicWrapper .sfContentBlock .biggerNumbersList li{
    list-style:none;
	line-height: 20px;
	margin-left: 30px;
}
.sfPublicWrapper .sfContentBlock .biggerNumbersList li span{
    font-size: 18px;
	font-weight: bold;
	margin-left: -30px;
	width: 25px;
	display: inline-block;
}

/* Adds a shadow to the bottom of the content area */
.iste-bottom-shadow {
    background: #fff;
	height: 22px;
}

/******************************************************
                    End Shell Styling 
 ******************************************************/






/*************************************The above has been checked**********************************************/



/******************************************************
                    Header Bar 
 ******************************************************/
 
#logo {
	float: left;
	margin-top:5px;
}

#functional-components {
    float:right;
    position:relative;
    height:50px;
    width:685px;
  /*  background-color:#ccc;*/
}
#toolbar {
    float:right;
}
.header-tool-bar {
    font-size:12px;
    font-weight:bold;
	white-space:nowrap;
	text-decoration:none;
	color:#333;
	vertical-align:middle;
}
.header-tool-bar a {
	text-decoration:none;
	color:#666; 
	vertical-align:middle;
}

.header-tool-bar a:hover {
	color:#000
}

.live-chat {
	display:inline-block;
	float:right;
	padding:0 4px 0 0;
}
.live-chat img {
	vertical-align:middle;
}

.cart-small {
	display:inline-block;
	float:right;
	padding:0 4px 0 0;
}
.cart-small img {
	vertical-align:middle;
}

.welcome-user { 
	display:inline-block;
	float:right;
}
.welcome-user img {
	vertical-align:middle;
}
.side-link {
	position:fixed;
	right:0px;
	top:150px;
	z-index:100;
}
.side-link2 {
	position:fixed;
	right:0px;
	top:270px;
	z-index:100;
}
#ServerIndicator {
    font-weight:normal;
}
/*#search-meta {
	width: 284px;
    right:0;
     position:absolute; 
     bottom:-20px; 

}*/

#search-box {
	float:right;
	/*height: 33px;*/
	white-space:nowrap;
}
#search-box input {
    margin: 1px 5px 0 0;
}

#search-box label {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 0 0 3px;
	font-weight: bold;
}

#search-box .sf_searchText {
	border: 1px solid #cfcece;
	height: 16px;
	font-size: 11px;
	float: left;
}

#search-box .searchSubmit {
	float: left;
	background: transparent;
	background-image: url(images/search-btn.png);
	width: 51px;
	height: 20px;
	border: 0px;
	margin: 0 0 0 8px;
	padding: 0 0 0 0;
	cursor: pointer;
}


/* Setup the shado beneath the navigation
   width is set above...   
#shadow {
    background-image: url("../images/shadow.png");
    background-repeat: no-repeat;
    float: left;
    height: 13px;
    position: relative;
}
*/
.iste-body {
    margin: 0;
    float: left;
}

/* put the test server notification somewhere useful */
.ServerIndicator 
{
    border:2px solid red;
    background-color:rgba(255,187,187,0.5);
    padding:10px;
    position: fixed;
    top:20px;
    left:20px;
}

/******************************************************
                    End Header Bar 
 ******************************************************/
 
 
 
 
 
 
 /******************************************************
            Google Translate Styling Adjustment 
 ******************************************************/
 
 
 #show-translate 
{
    background-color:#eee;
    border:1px solid #aaa;
    cursor:pointer;
    display:inline-block;
    height:14px;
    margin:3px 4px 0px 0px;
    padding:0px 3px 4px 3px;
    vertical-align:bottom;
}
#show-translate img
{
    height:13px;
    width:37px;
    top:4px;
    position:relative;
    padding-right:3px;
     
}

#google_translate_element 
{
    position: absolute;
    top:22px;
    left:-30px;
    border:1px solid #aaa;
    background-color:#fff;
    padding:10px;
}


#google_translate_wrapper 
{
    position:relative;
    float: right;
}





#functional-components,
#google_translate_wrapper,
#google_translate_element,
#show-translate {
    z-index:800000;
}






 /*
.goog-te-gadget {
    margin-top: 4px;
    width: 320px;
}


.skiptranslate.goog-te-gadget > div {
    float: right;
    padding: 0 10px;
}

.goog-te-gadget .goog-te-combo {
    margin: 0;
}
 */
 
 /******************************************************
            End Google Translate Styling Adjustment 
 ******************************************************/
 
 
 



/******************************************************
               Drop Down Navigation 
 ******************************************************/
 
/* Sets the background of the navigation panel as well as text properties and width */
.RadMenu {
 /*   background-image: url("../images/nav-bground.png"); 
    background-repeat: no-repeat;*/
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.RadMenu ul.rmHorizontal, 
.RadMenu .rmRootGroup
{
    margin-right:-999em;
    padding-bottom:18px;
    background-image: url("../images/Navigation/shadow-middle.png"); 
    background-repeat: no-repeat;
    background-position: 2px 35px; 
}

.rmGroup li.rmItem,
.rmGroup li.rmFirst,
.rmGroup li.rmLast {
    background-color: transparent;
    background-image: none;
}

/* Sets width of horizontal tabs
 ***overrides a default setting***/
.RadMenu .rmHorizontal .rmText {
    padding: 0 25px;    
}

/* Sets the drop down background image. */
.rmGroup {
/*  This version defaults so the background is starts at the top of the section
    the background color then fills in anything not covered by the image.  
    This one is lighter and doesn't always show the gradient on shorter lists */
    background-color: #00293f;
    background-image: url("../images/drop-down-bground.png");
    background-repeat: repeat-x;

/*  This version positions the gradient at the bottom of the section
    It is nice as you always see a bit of gradient but it is considerably darker on shorter menues
    background-color: #0170C3;
    background-image: url("../images/drop-down-bground.png");
    background-position: center bottom;
    background-repeat: repeat-x; */
}


/* Sets the width of the drop downs, would otherwise collapse to the anchor width */
.rmGroup li {
    width: 184px;
}

/* Sets the font size of the drop down navigation */
.rmLink {
    font-size: 11px;
}

/* Sets the line height in the horizontal navigation */
.rmRootLink {
    line-height: 40px;    
    font-size: 14px; 
}

a.rmRootLink 
{
    background-image: url("../images/Navigation/nav-bground-middle.png"); 
    background-repeat: no-repeat;
}
.rmFirst a.rmRootLink 
{
    background-image: url("../images/Navigation/nav-bground-first.png"); 
    background-repeat: no-repeat;
}
.rmLast a.rmRootLink 
{
    background-image: url("../images/Navigation/nav-bground-last.png");  
    background-position: right center;
    background-repeat: no-repeat;
}
/* Sets the seperator in the horizontal navigation */
.rmRootLink span.rmText 
{
    background-image: url("../images/nav-border.png");
    background-position: right center;
    background-repeat: no-repeat;
}
.rmLast a.rmRootLink span.rmText
{
    background-image:none;
}


/* Applies a background color on hover, to the selected item and its parent root item */
.rmLink:hover,
.rmLink.rmFocused
{
    background-image: url("../images/nav-hover.png");
    background-repeat: repeat-x;
}

/* Sets cursor to pointer and sets drop down properties
 ***overrides a default setting***/
.RadMenu .rmLink,
.RadMenu a.rmLink {
    color: #4D4D4F;
    cursor: pointer;
    padding:0;
    text-decoration: none;
}

/* Sets the drop down item text to white and overrides an all uppercase setting */
.rmGroup a.rmLink {
    color: #FFFFFF;
    text-transform: none;
}

/* sets the rollover text color to white on the horizontal tabs */
a.rmRootLink:hover, 
a.rmRootLink.rmFocused {
    color: #FFFFFF;
}

/* Sets the hover and focused background image for the last tab */
.rmFirst a.rmRootLink:hover, 
.rmFirst a.rmFocused {
    background-image: url("../images/nav-first-hover.png");
    background-position: left center;
    background-repeat: no-repeat;
}

/* Sets the width of the last horizontal tab - adjust to make flush with background, also hides the tab seperator */
.rmLast a.rmRootLink,
.rmLast a.rmFocused {
    width: 104px;/*90 104*/
}

/* Sets the hover and focused background image for the last tab */
.rmLast a.rmRootLink:hover, 
.rmLast a.rmFocused {
    background-image: url("../images/nav-last-hover.png");
    background-position: right center;
    background-repeat: no-repeat;
}

/* Set the padding and text wrapping here to define the size of the LI in the drop downs */
.RadMenu .rmGroup .rmText {
    padding:6px 0 6px 10px;
    white-space:normal;
}

/******************************************************
               End Drop Down Navigation 
 ******************************************************/






/******************************************************
                  Section Banner  
 ******************************************************/

/* Adds padding below the section banner */
/*.Section-Banner { margin-bottom:10px;}*/

/******************************************************
                  End Section Banner  
 ******************************************************/








/******************************************************
                    Left Navigation 
 ******************************************************/

/*the following are to clear out the left menu css*/

.RadTreeView_Sitefinity .rtPlus, .RadTreeView_Sitefinity .rtMinus {
    background-color: transparent;
    background-image: none;
}
.RadTreeView_Sitefinity, .RadTreeView_Sitefinity a.rtIn, .RadTreeView_Sitefinity .rtEdit .rtIn input {
    color: #4D4D4F;
    font: 14px/16px 'Avenir Next W10 Demi', arial, sans-serif;
}
.RadTreeView {
    white-space: normal;
}



/* remove left nav expansion arrows and effects */

.RadTreeView_Sitefinity .rtLines .rtFirst,
.RadTreeView_Sitefinity .rtLines .rtFirst .rtUL,
.RadTreeView_Sitefinity .rtLines .rtLast .rtTop,
.RadTreeView_Sitefinity .rtLines .rtLI,
.RadTreeView_Sitefinity .rtLines .rtTop,
.RadTreeView_Sitefinity .rtLines .rtMid,
.RadTreeView_Sitefinity .rtLines .rtBot {
    background-image: none;
    margin: 10px 0;
}

.RadTreeView_Sitefinity .rtLines .rtLI .rtUL .rtBot,
.RadTreeView_Sitefinity .rtLines .rtLI .rtUL .rtLI{
    margin-top:-8px;
}


div.RadTreeView_Sitefinity .rtLI .rtHover .rtIn {
    padding:0;
}
div.RadTreeView_Sitefinity .rtIn {
    padding: 0;
}
.RadTreeView .rtIn {
    margin-left: 0;
    padding: 0;
}
.RadTreeView_Sitefinity .rtLI .rtMinus,
.RadTreeView_Sitefinity .rtLI .rtMinus:hover {
    background-position: 0;
}

.RadTreeView .rtPlus, 
.RadTreeView .rtMinus {
    margin-left: 0;
    margin-right:0
}

.RadTreeView .rtPlus,
.RadTreeView .rtMinus {
    background-repeat:no-repeat;
    cursor: auto;
    display:inline;
    height:0;
    margin:0;
    width:0;
}

/* Removes a junk span from affecting the css */
.RadTreeView .rtSp {
    display: none;
    height: 0;
    margin-left: 0;
    width: 0;
}

/* removes padding in left navigation */
.RadTreeView .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot {
    padding: 0;
}

/* Sets the padding for elements in the left nav.  Also prevents height shifting on hover */
div.RadTreeView_Sitefinity .rtIn,
div.RadTreeView_Sitefinity .rtLI .rtHover .rtIn {
    display: inline-block;
    padding: 2px 0 2px 0;/**/
}

/***overrides a default setting***/
div.RadTreeView_Sitefinity .rtUL .rtLI .rtUL a{
    font-family:"Avenir Next W10 Regular", arial, sans-serif;
}

/* Sets the padding of the selected item
 ***overrides a default setting***/
div.RadTreeView_Sitefinity .rtLI .rtSelected .rtIn, 
.RadTreeView .rtHover .rtIn, 
.RadTreeView .rtSelected .rtIn {
    display: inline-block;
    /*padding: 4px;*/
    padding:2px 0;
    background:none;
    color:#712b90;
}


div.RadTreeView_Sitefinity .rtLI .rtSelected a:after{
    content:"-";
    background:url(../images/leftNavArrow.png) no-repeat 0 3px;
    /*width:4px;
    height:8px;
    display:inline-block;*/
    margin-left:5px;
    font-size:12px;
}

/* Offsets the selected item to align the text */
/*.RadTreeView .rtSelected .rtIn {
    margin-left: -4px;
}*/

.left-nav-section-title a {
        color: #333;
        font:400 20px 'Avenir Next W10 Regular', arial, sans-serif;
}
.left-nav-section-title a strong, .left-nav-section-title a b {font-weight:400;}
div.RadTreeView_Sitefinity .rtHover .rtIn{
    text-decoration: none;
}

.left-nav-section-title  {
    margin: 0px 0 22px 0;
    font-size: 14px;
}

/***fixes for 7.1 upgrade***/

.RadTreeView_Default .rtPlus, .RadTreeView_Default .rtMinus {
    background-color: transparent;
    background-image: none;
}
.RadTreeView_Default, .RadTreeView_Default a.rtIn, .RadTreeView_Default .rtEdit .rtIn input {
    color: #4D4D4F;
    font: 14px/16px 'Avenir Next W10 Demi', arial, sans-serif;
}

/* remove left nav expansion arrows and effects */

.RadTreeView_Default .rtLines .rtFirst,
.RadTreeView_Default .rtLines .rtFirst .rtUL,
.RadTreeView_Default .rtLines .rtLast .rtTop,
.RadTreeView_Default .rtLines .rtLI,
.RadTreeView_Default .rtLines .rtTop,
.RadTreeView_Default .rtLines .rtMid,
.RadTreeView_Default .rtLines .rtBot {
    background-image: none;
    margin: 10px 0;
}

.RadTreeView_Default .rtLines .rtLI .rtUL .rtBot,
.RadTreeView_Default .rtLines .rtLI .rtUL .rtLI{
    margin-top:-8px;
}


div.RadTreeView_Default .rtLI .rtHover .rtIn {
    padding:0;
}
div.RadTreeView_Default .rtIn {
    padding: 0;
}

.RadTreeView_Default .rtLI .rtMinus,
.RadTreeView_Default .rtLI .rtMinus:hover {
    background-position: 0;
}


/* Sets the padding for elements in the left nav.  Also prevents height shifting on hover */
div.RadTreeView_Default .rtIn,
div.RadTreeView_Default .rtLI .rtHover .rtIn {
    display: inline-block;
    padding: 2px 0 2px 0;/**/
}

/***overrides a default setting***/
div.RadTreeView_Default .rtUL .rtLI .rtUL a{
    font-family:"Avenir Next W10 Regular", arial, sans-serif;
}

/* Sets the padding of the selected item
 ***overrides a default setting***/
div.RadTreeView_Default .rtLI .rtSelected .rtIn, 
.RadTreeView .rtHover .rtIn, 
.RadTreeView .rtSelected .rtIn {
    display: inline-block;
    /*padding: 4px;*/
    padding:2px 0;
    background:none;
    color:#712b90;
}


div.RadTreeView_Default .rtLI .rtSelected a:after{
    content:"-";
    background:url(../images/leftNavArrow.png) no-repeat 0 3px;
    /*width:4px;
    height:8px;
    display:inline-block;*/
    margin-left:5px;
    font-size:12px;
}

/* Offsets the selected item to align the text */
/*.RadTreeView .rtSelected .rtIn {
    margin-left: -4px;
}*/

.left-nav-section-title a strong, .left-nav-section-title a b {font-weight:400;}
div.RadTreeView_Default .rtHover .rtIn{
    text-decoration: none;
}

.left-nav-section-title  {
    margin: 0px 0 22px 0;
    font-size: 14px;
}

/* Removes border on selected and hover states */

.RadTreeView_Default .rtSelected .rtIn {
    border: none;
}
.RadTreeView .rtHover .rtIn, .RadTreeView .rtSelected .rtIn {
    border: none;
}


/******************************************************
                    End Left Navigation 
 ******************************************************/




.image-left {
    float:left;
    margin-right:15px;
}
.image-top {
    top:0;
}

/* 
    TODO: set up the header area to collapse better when content is too long 
    TODO: incorporate the shadow
    TODO: adjust the section banner (move left slightly - may be a section width issue...?)
    TODO: fix the size change on hover on links covering two lines in the left nav
    TODO: bring back the google translate and apply css to put it on one line.
*/




/******************************************************
                    ISTE Web Style Guide 
 ******************************************************/

.callouttext {
    font-size: 18px;
	font-family: 'Avenir Next W10 Regular', Arial, sans-serif;;
	/*font-family: Arial, sans-serif;*/
}


/* overwrites sf class settings*/
.sfContentBlock h3, .sfContentBlock .header3 {
    border-bottom: none;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 15px;
    padding-bottom: 0;
	font-family: 'Avenir Next W10 Demi', "Arial Narrow", Arial, sans-serif;;
	/* font-family: "Arial Narrow", Arial, sans-serif;*/
	font-stretch: condensed; /*note:this line combined with "Arial" above creates "Arial Narrow" in browsers that don't natively support the font*/
}

table.membership,
table.memberBenefits {
    background: #eeeeea;
    border: none;
    margin-bottom:10px;
}
table.membership th,
table.membership td  {
    border: 1px solid #fff;
	background: #eeeeea;
}
table.membership td {
    text-align: center;
	width: 100px;
	padding: 10px 0;
}
table.membership th {
    font-weight: bold;
	text-align: left;
	padding-left: 20px;
	color: #58585b;
}
table.membership thead th {
    text-align: center;
	padding: 10px 0;
	color: #252525;
}
table.membership thead th:first-child {
    text-align: left;
	padding-left: 20px;
}

.sfContentBlock table.memberBenefits ul{
    margin-bottom:0;
}
table.memberBenefits td   {
    border: 1px solid #fff;
    vertical-align: middle;
    background:#dddddd;
    line-height:18px;
}
table.memberBenefits  tr.even td{
    background: #eeeeea;
}

table.memberBenefits td p{
    margin:0;
}

table.memberBenefits .rowHeading td{
    background:#712b90;
    border:1px solid #fff;
    color:#fff;
}

table.memberBenefits .rowHeading td h3{
    font-size:14px;
}

table.memberBenefits .rowHeading .theXRow{
    padding:10px;
}

table.memberBenefits .theXRow{
    color:#712b90;
    font-family:'Avenir Next W10 Demi', arial, sans-serif;
	font-size: 18px;
    padding:0;
}

table.memberBenefits td{
    padding:10px 20px;
}

.filterList{
    overflow:hidden;
}

.filterList .expand-button-forward{
    margin-left:20px;
}

.sf_2cols_2_75 .sfContentBlock strong{
    font-weight:normal;
    font-family:'Avenir Next W10 Demi', arial, sans-serif;
}

.sf_colsOut .section-title{
    margin-top:0;
}

div.sf_2cols_1in_67 {
    padding-right: 4%;
}

table.publications td,
table.publications th{
    border:1px solid #fff;
    padding:10px 20px;
}

table.publications .price-align-member{
    padding:10px;
}

table.publications .ProductGridHeader{
    background:#712b90;
    color:#fff;
    font-family:"Avenir Next W10 Demi", arial, sans-serif;
}

table.publications .ProductGridAlternatingRow{
    background:#ddd;
}

.loginBlock input,
.registerBlock input{
    width:180px;
}

.requiredValidator{
    margin-left:-7px;
}

.loginBlock,
.registerBlock{
    width:395px;
}

.registerBlock select{
    width:185px;
    margin-top: 0;
}

.loginBlock .inputWrapper{
    float:left;
    width:185px;
}

.registerBlock .inputWrapper{
    height:43px;
}

.loginBlock .inputWrapper a{
    float:right;
}

.loginBlock .emailWrapper{
    margin-right:20px;
}

.registerBlock .green-button,
.loginBlock .green-button{
    float:right;
}

.loginBlock .green-button{
    margin-top:15px;
}

.sf_2cols_2in_50 .sf_3cols_1_33,
.sf_2cols_2in_50 .sf_3cols_2_34,
.sf_2cols_2in_50 .sf_3cols_3_33{
    border:none;
    margin:0;
    padding:0;
    width:auto;
}

.sf_2cols_2in_50 .sf_3cols_1_33,
.sf_2cols_2in_50 .sf_3cols_2_34{
    margin-right:2.5%;
}

.sf_2cols_2in_50 div.sf_3cols_1_33 div.sf_3cols_1in_33,
.sf_2cols_2in_50 div.sf_3cols_2_34 div.sf_3cols_2in_34,
.sf_2cols_2in_50 div.sf_3cols_3_33 div.sf_3cols_3in_33{
    margin:0;
}



/* sets section-title large (h1), section-title (h2), h3 colors for each of the section templates */

/* This sets the default top color */
.section-title span.large-top,
.section-title span.top {
    color: #58585B;
}
/*
.about-section{
    margin-top:20px;
}*/

ul.sfeventsListTitleCityDate .sfeventMetaInfo {
    font-size: 14px;
    color: #58585b;
}

ul.sfeventsListTitleCityDate h2.sfeventTitle {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight:normal;
}

ul.sfeventsListTitleCityDate strong{
    font-weight:normal;
}

ul.sfeventDatesLocationContacts {
    padding: 15px 0 5px;
}

div.sfeventDetails .sfeventTitle {
    color: #58585b;
    font-family: "Avenir Next W10 Demi", arial, sans-serif;
    margin-top: -35px;
    background: #fff;
    padding:0;
    position: relative;
}


/* This sets the default bottom color */
/*h3, .header3
.section-title span.bottom,
.section-title span.large-bottom {
    color:#002A54;
}

h3, .header3 {
	color:#b1ba1d;
}*/

/*  The following sections allow us to customize titles of various sections. commented out on 10/8/2013 by NG

.store-section h3,
.store-section .section-title span.bottom,
.store-section .section-title span.large-bottom {
    color:#002A54;
}

.about-section h3,
.about-section .section-title span.bottom,
.about-section .section-title span.large-bottom {
    color:#002A54;
}   

.learn-section h3,
.learn-section .section-title span.bottom,
.learn-section .section-title span.large-bottom {
    color:#002A54;
}

.conferences-section h3,
.conferences-section .section-title span.bottom,
.conferences-section .section-title span.large-bottom {
    color:#002A54;
}

.nets-section h3,
.nets-section .section-title span.bottom,
.nets-section .section-title span.large-bottom {
    color:#002A54;
}

.news-section h3,
.news-section .section-title span.bottom,
.news-section .section-title span.large-bottom {
    color:#002A54;
}

.connect-section h3,
.connect-section .section-title span.bottom,
.connect-section .section-title span.large-bottom {
    color:#002A54;
}

.membership-section h3,
.membership-section .section-title span.bottom,
.membership-section .section-title span.large-bottom {
    color:#002A54;
}*/


/******************************************************
                    END ISTE Web Style Guide 
 ******************************************************/





/*The following are presets that can be used in setting the height for content wrappers*/
.height150 {height:150px}
.height155 {height:155px}
.height160 {height:160px}
.height165 {height:165px}
.height170 {height:170px}
.height175 {height:175px}
.height180 {height:180px}
.height185 {height:185px}
.height190 {height:190px}
.height195 {height:195px}
.height200 {height:200px}
.height205 {height:205px}
.height210 {height:210px}
.height215 {height:215px}
.height220 {height:220px}
.height225 {height:225px}
.height230 {height:230px}
.height235 {height:235px}
.height240 {height:240px}
.height245 {height:245px}
.height250 {height:250px}
.height255 {height:255px}
.height260 {height:260px}
.height265 {height:265px}
.height270 {height:270px}
.height275 {height:275px}
.height280 {height:280px}
.height285 {height:285px}
.height290 {height:290px}
.height295 {height:295px}
.height300 {height:300px}
.height305 {height:305px}
.height310 {height:310px}
.height315 {height:315px}
.height320 {height:320px}
.height325 {height:325px}
.height330 {height:330px}
.height335 {height:335px}
.height340 {height:340px}
.height345 {height:345px}
.height350 {height:350px}
.height355 {height:355px}
.height360 {height:360px}
.height365 {height:365px}
.height370 {height:370px}
.height375 {height:375px}
.height380 {height:380px}
.height385 {height:385px}
.height390 {height:390px}
.height395 {height:395px}
.height400 {height:400px}
.height405 {height:405px}
.height410 {height:410px}
.height415 {height:415px}
.height420 {height:420px}
.height425 {height:425px}
.height430 {height:430px}
.height435 {height:435px}
.height440 {height:440px}
.height445 {height:445px}
.height450 {height:450px}
.height455 {height:455px}
.height460 {height:460px}
.height465 {height:465px}
.height470 {height:470px}
.height475 {height:475px}
.height480 {height:480px}
.height485 {height:485px}
.height490 {height:490px}
.height495 {height:495px}
.height500 {height:500px}
.height505 {height:505px}
.height510 {height:510px}
.height515 {height:515px}
.height520 {height:520px}
.height525 {height:525px}
.height530 {height:530px}
.height535 {height:535px}
.height540 {height:540px}
.height545 {height:545px}
.height550 {height:550px}


/* this should get moved to the sig section of iste-controls.css
the following will break a line and keep it from overflowing...
perishablepress.com/wrapping-content/  */
.sig-mail {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	}

	.not-bold, .not-bold .sfTxtLbl 
	{
	    font-weight:normal;
	}

.align-right 
{
text-align:right;
}