﻿
html,body, div { /*
  background: url(../images/blue.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/

	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	 
}
body { padding:0px; margin:0px; border:0; outline:0;vertical-align:baseline;
       font:70%/160% verdana,sans-serif; font-size:1em; font-family:Helvetica; 
       font-family: 'Lato', sans-serif;
       }
h1 { font-size:2.3em; line-height:45px;}
h2 { font-size:2em; color:Gray; line-height:40px;}
h3 { font-size:1.5em; color:Gray; line-height:30px; font-weight:normal;}
p { font-size:0.9em;}
ul li { list-style:square; font-size:0.9em;}
ul li ul li { list-style-type:disc; font-size:inherit;}


#wrap{
	padding-top:0px;
	width:100%;
	margin:0 auto;    
}
#Content { 	float:left;
	        margin:0 auto;
	        width:100%;
            padding-top:0px;
	        background-color:White;	         
           }
#Content1 { margin:0 auto; width:1090px;
           } 

.childContent {float:left;
	        margin:0 auto; width:100%; height:100%;  margin-top:20px; margin-bottom:50px;/*padding:0px; margin:0px; padding:50px;
               border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; box-shadow:2px 2px 20px 2px #d2d2d2; -moz-box-shadow:2px 2px 2px 2px #d2d2d2;-webkit-box-shadow: 2px 2px 2px 2px #d2d2d2;            
                */
}
.modalBackground{background-color: Gray; filter: alpha(opacity=50); opacity: 0.7; z-index: 500;}
.pnlBackGround{Float:left; margin:0 atuo; text-align: Left; background-color: White; border: solid 1px #f2f2f2; z-index: 750; height:auto;border-radius:0.6em;-moz-border-radius:0.6em;-webkit-border-radius:0.6em; box-shadow: 2px 2px 4px 1px Black; -moz-box-shadow:2px 2px 4px 1px Black;-webkit-box-shadow: 2px 2px 4px 1px Black;}
.divPopupHCIMember {Float:left; margin:0 atuo; width:650px; padding:20px 40px 20px 40px; margin-top:0px; font-size:1.3em; }
.postingContent {float:right; margin:0 auto;  padding:0px; margin:0px; text-align:center; padding:20px 0px 0px 0px; margin-bottom:0px; width:100%; 
                 font-size:1.3em; font-weight:Normal;}
.postingContent img { width:150px; height:100px; margin:10px;}

/*
========================================================================================
        Header - START
========================================================================================
*/
#header
{
    float:left; width:100%;
	padding-top:15px;
	/*width:1090px;*/
	margin:0 auto;
	text-align:center;
	background-color:#f2f2f2;
	position:relative;
	top:0;
	margin-bottom:20px;
}
#header .Logo {width:15%; float:left; margin: 0 auto; margin-left:10px;}
#header .menu {float:right; margin: 0 auto; text-align:left; background-color:Transparent; padding:10px; font-size:1em; color:#a2a2a2; margin-right:40px;
               /*border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px; box-shadow: 0px 2px 0px 0px #d2d2d2; -moz-box-shadow:0px 2px 0px 0px #d2d2d2;-webkit-box-shadow: 0px 2px 0px 0px #d2d2d2;*/
               }
#header .menu a { color:Black; text-decoration:none; padding:0px 10px 0px 10px;  }

#header a img { width:220px; height:100%; border:0;}

.hcimember { float:right; margin: 0 auto; text-align:center; margin-left:40px; margin-top:-10px; background-color:Orange; color:white !important; text-decoration:none; padding:7px !important;               
             border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
             }

/*
========================================================================================
        Footer - START
========================================================================================
*/


#Footer{	float: left;
        	 width:100%;
	        color:Black;
            margin:0 auto;
            padding:0px 0px 5px 0px;
	        background-color:#f1f1f1;
}
.floatingFooter { position:fixed; bottom:0;}

