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


body { 
  color : #000000; 
  background : #ffffff; 
  font-family : "Times New Roman", Times, serif;
  font-size : 12pt; 
}

a { 
  tcolor: #7ea131;	
  text-decoration: underline;	
  
}
#headerCompanySub, #headerSMiAdvantage, #headerCareers, #headerHome, #headerCompany, #headerAdvantage, #headerEduTech, #headereLearning, #SMiLogo, #mainNav, #secondaryNav, #secondaryCompNav, #secondarySMiNav, #bottomNav  { 
  display : none; 
} 

/* floatbackground issue fix*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* ------------------------------------------------------------------*/
/* main.css Styles */

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



body  {
	/*background-image: url(images/bodyBack_outter.jpg);*/
	background-color:#e6e6e6;
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
}
.twoColAbs #outerContainer { 
	position: relative;
	width: 950px; 
	background-image: url(images/bodyBack_inner.jpg);
	background-repeat: repeat-x;
	padding: 0px 0px 60px 0px;
	background-color:#e6e6e6;
	margin: 0 auto; 
	text-align: left; 
} 
.twoColAbs #innerContainer { 
	position: relative;
	width: 895px;
	margin: 0 auto; 
	text-align: left;
	padding-bottom: 0px;
    font: 100%  Arial, Helvetica, sans-serif;
	color:#29296f;
	font-size: 13px;
	font-style: normal;
} 


/* headers */

.twoColAbs #headerArea { 
	padding-top: 25px;
} 

.twoColAbs #headerHome { 
	background-image:url(images/headerHome.jpg);
	background-position:right;
	background-repeat:no-repeat;
} 

.twoColAbs #headerCompany { 
	background-image:url(images/headerCompany.jpg);
	background-position:right;
	background-repeat:no-repeat;
} 

.twoColAbs #headerAdvantage { 
	background-image:url(images/headerAdvantage.jpg);
	background-position:right;
	background-repeat:no-repeat;
} 

.twoColAbs #headerEduTech { 
	background-image:url(images/headerEdTech.jpg);
	background-position:right;
	background-repeat:no-repeat;
} 

.twoColAbs #headereLearning { 
	background-image:url(images/headereLearning.jpg);
	background-position:right;
	background-repeat:no-repeat;
} 

.twoColAbs #headerCompanySub { 
	background-image:url(images/headerContact.jpg);
	background-position:right;
	background-repeat:no-repeat;
} 

.twoColAbs #headerCareers { 
	background-image:url(images/headerCareers.jpg);
	background-position:right;
	background-repeat:no-repeat;
} 

.twoColAbs #headerSMiAdvantage { 
	background-image:url(images/headerSMiAdvantage.jpg);
	background-position:right;
	background-repeat:no-repeat;
} 




/* visual & content center area */ 

.twoColAbs #mainContentBox {
	position: relative;
	background-color:#fff;
	padding: 30px 30px 30px 30px;
	width: 835px;
}

.twoColAbs #homeMainContentBox {
	position: relative;
	background-color:#fff;
	padding: 30px 30px 30px 30px;
	width: 835px;
}

.twoColAbs #mainText {
	position: relative;
	padding:0em 1em 0em 3.5em;
	float:left;
	width: 440px;
}

.twoColAbs #mainTextWide {
	position: relative;
	padding:0em 8em 0em 8em;
	float:left;
	width: 630px;
}

.twoColAbs #homeMainText {
	position: relative;
	padding:3em 1em 0em 3em;
	font-size: 14px;
	float:left;
	width: 390px;
}

.twoColAbs #mainTextWloop {
	position: relative;
	padding:0em 1em 0em 3.5em;
	float:left;
	width: 375px;
}



.twoColAbs #listBox {
	position: relative;
	text-align:left;
	width: 820px;
	float:left;
	padding: 0em 15em 15em 0em;
}
.twoColAbs #homeVisualContent {
	position: relative;
	float: right;
	padding: 0em 2em 0em 0em;
	color: #666;
}

.twoColAbs #visualContent {
	position: relative;
	float: right;
	padding: 3.5em 3.5em 0em 0em;
	color: #666;
}


/* bottom calouts and footer area */ 
.twoColAbs #callOutContainer {
	position:absolute;
	float:left;
	top: 378px;
	left: 31px;
}

.twoColAbs #callOutBox1 {
	position: relative;
	background-image:url(images/callOutBox1.png);
	background-repeat:no-repeat;
	width: 271px;
	height: 188px;	
	padding-top: 5px;
	float:left;
}

.twoColAbs #callOutBox2 {
	position: relative;
	background-image:url(images/callOutBox2.png);
	background-repeat:no-repeat;
	width: 271px;
	height: 188px;	
	padding-top: 5px;
	margin-left: 10px;
	float:left;
}

