/* CSS Document */
html
{
    margin: 0 0 0 0;
    padding: 0;
}
body
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#666666;
    background: url(/images/blend.png) repeat-x;
    height:100%; 
}

h1
{
    height: 15px;
    background-color: White;
    color: #666666;
    font-size: 9px;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    line-height: 15px;
}

/* Common */
.cleanIt
{
    clear: both;
    height: 0;
    line-height: 0;
}

.divClear
{
    clear: both;
}

strong
{
    font-weight: bold;
}

strong.type1 { color:Black; } 
strong.type2 { color:White; } 
strong.type3 { color:#138acb; } 
strong.type4 { color:#7BC143; } 
strong.type5 { color:#7e8082; } 

.col1 { color:Black; } 

.divCenter
{
    margin: 0 auto;
}

hr
{
    border: 0;
    height: 7px;
    width: 900px;
    color: #000000;
    background-color: #000000;
}

hr.type1
{
    border: 0;
    height: 1px;
    width: 665px;
    color: #000000;
    background-color: #000000;
}

.minHeight1 { min-height:500px; } 

/* apply to text with in div */
p
{
    margin: 0px;
    padding: 0px;
}

p.type1
{
    padding: 20px 20px 20px 20px;
}

p.type2
{
    padding: 10px 10px 0px 10px;
}

p.type3
{        
    padding: 10px 10px 0px 10px;
}
p.type4
{        
    padding: 25px 10px 0px 80px;
}

p.type5 { padding: 10px 20px 0px 10px; } 

p.solution1 { padding:13px 20px 10px 20px; color:white; } 

p.news1
{
    color: #808080;
    padding: 8px 20px 10px 20px;
}
p.header1 { color: Black; font-size: 18px;  } 

.inner1
{
    padding: 20px;
}
.inner2 
{
     padding: 8px 10px 0px 20px;
}
.inner3 
{ 
    padding:10px; 
    } 
.plainborder
{
    border: thin #000000 solid;
    margin: 10px;
    padding: 10px;
}

.fancyborder
{
    border: medium dotted #FF00FF;
    margin: 10px;
    padding: 10px;
}

.errMsg1
{
    color: red;
}
.regMsg1
{
    color: red;
}

.verticalSpace1 { height:5px; } 

.cellHeader1 { background-color: #666666; height: 30px; color:White; font-weight:bold; cursor:pointer;} 
.cellHeader2 { background-color: #0079c1; height: 30px; color:White; font-weight:bold; cursor:pointer;} 
.cellHeader3 { background-color: #7bc143; height: 30px; color:White; font-weight:bold; cursor:pointer;} 
.cellHeader4 { background-color: #be1e2d; height: 30px; color:White; font-weight:bold; cursor:pointer;} 

.header1 { height:20px; line-height:20px; background-color:#95CB64; padding-left:20px; color:Black; font-weight:bold; } 

/* Add the white space around the siteTop. Total 910px - 4px for borders = 902px */

#siteTop
{
    margin: 0 auto;
    width: 902px; /* 4px on each site totals 908 */
    height: 135px;
    background-color: black;
    border-top: 4px #FFFFFF solid;
    border-left: 4px #FFFFFF solid;
    border-right: 4px #FFFFFF solid; /*background-image: url(/images/Header.png);         background-repeat: no-repeat;     */
}
#siteTop .leftSide { float:left; width:169px; height:120px; background-image:url(/images/main-logo.png); cursor: pointer; margin-left:10px;} 
#siteTop .rightSide { float:right; width:369px; height:120px; background-color:Black; } 

#siteBreadCrumbsSpace { height:20px; padding-left:200px; } 
.siteBreadCrumbs
{    
    padding-left:20px; height:20px; line-height:20px; font-size:9px;
}

#siteTagLineSpace
{
    height: 15px;
    background-color: White;
    padding-left: 20px;
}

.topSpace1 { border-top: 20px #FFFFFF solid; } 

#siteTopMenu
{
    margin: 0 auto;
    width: 902px;
    height: 30px;
    background-color: White;
    border-left: 4px #FFFFFF solid;
    border-right: 4px #FFFFFF solid;    
}

#siteTopMenu #menuAreaCell1
{
    width: 900px;
    height: 30px;
    float: left;
}
#siteTopMenu #menuAreaCell2
{
    width: 0px;
    height: 30px;
    float: left;
    background-color: white;
}

#siteMiddle
{
    margin: 0 auto;
    width: 902px;
    background-color:White;
    border-top: 4px #FFFFFF solid; 
    border-left: 4px #FFFFFF solid;
    border-right: 4px #FFFFFF solid;
    border-bottom: 4px #FFFFFF solid;
}

/* Home Page */
#siteMiddle #midTopCell1
{
    width: 690px;
    background-image: url(/images/5.2-home-img.png);   
    border-right: 12px #FFFFFF solid;
    border-bottom: 6px #FFFFFF solid;
    float: left;
    height: 300px;
}

.homepageCell1 { width: 220px; } 
.homepageCell1left1 { float: left; width: 60px; } 
.homepageCell1right1 { float: left; width: 160px; } 
.homepageCell1right2 { float: left; width: 130px; } 

#siteMiddle #midTopCell2
{
    width: 200px;
    border-bottom: 6px #FFFFFF solid;
    background-color: White;
    float: left;
    height: 300px;
}

#siteMiddle #midMidCell1
{
    width: 690px;
    border-right: 12px #FFFFFF solid;
    border-bottom: 6px #FFFFFF solid;
    background-color: Black;
    float: left;
    height: 30px;
}
#siteMiddle #midMidCell2
{
    width: 200px;    
    font-weight:bold;
    border-bottom: 6px #FFFFFF solid;
    background-color: Black;
    float: left;
    height: 30px;
}

#siteMiddle .midBottomCell1
{    
    font-weight:normal;
    width: 220px;
    background: url(/images/home-gradient.png) repeat-x;
    /*border-right: 14px #FFFFFF solid;*/
    /*border-bottom: 6px #FFFFFF solid;*/
    border: 1px #666666 solid; 
    margin-right: 12px;
    float: left;
    min-height: 120px;
    cursor:pointer;
}
#siteMiddle .midBottomCell2
{    
    width: 198px;
    background: url(/images/home-gradient.png) repeat-x;
    border: 1px #666666 solid; 
    /*border-bottom: 6px #FFFFFF solid;*/    
    float: left;
    min-height: 120px;
    cursor:pointer;
}

/* Left Column Page */
.pageCell1 { width:200px; background-color:#FFFFFF; float:left; min-height:400px;} 

/* 3 Columns Page */
.pageCell2 { width:500px; border-left: 1px #B3B3B3 solid; border-right: 1px #B3B3B3 solid; background-color:White; float:left; min-height:400px; } 
.pageCell2.bg1 { background-color: Black; } 
.pageCell3 { width:200px; background-color:White; float:left; min-height:400px; } 

/* 2 Columns Page */
.pageCell4 { width:701px; border-left: 1px #B3B3B3 solid; background-color:White; float:left; min-height:400px; } 

#siteBottom
{
    margin: 0 auto;
    width: 902px;
    height: 40px;    
    background-color: #FFFFFF; /*background-image: url(/images/Footer.png);     background-repeat: no-repeat;*/
    border-top: 0px #FFFFFF solid;
    border-left: 4px #FFFFFF solid;
    border-right: 4px #FFFFFF solid;
    border-bottom: 4px #FFFFFF solid;
}

.leftFrame1 { width:248px; float:left; background-color:Aqua; } 
.rightFrame1 { width:248px; margin-left:4px; float:left; background-color:Maroon; } 

#copyright { width:400px; float:left; height:40px; line-height:40px; padding-left:20px; } 

.inside1
{
    padding: 20px;
    width: 650px;
}

.inside2
{
    padding: 20px;
}

.inside3
{
    padding: 10px 20px 0px 20px;
}

.inside4
{
    padding: 10px 20px 10px 20px; width:460px;
}

.inside5  
{
  padding: 10px 20px 0px 20px;
}


.textboxLogin
{
    width: 150px;
}
.loginBox
{
    width: 300px;
    border: 1px #cccccc solid;
}
.loginButton
{
    font-size: 10px;
} 

.textType1 { color: Black; } 
.textType2 { color:#7BC143; }  /* light green */ 


.legal1 { font-size:9px; }

.picText1 { font-size:30px; font-weight:bold; color:#999999; } 
.picText2 { color:#7BC143; font-weight:bold; } 
.picText3 { font-size:30px; font-weight:bold; color:#000000; } 
.picText4 { font-size:30px; font-weight:bold; color:#FFFFFF; } 
.picText5 { font-size:30px; font-weight:bold; color:#7E8082; } 
.picText6 { font-size:11px; color:#FFFFFF; } 
.picText7 { font-size:23px; font-weight:bold; color:#000000; } 

.blockType1 { height:65px; width:200px; border-bottom: 1px #b3b3b3 solid; cursor: pointer;} 
.blockType1.on { background-color:#E2EFD4; } 
.blockType1.off { background-color:#f3f3f3; } 
.blockType1Left1 { float:left; width:150px; height:65px; } 
.blockType1Right1 { float:left; width:50px; height:65px;} 
.blockType1Title1 { color:#7BC143; padding:10px 0px 0px 20px; font-weight:bold;} 
.blockType1Sub1 { padding-left:20px; font-size:9px; } 
.blockType1Link1 { color:#666666; font-size:9px; font-weight:bold; padding:5px 0px 0px 20px; } 

.blockType2 { width:200px; border-bottom: 1px #b3b3b3 solid; cursor: pointer;} 
.blockType2.on { background-color:#E2EFD4; } 
.blockType2.off {background-color:#f3f3f3; } 
.blockType2Title1 { color:#000000; padding:14px 0px 0px 20px; font-weight:bold;} 
.blockType2Link1 { color:#666666; font-weight:normal; font-size:11px; padding:5px 0px 0px 20px; } 

.blockType3 { height:74px; width:200px; border-bottom: 1px #b3b3b3 solid; cursor: pointer;} 
.blockType3.on { background-color:#E2EFD4; } 
.blockType3.off {background-color:#F3f3f3; } 
.blockType3Left1 { float:left; width:150px; height:65px; padding-top:5px; } 
.blockType3Right1 { float:left; width:50px; height:65px;} 
.blockType3Title1 { color:#7BC143; padding:10px 0px 0px 20px; font-weight:bold;} 
.blockType3Sub1 { padding-left:20px; font-size:9px; } 
.blockType3Link1 { color:#666666; font-size:9px; font-weight:bold; padding:5px 0px 0px 20px; } 


.blockType4 { height:55px; cursor: pointer;} 
.blockType4.on { background-color:#E2EFD4; } 
.blockType4.off {background-color:#F3f3f3; } 
.blockType4.offAlt {background-color:#FFFFFF; } 
.blockType4Left1 { float:left; width:200px; height:50px; padding-top:2px; } 
.blockType4Right1 { float:left; width:48px; height:50px;} 
.blockType4Title1 { color:#7BC143; padding:10px 0px 0px 20px; font-weight:bold;} 
.blockType4Sub1 { padding-left:20px; font-size:9px; } 
.blockType4Link1 { color:#666666; font-size:9px; font-weight:bold; padding:5px 0px 0px 20px; } 



.block1 { background-color:#95cb64; width:442px; height:86px; } 

.navHeader1 { height:50px; background-color:#d5d6d7; font-size:18px; border-bottom: 1px #b3b3b3 solid;}  
.navHeader2 { height:50px; background-color:#d5d6d7; font-size:18px; border-bottom: 1px #b3b3b3 solid;} 
.navHeaderInside1 { padding:20px 0px 0px 20px;} 

/* Navigation Menu */
ul#headerNav
{
    /*background: url(/images/headerbg.gif) 0% 0px repeat-x;*/
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
}

ul#headerNav li
{
    display: block;
    float: left;
}

ul#headerNav li a
{
    display: block;
    font-weight: bold;
    float: left;
    text-align: center;
    margin-top:8px;
    padding: 0px 12px 0px 15px;
    color: #666666;
    text-decoration: none;
}

ul#headerNav li a:hover
{
    /*background: url(/images/main-mouse-over.png) 0px 0px repeat-x;*/    
    color: #000000;    
    text-decoration: none;
}

ul#headerNav li a.current, ul#headerNav li a.current:hover
{
    /*background: url(/images/main-mouse-over.png) 0px 0px repeat-x;*/
    background-color:White;
    color: black;
}


/* Side Navigation Menu */
#navContainer {}
#navContainer ul
{ margin-top:0px; margin-bottom:0px; margin-left: 0; padding-left: 0; list-style-type: none; }

#navContainer a
{
	display: block; width: 150px; font-size:11px ;font-weight:bold; font-family:Arial; border-bottom:solid 1px #666666; 
	line-height:24px; text-decoration:none; 
}

#navContainer a:link
{ color: #BAD0EC; text-decoration: none;  }


#navContainer ul li.sub1 a { padding-left:20px; color: #666666; border-bottom: 1px solid #B3B3B3; width:180px; background-color:#f3f3f3;}
#navContainer ul li.sub1 a:hover { color: #666666; background-color:#BAD0EC; } 
#navContainer ul li.sub1 a.current {  padding-left:20px; background-color:#BAD0EC;  }

#navContainer ul li.sub2 a { padding-left:25px; color: #666666; border-bottom: 1px solid #808080; width:180px;  background-color: #E9EEF8; }
#navContainer ul li.sub2 a:hover { color: #666666;  background-color:#D4E0F2;} 
#navContainer ul li.sub2 a.current {  padding-left:25px; color: #666666;  background-color:#D3E0F2;}

/*---------- Bullets -----------*/
.bulletRow1 { list-style-type: disc; padding:0px 0px 0px 15px; margin: 0px; border: 0px; }

/*#bulletRow1 li a, #bulletRow1 li.text { margin: 0; padding: 0 0 0 15; display: block; line-height: 15px; }*/


/*---------- Popup menu -----------*/
.popupMenu
{
    position: relative;
    z-index: 24;
    background-color: #f3f3f3;
    border: 1px solid #B3B3B3;
    min-height: 160px;
    width: 200px;
    top: -50px;
    left: 0px;
    display: none;
    float:left;
}
.popupMenu .header1 { height:20px; background-color:black; color:White; padding-left:10px; padding-top:8px; }
/*

a.tt{
    position:relative;
	z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
    
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it
a.tt:hover{ z-index:25; color: #aaaaff; text-decoration:none;}
a.tt:hover span.tooltip {
    display:block;
    position:absolute;
    top:0; left:0;
	padding: 0 0 0 0;
	width:200px;
	color: #000000;
	text-decoration: none;
    text-align: center;	
}

*/


/* Quick links menu */

ul#quicklinkNav
{
    /*background: url(/images/headerbg.gif) 0% 0px repeat-x;*/    
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul#quicklinkNav li
{        
    display: block;
    float: left;
}

ul#quicklinkNav li a
{
    height:20px;
    display: block;
    font-weight: bold;
    text-align: left;
    padding: 7px 12px 0px 10px;
    color: #000000;
    text-decoration: none;
    width: 173px;
    border-bottom: 1px #b3b3b3 solid;
}

ul#quicklinkNav li a:hover
{
    /*background: url(/images/main-mouse-over.png) 0px 0px repeat-x;*/
    border-bottom: 1px #b3b3b3 solid;
    background-color:#E2EFD4;
    color: #000000;
    text-decoration: none;
}

ul#quicklinkNav li a.current, ul#quicklinkNav li a.current:hover
{    
    /* background: url(/images/main-mouse-over.png) 0px 0px repeat-x; */
    color: black;
} 

/* ------------------ Hyperlinks ------------------ */

a:active,a:visited,a:link { color : #666666; text-decoration: underline; font-size: 11px;}
a:hover { text-decoration: underline;}

A.hp1:ACTIVE, A.hp1:VISITED, A.hp1:LINK
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
}
A.hp1:HOVER
{
    text-decoration: underline;
}

A.hp2:ACTIVE, A.hp2:VISITED, A.hp2:LINK
{
    color: #666666;
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
}

A.hp2:HOVER
{
    text-decoration: underline;
}


A.hp3:ACTIVE, A.hp3:VISITED, A.hp3:LINK
{
    color: #666666;    
    font-weight: normal;
    font-size: 100%;
    text-decoration:underline;
}

A.hp3:HOVER
{
    text-decoration: underline;
}

A.hp4:ACTIVE, A.hp4:VISITED, A.hp4:LINK, A.hp4:HOVER
{
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;    
}

A.hp5:ACTIVE, A.hp5:VISITED, A.hp5:LINK, A.hp5:HOVER
{
    color: #666666;
    text-decoration: none;
    font-weight: bold;
    font-size:10px;    
}

A.hp6:ACTIVE, A.hp6:VISITED, A.hp6:LINK, A.hp6:HOVER
{
    color: #7bc143;
    text-decoration: none;    
    font-size:14px;
    font-weight:bold;
}

A.hp7:ACTIVE, A.hp7:VISITED, A.hp7:LINK, A.hp7:HOVER
{
    color: #808080;
    text-decoration: none;    
    font-size:11px;

}

A.hp8:ACTIVE, A.hp8:VISITED, A.hp8:LINK, A.hp8:HOVER
{
    color: #D5E8C1;
    text-decoration: none;        
}

A.hp9:ACTIVE, A.hp9:VISITED, A.hp9:LINK, A.hp9:HOVER
{
    color: #FFFFFF;
    text-decoration: none;        
}

A.hp10:ACTIVE, A.hp10:VISITED, A.hp10:LINK, A.hp10:HOVER
{
    color: #0079C1;
    text-decoration: none;        
    font-size:12px;
    
}


A.hp11:ACTIVE, A.hp11:VISITED, A.hp11:LINK { color: RED; text-decoration: none; font-weight:bold; font-size:100%;}
A.hp11:HOVER { text-decoration: underline;}


A.breadcrumbs1:ACTIVE, A.breadcrumbs1:VISITED, A.breadcrumbs1:LINK
{
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}
A.breadcrumbs1:HOVER
{
    color:#000000;
    text-decoration: none;
}


/* ------------------ News ------------------ */
.latestNewsHeader1 { border-bottom: 1px solid #B3B3B3; font-weight:bold; min-height:40px; padding:15px 0px 15px 0px;  } 
.newsHeading { color:Black; font-weight:bold;  } 
.newsSubHeading {  font-weight:normal; } 
.newsReleaseDate { color:Black; } 
.newsReleaseLocation { color: Black; } 
.newsDescription {  } 

/* ------------------ Events ------------------ */
.events1 { border-bottom: 1px solid #B3B3B3; padding:0px 0px 0px 0px; } 
.eventTitle1 { padding-bottom: 10px; width:450px; font-weight:bold;}
.eventItemCol1 { padding-bottom: 5px; width:100px; float:left; } 
.eventItemCol2 { padding-bottom: 5px; width:500px; float:left; } 
.eventDesc1 { padding: 10px 0px 10px 0px; }

/* ------------------ Careers ------------------ */
.careersHL1 { list-style-type: none; padding:0px 0px 0px 0px; margin: 0px; border: 0px; }
.careersHL1 li { padding-bottom:5px; padding-top:5px; border-top: 1px solid #B3B3B3; } 
.careersHL1 li.last {border-bottom: 1px solid #B3B3B3; } 
.careers1 { border-bottom: 0px solid #B3B3B3; min-height:40px; padding:0px 0px 0px 0px;  } 


/* ------------------ Management Team ------------------ */
.mgtTeam1 { width:230px; float:left; height:50px; padding-left:20px; }
.mgtTeam1 .caption1 { color:Black; font-weight:bold; padding:10px 0px 0px 2px; } 
.popupBottom1 { text-align: right; border-top: 1px #b3b3b3 solid; padding-right:5px; } 

/* ------------------ Modal Popup ------------------ */
.modalBackground {
	background-color:gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	
	background: url(/images/gradientpopup.png) repeat-x;	
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:500px;
}

/* ------------------ Buttons ------------------ */
a.buttonFeatures1{ background: url(/images/learn-more-off.png) no-repeat; width:98px; height:23px; display:block;} 
a.buttonFeatures1:hover{ background: url(/images/learn-more-on.png) no-repeat; width:98px; height:23px; display:block;} 

/* ------------------ Search ------------------- */ 
.searchArea { height:20px; line-height:20px; width:189px; } 
.searchArea .sCol1 { float:left; width:23px; } 
.searchArea .sCol2 { float:left; width:150px; } 
.searchArea .sCol3 { float:left; width:16px;} 

.searchMag { padding-top:5px; } 
.searchTextBox {  width:140px; margin-top:5px; font-size:11px;} 
.searchGo { margin-top:7px; }