.div_Full
{	
    float: left;
    width:100%;
    margin:0 auto;
    /*width:1090px;*/
	font-size:60%;
    /*filter: alpha(opacity=50); opacity: 0.5;*/


}
.div_col1
{ float:left;
    width:100%;
	text-align:center;
	padding-top:6px;
	padding-left:0px;
}


    #pageshare {position:fixed; top:23%; left:0; margin-left:10px; float:left; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
                background-color:#e1e1e1; border:1px solid #d1d1d1;Padding:0px 0 0px 0;z-index:10;}
    #pageshare .sbutton, #pageshare .sbutton  a{float:left;clear:both;margin:2px; border:0;}
    #pageshare .sclose {float:left;clear:both;margin:0px; border:0;border-bottom:dotted 1px gray; width:100%;}
    #pageshare .sclose  a{text-transform:uppercase;font-size:12px;text-decoration:none;}    
    #pageshare .sclose  a:hover{color:Red;}    
    
    
    #pageshare .sbutton img{border:0; text-decoration:none; width:35px; height:30px;}



.divControl_Row{padding:0em 0em 0em 0em; width:100%;} 
.divLabel { float:left; width:100%;  background-color:inherit; color:#555555; padding: 0.5em 0% 0em 0%;}
.divTextBox { float:left; width:100%; background-color:inherit; color:#555555; padding: 0% 0% 0% 0%;}
.divButton { float:left; width:100%; padding-top:10px; margin-bottom:10px; }
.Label, .label {float:left;  font-weight:Normal; padding:0em; color:#555555; font-size:80%; width:100%;}
.Textbox, .textbox {float:left; background-color:White; color:Black; font-size:80%; width:95%; padding:2%; height:100%; text-align:left; border:1px solid #a1a1a1; border-radius:0.3em;-moz-border-radius:0.3em;-webkit-border-radius:0.3em; }
 .Textbox:focus, .textbox:focus  { outline:none;
        border: 1px solid #4195fc; 
        /* create a BIG glow */
        box-shadow: 0px 0px 14px #4195fc; 
        -moz-box-shadow: 0px 0px 14px #4195fc;
        -webkit-box-shadow: 0px 0px 14px #4195fc;}




.Button {font-size:0.9em; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center; vertical-align:middle; color:white !important; height:100%; width:100%; padding:10px; float:left; margin-right:8px;
             background-color:#FF7200; border:1px solid #FF7200; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; 
             box-shadow: 2px 2px 4px 1px #999; -moz-box-shadow:2px 2px 4px 1px #999;-webkit-box-shadow: 2px 2px 4px 1px #999;
 
        /*background-color:Transparent; border:1px solid gray;
        transition-property: background;
        transition-duration: 0.5s;
        transition-timing-function: linear;*/
             }
.Button:link { color:White; }
.Button:Hover { color:White; background:#FF7200; cursor:pointer;}
.divError {float:left; width:90%; Min-height:1.2em; background-color:#FFE5E5; border:0.1em dotted #E60000; color:red; margin:1em 0em 0em 0em; padding:0.5em 0.5em 0.5em 1.8em;  background:#FFE5E5 url('../Images/error.png') no-repeat Center left; border-radius:0.6em;-moz-border-radius:0.6em;-webkit-border-radius:0.6em;  }
.divError p {background-color:#FFE5E5; color:red; margin:0 auto; }
.divError ol {float:left; background-color:#FFE5E5; color:red; list-style:Square; margin-left:30px; font-size:0.9em;}
.divError ul {float:left;  background-color:#FFE5E5; color:red; list-style:decimal-leading-zero; margin-left:30px; font-size:0.9em;}




/*
========================================================================================
        SLIDER - START
========================================================================================
*/
.slider1_container{position: relative; margin: 0 auto; width: 1400px; height: 525px; overflow: hidden; padding-top:50px;  }
.slides{position: absolute; left: 0px; top: 0px; width: 1400px; height: 525px; overflow: hidden;}
.slideDivImage{position: absolute; width: 1400px; height: 200px; top: 0px; left: 600px;}
.slideImage{position: absolute; width: 680px; height: 450px; top: 0px; left: 40px;}
.slideHeading{font-family: 'Lato', sans-serif;
              font-size: 40px; font-weight:normal; color: #383838;
              position: absolute; width: 480px; height: 120px; top: 100px; left: 130px;padding: 5px; text-align: left; line-height: 44px; text-transform:none;}
.slideSubHeading{position: absolute; width: 480px; height: 120px; top: 300px; left: 130px;padding: 5px; text-align: left; line-height: 36px; 
                 font-size: 20px; color: Black;}



.IndividualItem {Float:left; margin:0 auto; width:100%; }
.slideImageLeft {Float:left; margin:0 auto; font-family: 'Lato', sans-serif; width:50%;
              text-align: left; text-transform:none;  margin-top:30px;}
.slideImageRight {Float:right; margin:0 auto; font-family: 'Lato', sans-serif; width:50%;
              text-align: left; text-transform:none;  margin-top:30px;}

.slideImageLeft img{ width:80%; height:425px; float:right; }              
.slideImageRight img { width:80%; height:425px; float:left;}              

.SlideTextLeft {Float:Left; margin:0 auto; font-family: 'Lato', sans-serif; margin-left:80px; width:39%; padding-top:40px; text-align:right;}
.SlideTextRight {Float:right; margin:0 auto; font-family: 'Lato', sans-serif; margin-right:80px; width:39%; padding-top:40px;}

.slideHeading1{font-family: 'Lato', sans-serif;
              font-size: 50px; font-weight:normal; color: #383838;
             padding: 5px; text-align: right; line-height: 60px; text-transform:none;}
.slideSubHeading1{padding: 5px; text-align: right; line-height: 46px; margin-top:20px;
                 font-size: 30px; color: Black;}







/* Bullet Navigator Skin Begin */
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {background: url(../images/b21.png) no-repeat; overflow: hidden;cursor: pointer;}
.jssorb21 div {background-position: -5px -5px;}
.jssorb21 div:hover, .jssorb21 .av:hover {background-position: -35px -5px;}
.jssorb21 .av {background-position: -65px -5px;}
.jssorb21 .dn, .jssorb21 .dn:hover {background-position: -95px -5px;}
/* Bullet Navigator Skin END */
/* Arrow Navigator Skin Begin */
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {position: absolute;cursor: pointer;display: block;background: url(../images/a21.png) center center no-repeat; overflow: hidden;}
.jssora21l {background-position: -3px -33px;}
.jssora21r {background-position: -63px -33px;}
.jssora21l:hover {background-position: -123px -33px;}
.jssora21r:hover {background-position: -183px -33px;}
.jssora21ldn {background-position: -243px -33px;}
.jssora21rdn {background-position: -303px -33px;}
/* Arrow Navigator Skin END */
/*
========================================================================================
        SLIDER - END
========================================================================================


/*
========================================================================================
        LAUNCH - START
========================================================================================
*/
.HeaderColumn {float:left; margin:0 auto; width:35%;}
.Headercontent {float:left; margin:0 auto;  padding:0px; margin:0px; padding:20px 30px 20px 30px; margin-bottom:20px; 
               border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; box-shadow:2px 2px 20px 2px #d2d2d2; -moz-box-shadow:2px 2px 2px 2px #d2d2d2;-webkit-box-shadow: 2px 2px 2px 2px #d2d2d2;}
.HeaderSupport {float:left; margin:0 auto;  padding:0px; margin:0px;  margin-bottom:20px;  background-color:#0072C6;
               border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; box-shadow:2px 2px 20px 2px #d2d2d2; -moz-box-shadow:2px 2px 2px 2px #d2d2d2;-webkit-box-shadow: 2px 2px 2px 2px #d2d2d2;}
.Headercontent .Col1 {float:left; margin:0 auto; width:100%; height:100%; text-align:right;}
.Headercontent .Col2 {float:right; margin:0 auto; width:100%;height:100%; margin-top:40px;
                        padding:10px;
                        background-color:#f4f4f4;
                        border: 2px solid #f4f4f4;    
                        color:White;
                        padding:20px;
                        border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;     
                      }
.Headercontent .Col2 img {width:80%;}

.FullContent {float: left; margin:0 auto;  font-size:1.2em; padding:0px 0px 0px 0px;  width:55%; }

.FullContent .col1 {float: left; margin:0 auto; width:99%; margin-left:10%;}
.FullContent .col2 {float: left; margin:0 auto;  width:99%; margin-left:10%;}
.Clear { clear:both;}