.twoColAbs #callOutBox3 {
	position: relative;
	background-image:url(images/callOutBox3.png);
	background-repeat:no-repeat;
	width: 271px;
	height: 188px;
	padding-top: 5px;
	margin-left: 10px;
	float:left;
}

.twoColAbs #mainFooter {
	position:relative;
	font-size:11px;
	color:#999;
}

/* hyperlinks */


a:link { 	
	text-align:left;
	color: #7ea131;	
	text-decoration: underline;	
}
a:hover { 
	text-decoration: underline;		
	color: #7ea131;	
}
a:visited { 
	color: #7ea131;	
	text-decoration: underline;	
}

a.learnMore:link { 	
	tcolor: #7ea131;	
	text-decoration: underline;	
	font-size: 11px;
}
a.learnMore:hover { 	
	color: #7ea131;	
	font-size: 11px;
	text-decoration: underline;
}
a.learnMore:visited {
	font-size: 11px;
	text-decoration: none;
}

/* globalSets */

.twoColAbs #headerLeft {
	left: 1px;
	top: 25px;
	position: absolute;
	width: 594px;
	height: 152px;
}

#memberNav {
	position: absolute;
	top: 73px;
	left: 267px;
	z-index: 100;
}


/* random styles */

.twoColAbs #popUpContent {
	position: absolute;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	background-color:#FFFFFF;
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	
}



/* ------------------------------------------------------------------*/
/* generic.css styles*/

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

/**
 * styles shared by all pages
 */

body 			{
                    color: #000;
                    font-size: 12px;
                    font-family: Arial, Verdana, Helvetica, sans-serif;
                }
form			{
                    margin: 5px 0 5px 0;
                }
form  input     {
                    vertical-align: middle;
                }
h2              {
                    font-size: 14px;
					letter-spacing: .5px;
                    font-weight: bold;
                    margin: 0px 0px 20px 0;
                    padding-bottom: 0px;
                }
h3              {
                    color: #29296f;
                    font-size: 1.0em;
                    font-weight: bold;
					margin-bottom: 0px;
                }
h4              {
                    margin-top: 5px;
					margin-bottom: 20px;
					margin-left: 20px;
                    font-size: 1.0em;
					color: #fff;
					font-weight: bold;
                }
h5              {
                    margin: 2em 0em 0em 0em;					
					font-size: 12px;
					font-weight: bold;
                }
				
h6              {
                    font-size: 11px;
					font-weight: bold;
                }
				
h7              {
                    font-size: 13px;
					font-weight: bold;
                }
img				{
                    horizontal-align: left;
                }
ul              {
					margin-top: 1.2em;
					margin-bottom: .8em;
				}


li				{
                    padding-bottom: .4em;
					
                }

ol				{
                    margin-top: 4px;
					color: #000;
                }
				
				
p               {
                    line-height: 1.3em;
                    margin: .5em 0em 0em 0em;
                }

/* ------------------------------------------------------------------*/
/* mainNsecNav.css styles*/

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


/* main navigation */

#mainNav { position: relative; z-index: 100; height: 28px; text-decoration: none; font-weight: bold; margin-top: 5px;}

#mainNav ul { padding-left: 0; margin-left: 0; vertical-align: middle; margin-top: 0px; margin-bottom: 0px;}

#mainNav ul li { list-style: none; display: inline; }

#mainNav ul ol { list-style: none; display: inline; }

#mainNav ul li a { padding: 2px 3.8em; text-decoration: none; float: left; border-right: 1px solid #56568c; line-height: 24px }

        a.greenTab              { color: #fff; }
        a.greenTabOn    { background: #9ecb3c; color: #29296f; background-image:url(images/mainNavBack_selected.gif); background-repeat:repeat-x; }
        a.greenTab:hover        { background: #9ecb3c; color: #29296f; background-image:url(images/mainNavBack_over.gif); background-repeat:repeat-x; }

#mainNav ul ol a { padding: 2px 2.5em; text-decoration: none; float: left; border-right: 1px solid #29296f; line-height: 24px }

        a.whiteTab              { color: #fff; }
        a.whiteTabOn            { background: #fff; color: #29296f; }
        a.whiteTab:hover        { background: #fff; color: #29296f; }

        a.endTab                { color: #fff; }
        a.endTabOn      { background: #9ecb3c; color: #29296f; background-image:url(images/mainNavBack_selected.gif); background-repeat:repeat-x; }
        a.endTab:hover  { background: #9ecb3c; color: #29296f; background-image:url(images/mainNavBack_over.gif); background-repeat:repeat-x;}



/* secondary navigation | Services */

#secondaryNav { position: relative; font-size:11px; padding-left:160px; z-index: 100; height: 24px; background-image:url(images/secNavBack.gif); background-repeat:repeat-x; text-decoration: none;}

#secondaryNav ul { padding-left: 0; margin-left: 0; margin-top: 0px; margin-bottom: 0px; }

#secondaryNav ul li { list-style: none; display: inline; }

#secondaryNav ul ol { list-style: none; display: inline; }

#secondaryNav ul li a { padding: 2px 1.5em; text-decoration: none; float: left; border-right: 1px solid #83a932; line-height: 20px  }

        a.greenTabSec           { color: #29296f; }
        a.greenTabSecOn { background: #fff; color: #29296f; }
        a.greenTabSec:hover     { background: #fff; color: #29296f; }

#secondaryNav ul ol a { padding: 2px 0.5em; text-decoration: none; float: left; border-right: 0; line-height: 20px;text-align:center }

        a.whiteTabSec           { color: #29296f; }
        a.whiteTabSecOn         { background: #fff; color: #29296f; border-right:hidden; }
        a.whiteTabSec:hover     { background: #fff; color: #29296f; border-right:hidden; }


/* secondary navigation | Company */

#secondaryCompNav { position: relative; font-size:11px; padding-left:270px; z-index: 100; height: 24px; background-image:url(images/secNavBack.gif); background-repeat:repeat-x; text-decoration: none;}

#secondaryCompNav ul { padding-left: 0; margin-left: 0; margin-top: 0px; margin-bottom: 0px; }

#secondaryCompNav ul li { list-style: none; display: inline; }

#secondaryCompNav ul ol { list-style: none; display: inline; }

#secondaryCompNav ul li a { padding: 2px 2.5em; text-decoration: none; float: left; border-right: 1px solid #83a932; line-height: 20px  }

        a.greenTabCompSec               { color: #29296f; }
        a.greenTabCompSecOn     { background: #fff; color: #29296f; }
        a.greenTabCompSec:hover { background: #fff; color: #29296f; }

/* changed this so there isn't a border on the last item on the right hand side - drew
#secondaryCompNav ul ol a { padding: 2px 2em; text-decoration: none; float: left; border-right: 1px solid #9ecb3c; line-height: 20px }
*/
#secondaryCompNav ul ol a { padding: 2px 2em; text-decoration: none; float: left; border-right: 0; line-height: 20px;text-align:center}

        a.whiteTabCompSec               { color: #29296f; }
        a.whiteTabCompSecOn             { background: #fff; color: #29296f; border-right:hidden; }
        a.whiteTabCompSec:hover { background: #fff; color: #29296f; border-right:hidden; }


/* secondary navigation | SMi */

#secondarySMiNav { position: relative; font-size:11px; padding-left:140px; z-index: 100; height: 24px; background-image:url(images/secNavBack.gif); background-repeat:repeat-x; text-decoration: none;}

#secondarySMiNav ul { padding-left: 0; margin-left: 0; margin-top: 0px; margin-bottom: 0px; }

#secondarySMiNav ul li { list-style: none; display: inline; }

#secondarySMiNav ul ol { list-style: none; display: inline;  }

#secondarySMiNav ul li a { padding: 2px 2.5em; text-decoration: none; float: left; border-right: 1px solid #83a932; line-height: 20px  }

        a.greenTabSMiSec                { color: #29296f; }
        a.greenTabSMiSecOn      { background: #fff; color: #29296f; }
        a.greenTabSMiSec:hover  { background: #fff; color: #29296f; }

#secondarySMiNav ul ol a { padding: 2px 1.6em; text-decoration: none; float: left; border-right: 0; line-height: 20px;text-align:center }

        a.whiteTabSMiSec                { color: #29296f; }
        a.whiteTabSMiSecOn              { background: #fff; color: #29296f; }
        a.whiteTabSMiSec:hover  {  background: #fff; color: #29296f; border-right:hidden; }

/*  add this if background in white tab is needed */ 
/*background-image:url(images/secNavBack_selected.gif); border-right:hidden; */

/* bottom navigation */

#bottomNav {
        position:relative;
        z-index: 100;
        height: 0px;
        text-decoration: none;
        margin-top: 5px;
        float:right;
        width:auto;
}

#bottomNav ul { padding-left: 0; margin-left: 0; vertical-align: middle; margin-top: 0px; margin-bottom: 0px;}

#bottomNav ul li { list-style: none; display: inline; }

#bottomNav ul ol { list-style: none; display: inline; }

#bottomNav ul li a { padding: 0px 1.2em; float: left; border-right: 1px solid #999; }

        a.botTab                { color: #29296f; }
        a.botTabOn              { color: #7ea131; }
        a.botTab:hover  { color: #29296f; text-decoration: underline; color: #7ea131;}

#bottomNav ul ol a { padding: 0px 1.0em; float: left; border-right: 1px solid #e6e6e6; }

        a.botEndTab             { color: #29296f; }
        a.botEndTabOn   { color: #7ea131; }
        a.botEndTab:hover       { color: #29296f; text-decoration: underline; color: #7ea131;}