body {
 
font-size:0.9em;
font-family: Lato, Muli, arial, sans-serif;
font-weight:500;
margin: 0;
padding: 0;
color: #2d2e30;/*444648;*/
line-height: 1.4em;
background-color:#f1f1f1;/*e6e8ea;*/
overflow-y: scroll;
}

ul, ol, dl { 

	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	
}
a img { 
	border: none;
}

.red {
color:#a5210d;}

a:link {
	
	color: #0075be;/*0075be;blue*/
    text-decoration: none;
    
   
}
a:visited {
    color: #4a7c9b; /*#0075be;*/
    text-decoration: none;
    
   
	
}
a:active
{
    color: #5d7580;/*#a5210d;*/
    text-decoration: none;
	
	
}
a:hover
{
	color: #a5210d;
    text-decoration: none;
   position: relative;
}


img {

border: 0 none;
max-width: 100%;


}

a:focus { 
	text-decoration: none;
}

.container {
	width: 1200px;
	background-color: #FFFFFF;
	margin: 0 auto; 
    border:1px solid #e9f2f5;
    padding:0px 12px 50px 18px ;/*0em 1em 4em 1.5em;*/
zoom: 1;
 /*border-radius: 0px 0px 15px 15px ; 
-moz-border-radius:    0px 0px 15px 15px ;
-webkit-border-radius:   0px 0px 15px 15px ; 

-webkit-box-shadow: 0px -1px 10px 0px rgba(141, 155, 107, 0.91);
-moz-box-shadow:    0px -1px 10px 0px rgba(141, 155, 107, 0.91);
box-shadow:         0px -1px 10px 0px rgba(141, 155, 107, 0.91);*/
}
.content {

	padding: 0px 12px 0px 18px;
	width:950px;
	float: left;
}

.sidebar1 {

	float: left;
	width: 250px;
	background-color: #fff;
	padding-bottom: 1em;
}


.containerHome {
	width: 1150px;
	background-color: #FFFFFF;
	margin: 0 auto; 
     border:1px solid #e9f2f5;
    padding:0px 24px 24px 24px;
 /*border-radius: 0px 0px 15px 15px ; 
-moz-border-radius:    0px 0px 15px 15px ; 
-webkit-border-radius:   0px 0px 15px 15px ; 
-webkit-box-shadow: 0px -1px 24px 0px rgba(141, 155, 107, 0.91);
-moz-box-shadow:    0px -1px 24px 0px rgba(141, 155, 107, 0.91);
box-shadow:         0px -1px 24px 0px rgba(141, 155, 107, 0.91);*/
zoom: 1;
}
.contenthome {

	padding: 0em 12px 0px 30px;
	width:800px;
    background-color: #FFFFFF;
	float: left;
}
/*.container-accreditation
{
width: 1200px;
background-color: #FFFFFF;
margin: 0 auto; 
padding:0em;
zoom: 1;
border:1px solid #ebebeb;
-webkit-box-shadow: -2px 6px 27px -4px rgba(135,136,140,1);
-moz-box-shadow: -2px 6px 27px -4px rgba(135,136,140,1);
box-shadow: -2px 6px 27px -4px rgba(135,136,140,1);
 border-radius: 0px 0px 15px 15px ; 
-moz-border-radius:  0px 0px 15px 15px ; 
-webkit-border-radius: 0px 0px 15px 15px ;  
 

}*/

header {
  
	background-color: #fff;
}


aside {
  
	float: right;
	width: 11em;
	background-color: #fff;
	padding: 1em 0;
}

tr {
vertical-align:top;}	

.hr {
    border-width:1px;
    color: #adbfc4;
    height: 1px;
    border-style:dotted;
    
}

.content ul, .content ol {
	padding: 0 15px 15px 40px; 
}

.msg 
{
 color:#a5210d;

}
.msgValidation
{

	color: #a5210d;	
}
.tag 

{
border:1px solid red;
padding:0.5em;
background:#f1f1f1;
}

/* ~~ The footer ~~ */

.footer-main{
color:#7f7f7f;
background-color:#969da3;
margin: 0 auto; 
width:100%;
font-size:1em;

}

.footer-inside
{width:1200px; margin: 0 auto; padding:1em 1em 2em 3em; zoom: 1;background-color:#969da3;}

a.down-links:link {color: #daddd4}
a.down-links:visited {color: #e7eae2}
a.down-links:hover {color: #fff}

.hr-footer {


border-top: 1px solid #b5b5b5;
border-bottom: 1px solid #969da3;
}

/*footer {

	padding: 10px 0;
    background-color: #fff;
	position: relative;
	clear: both; 
}*/

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/*header, section, footer, aside, article {
	display: block;
}*/

/* include search button  */

p
 {
    padding-bottom:0.2em;
    padding-top:0.2em;
}

/*xxxxxxxxxxxxx  old css below   xxxxxxxxxx*/
.go-top {
    position: fixed;
    top: 15em;
    right: 15em;
    display: none;
   
}
h1
{
   font-weight: 500;
   font-size: 1.7em;
   color: #a5210d;/*red*/
   line-height:1.3em;
   margin-top:0em;
}

h2
{
 
  font-size: 1.5em;
  font-weight: 500;
  color: #363636;/*grey*/
  border-bottom:#0075be solid 2px; 
 
  padding:1.1em 0 0.2em 0em;
  line-height:1.3em;

  width:100%;
    
}

h3 {
font-weight: 500;
font-size: 1.3em;
color: black; 
padding-top:0.5em;
margin-bottom:0.5em;
}

h4 {
font-weight: 500;
font-size: 1.2em;
color: #0075be;/*blue*/
padding-top:0.5em;
margin-bottom:0.3em;
}

h5 {
font-weight: 500;
font-size: 1.1em;
color: #808080;
padding-top:0.2em;
margin-bottom:0.2em;
}


.psa-div {

width:100%;
padding:0.7em 0em 0em 0em;
}
.psa-div-1 {
/*border-bottom:2px solid #a8d4dd;*/

width:100%;
padding:0.7em 0em 0.7em 0em;
}
.wswh3 {
font-size: 1.1em;
color: #8cbe42;


}
.wsw-title {

font-size: 1.3em;
color:#5c5c5c;
margin-top:1em;
padding-top:0.5em;

width:100%;
 border-top-color:#5c5c5c;
  border-top-style:solid;
  border-top-width:2px;
  padding:0.5em 0.3em 0.7em 0em;
  border-top-left-radius:7px;
  border-top-right-radius:7px; 
}

.wsw-title16 {

font-size: 1.3em;
color:#5c5c5c;
margin-top:1em;
padding-top:0.5em;
width:100%;

  
}

.left-panel  {
width:95%;
border-left:0.3em solid #969da3;
padding:1em;
background-color:#fff;
border-top-right-radius:10px;
  border-bottom-right-radius:10px; 
  margin-bottom:1em;
  border-right:1px #dcded8 solid;
  border-top:1px #dcded8 solid;
  border-bottom:1px #dcded8 solid;
}


.left-panel:hover {
    width:95%;
border-left:0.3em solid #969da3;
padding:1em;
    background-color: #f5f5f5;
    border-top-right-radius:10px;
  border-bottom-right-radius:10px; 
  margin-bottom:1em;
    border-right:1px #dcded8 solid;
  border-top:1px #dcded8 solid;
  border-bottom:1px #dcded8 solid;
}




/*addThis formatting*/
.addthis-smartlayers {z-index:1;}
.at-icon {
height:38px!important;
width:38px!important;
position:relative;
left:1px;
top:3px;
margin:0px!important;}

.at-icon-wrapper {height:39px!important;
	width:39px!important; 
	border:3px solid white;
	}
.at-custom-sidebar {width:39px; 
	border:3px solid white;}

@media only screen and (max-width: 1300px) {
    .at-custom-side-wrapper {
        display:none!important;
    }
}



.left-p-border {

width:100%;
border-left:0.5em solid #969da3;
padding:1.5em 1.5em 2em 1.5em;
background-color:#f5f5f5;
border-top-right-radius:10px;
  border-bottom-right-radius:10px; 
  margin-bottom:1em;
   margin-top:1em;
   font-size:16px;

}
.left-p-border-white

{

width:95%;
border-left:0.5em solid #969da3;
padding:1.5em 1.5em 2em 1.5em;
border-right:1px solid #b3bac0;
border-top:1px solid #b3bac0;

border-bottom:1px solid #b3bac0;
background-color:#fff;
border-top-right-radius:10px;
  border-bottom-right-radius:10px; 

}
.grey-thin-rect {
border:1px #ccc solid;
width:100%;
background-color:#fafafa;
padding:20px;
border-radius:7px;
margin:0.5em 0em 0.5em 0em;

}




.right-border-mastard {

width:100%;
border-left:0.5em solid #98ba81;
padding:1.5em 1.5em 2em 1.5em;
background-color:#f5f5f5;
border-top-right-radius:10px;
  border-bottom-right-radius:10px; 
  margin-bottom:1em;
  margin-top:1em;
  font-size:16px;
}



.teal {
color:#127c76;

}

.wswH2 {


  font-size: 1.3em;
  color: #5c5c5c;
  text-transform:none;
  border-top-color:#5c5c5c;
  border-top-style:solid;
  border-top-width:2px;
  padding:0.5em 0.3em 0.7em 0em;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  margin-top:1em;
  width:100%;
}
hr
{
    /*for mozilla*/
    border-width:1px;
    color: #adbfc4;
    height: 1px;
    border-style:dotted;
}
.hr-green 
{
     /*for mozilla*/
   border-bottom-color:#8cbe42; 
  border-bottom-style:solid;
  border-bottom-width:2px;
}
br
{
padding-bottom:0.7em;
padding-top:0.7em;
line-height:1.5em;
}

map {
    display: inline;
}

ul {
padding-left:1em;
padding-bottom:0.3em;


}
.li
{
list-style-image: url(/images/home/bullet.gif);
padding-bottom:0.1em;
padding-left:0.3em;
padding-top:0.5em;

}


.li1
{
list-style-image: url(/images/home/bullet.gif);

padding-bottom:0.1em;
padding-left:0.3em;
padding-top:0.5em;
margin-left: 20px;

}


.li2
{
  
list-style-image: url(/images/home/bullet.gif);

padding-bottom:0.1em;
padding-left:0.3em;
padding-top:0.5em;
margin-left: 40px;
}


img {
    max-width: 100%;
    height: auto;
}


.img_shadow {
-webkit-box-shadow: 3px -1px 15px 0px rgba(141, 155, 107, 0.91);
-moz-box-shadow:    3px -1px 15px 0px rgba(141, 155, 107, 0.91);
box-shadow:         3px -1px 15px 0px rgba(141, 155, 107, 0.91);
    
}
.addborder
{
	border:7px solid #cbd7dc;
	
}
.bottom_border
{
	border-bottom:1px dashed #cbd7dc;
}
.double_bottom_border
{
	border-bottom:1pt dashed #b62b5b;
}
input
{
    font-size: 10px;
    font-family: Arial, Tahoma;
    letter-spacing: 1px;
    background-color: white;
   
}
textarea
{
    
    letter-spacing: 1px;
    background-color: white;
}
select
{
	
    letter-spacing: 1px;
    background-color: white;
}
.wswtitle
{
	font-weight: 900;
    font-size: 11px;
    color: #EC4B05;
    letter-spacing: 1px;
	
}
.bluetitle
{
    color:#0075be;
    font-size:1.1em;

}

.sometitles
{
	color:#CD0C1A;
	font-weight:bolder;
	
}
.nav
{
    color: black;
    font-size: 1em;
    font-family:Lato, Muli, arial, sans-serif;
}
.nav2
{
	color: #336699;
    font-size: 1em;
    font-weight:600;
    font-family: Lato, Muli, arial, sans-serif;
}
.nav3
{
 color: black;
    font-size: 1em;
    font-family: Lato, Muli, arial, sans-serif;
}
.hlt
{
	background-color: #F9F2AA;
}

.ddl {

border: solid 1px #e9f2f5;
background-color: #e9f2f5; 
            border-radius:7px;
            padding:3px;
            -webkit-appearance: none; 
            background-image:url('/Images/Graphics/down-arrow.png');
            background-position:88px;
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox*/
            text-overflow: '';/*In Firefox*/

}
.frame-psa {
border:1px solid #e9f2f5;
padding:2em;

     border-radius: 7px; 
	-moz-border-radius:7px; 
	-webkit-border-radius: 7px;
-webkit-box-shadow: 0px 3px 15px -1px rgba(140,149,163,0.67);
-moz-box-shadow: 0px 3px 15px -1px rgba(140,149,163,0.67);
box-shadow: 0px 3px 15px -1px rgba(140,149,163,0.67);
}
.textbox-form-psa {
    border: solid 3px #e6e6e6;
    background-color: #fff;
    outline: none;
    font-size: 1em;
    width: 95%;
    height: 23px;
    padding: 5px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: #525354;
    margin: 0;
   
}
.textbox-form {
    border: solid 3px #e6e6e6;
    background-color: #fff;
    outline: none;
    font-size: 1em;
    width: 330px;
    height: 23px;
    padding: 5px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: #525354;
    margin: 0;
   
}
.fieldset { 
    
    margin-left: 2px;
    margin-right: 2px;
    padding: 0.35em 0.75em 0.625em 0.75em ;
   
    
}
.textbox
{

    
border: solid 1px #c9ccc9;
background-color: #fff; 
outline:none;
font-size:1em;
 width:250px;
height:22px;

padding:5px;
border-radius:7px; 
-moz-border-radius:7px; 
-webkit-border-radius:7px; 
-webkit-box-shadow: 0px  8px #dcded8;
-moz-box-shadow: 0px 2px 8px #dcded8;
box-shadow: 0px 2px 8px #dcded8; 
color:#525354;
margin:0;



}



/* ==== search box with button  ======= */




.button
{	
	border: solid 1px #d8d8d8;
	background-color: #e6e6e6; 
	color:#5c5c5c;
	cursor: pointer;
    font-size: 1em;
    font-weight:normal;
    font-family: Lato, Muli, arial, sans-serif;
	padding: 10px 25px;
    border-radius: 7px; 
	-moz-border-radius:7px; 
	-webkit-border-radius: 7px;  
	
}

.button:hover
{	border: solid 1px #e6e6e6;
	background-color: #fafafa; 
	color:#5c5c5c;
	cursor: pointer;
    font-size: 1em;
    font-weight:normal;
    font-family: Lato, Muli, arial, sans-serif;
	padding: 10px 25px;

	border-radius: 7px; 
	-moz-border-radius:7px; 
	-webkit-border-radius: 7px;  
	
}

.ModalPopupBG {

background-color: #e9f2f5;
    filter: alpha(opacity=60);
    opacity: 0.5;
   
}

.modal {
    background-color:#fff;
    width:30em;
    padding: 2em 1em 3em 2em;
    border: 1px solid #e9f2f5;
   
    -webkit-box-shadow: 14px 11px 26px -13px rgba(29,30,31,1);
-moz-box-shadow: 14px 11px 26px -13px rgba(29,30,31,1);
box-shadow: 14px 11px 26px -13px rgba(29,30,31,1);
     border-radius: 7px; 
	-moz-border-radius:7px; 
	-webkit-border-radius: 7px;

}
.modalbutton {

background-color:#fff;
color:YellowGreen;
font-weight:600;
font-size:1.1em;
border:0em;

}

.tdmain {

    padding:0em;
}


td
{
padding:0.5em;

}


.table td {
        border: #ebf3f2 1px solid;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
table {

width:100%;
}


.table-child {
border: #8cbe42 1px solid; 
border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}
.tdborders
{
border:#cbd7dc 1px solid; 
border-radius:7px; 
-moz-border-radius:7px; 
-webkit-border-radius:7px; 

}

.hrsmall
{
	/*for mozilla*/
    border-width:1px;
	height: 1px;
    color: #d4dbe5;
    border-style:solid;
  
}



.dots{
	background-image: url(images/graphics/dot.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 1px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	
}
.Shadow
{

background: #fff;
border: 1px solid white;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.60);
-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.60);
-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.60);
margin-bottom: 2px;
margin-right:3em;

/*border:1px solid #e9f2f5;
background-color: White;

box-shadow:#d6d8d9 4px 4px 5px;*/
/*for mozilla */
/*-moz-box-shadow: 4px 4px 5px #d6d8d9;
-webkit-box-shadow: #d6d8d9 4px 4px 5px;*/
}


.imageShadow
{
  margin-bottom: 2px;
margin-right:3em;
    background: #ccc;
    border: 5px solid white;

    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.60);
    -webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.60);
/*-webkit-box-shadow: 14px 11px 26px -13px rgba(29,30,31,1);
-moz-box-shadow: 14px 11px 26px -13px rgba(29,30,31,1);
box-shadow: 14px 11px 26px -13px rgba(29,30,31,1);
*/
}

.imageShadowSmall
{
-webkit-box-shadow: 14px 11px 26px -13px rgba(29,30,31,1);
-moz-box-shadow: 14px 11px 26px -13px rgba(29,30,31,1);
box-shadow: 14px 11px 26px -13px rgba(29,30,31,1);
}
.news-article-right {

-webkit-box-shadow: 7px 5px 20px -10px rgba(29,30,31,1);
-moz-box-shadow: 7px 5px 20px -10px rgba(29,30,31,1);
box-shadow: 7px 5px 20px -10px rgba(29,30,31,1);
margin-left: 2em; float: right;
margin-bottom:1em;
}
.news-article-left {

-webkit-box-shadow: 7px 5px 20px -10px rgba(29,30,31,1);
-moz-box-shadow: 7px 5px 20px -10px rgba(29,30,31,1);
box-shadow: 7px 5px 20px -10px rgba(29,30,31,1);
margin-right: 2em; float: left;
margin-bottom:1em;
}




.devider
{
		
background: #fff;
padding:2em;
margin-bottom:1em;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-webkit-box-shadow: 0px 0px 7px #ccc;
-moz-box-shadow: 0px 0px 7px #ccc;
box-shadow: 0px 0px 7px #ccc;
zoom: 1;
}

.deviderBeigeColor /*in reality it's grey*/
{
		
background: #f7fbff;
padding:0.5em;
margin-bottom:1em;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-webkit-box-shadow: 0px 0px 7px #f1f1f1;
-moz-box-shadow: 0px 0px 7px #f1f1f1;
box-shadow: 0px 0px 7px #f1f1f1;
zoom: 1;
}

.deviderGreyColor
{
		
background: #f7fbff;
padding:0.5em;
margin-bottom:1em;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-webkit-box-shadow: 0px 0px 7px #f1f1f1;
-moz-box-shadow: 0px 0px 7px #f1f1f1;
box-shadow: 0px 0px 7px #f1f1f1;
zoom: 1;
}
.left {
   padding-right:1em; float:left; 
}


.right {
padding-left:1em; float:right;

}

.devider_wsw13
{
	padding: 1em;
	border: 1px dashed #a7d4dd;
	border-bottom: 2px solid #a7d4dd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.wswday
{
	color:#fff;
	
	font-weight:bolder;
	text-transform:uppercase;
	padding:3px;
	
}

.opacity
{
opacity:0.7;filter:alpha(opacity=70);
}

#opacity
{
opacity:0.7;filter:alpha(opacity=70);
}
/* ============= slides rotation on home page ================   */

/* ============= For slider ============== */

#stage
{
	width:720px; 
	overflow: auto; 
	overflow:hidden; 
	height:150px; 
	margin: 0 auto;
}
#slider-buttons
{width:720px; 
	margin:0 auto;
}
#myList
{
	width:5016px;
	border:0; 
	margin:0; 
	padding:0; 
    left:0px;
}
#myList li
{
		list-style:none; 
		margin:0; 
		padding:0; 
		border:0; 
		margin-right:0px;
		padding:0px; 
		background:#dedede;
		float:left;
		width:650px;
		height:150px;
}
#wowslider-container1  .ws_shadow{

	position:absolute;
	z-index: -1;
	left:-1.25%;
	top:-8.88%;
	width:102.5%;
	height:144.37%;
}

#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	top:15px;
	left:-170px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
	max-width:650px;/*none;*/
}

/* =============end slides rotation on home page ================   */





/* ============= slides rotation on history page ================   */

/* ============= For slider ============== */

#stage
{
	width:850px; 
	overflow: auto; 
	overflow:hidden; 
	height:383px; 
	margin: 0 auto;
}
#slider-buttons
{width:850px; 
	margin:0 auto;
}
#myList
{
	width:9350px;
	border:0; 
	margin:0; 
	padding:0; 
    left:0px;
}
#myList li
{
		list-style:none; 
		margin:0; 
		padding:0; 
		border:0; 
		margin-right:0px;
		padding:0px; 
		background:#dedede;
		float:left;
		width:850px;
		height:383px;
}


#wowslider-container-history .ws_bullets  a img{
	text-indent:0;
	display:block;
	top:15px;
	left:-170px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
	max-width:850px;/*none;*/
}

/* =============end slides rotation on history page ================   */







/*  ========== ROLLOVERS ============ */
    
 .home a { display : block;
               width:55px;
               height:22px;
               background-image:url(/images/home/home.gif ); }

.home a:hover { display : block;
               width:55px;
               height:22px;
                background-image:url(/images/home/home_on.gif ); }
.become_member a { display : block;
               width:81px;
               height:22px;
               background-image:url(/images/home/become_member.gif ); }

.become_member a:hover { display : block;
               width:81px;
               height:22px;
                background-image:url(/images/home/become_member_on.gif ); }

.contact { display : block;
               width:81px;
               height:22px;
               background-image:url(/images/home/contact.gif ); }

.contact a:hover { display : block;
               width:95px;
               height:22px;
               background-image:url(/images/home/contact_on.gif ); }

.help { display : block;
               width:95px;
               height:22px;
               background-image:url(/images/home/help.gif ); }

.help a:hover { display : block;
               width:41px;
               height:22px;
               background-image:url(/images/home/help_on.gif ); }

.purchase { display : block;
               width:168px;
               height:22px;
               background-image:url(/images/home/purchase.gif ); }

.purchase a:hover { display : block;
               width:168px;
               height:22px;
               background-image:url(/images/home/purchase_on.gif ); }

.member_signin { display : block;
               width:65px;
               height:22px;
               background-image:url(/images/home/member_signin.gif ); }


.member_signin a:hover{ display : block;
               width:65px;
               height:22px;
               background-image:url(/images/home/member_signin_on.gif ); }

.terms { display : block;
               width:102px;
               height:22px;
               background-image:url(/images/home/terms.gif ); }

.terms a:hover { display : block;
               width:102px;
               height:22px;
               background-image:url(/images/home/terms_on.gif ); }

/* ======== accordion links ============ */
.accordion {  
            width: 250px; 
            list-style:none; 
        }  
          
.accordionHeader {  
         
            color: #666;  
            background-color: #f1f1f1  /*dee6eb-deecef - for old*/; 
            /*addition to change background for the left links like accreditation 
            background-image:url("mainbk.png");
	background-repeat:repeat;
	background-position:0 0; */
    /* finish addition*/
            font-weight: 500;
            padding: 7px 15px;  
            margin-top: 1px; 
            height:20px; 
            cursor: pointer;  
        }
.accordionHeader:hover
             {
            background-color: #e6e8ea/*f1f1f1-a8d4dd - for old*/; 
           
            }

          
.accordionHeaderSelected {  
     
            color:#666;  
            background-color: #e6e8ea/*f1f1f1-a8d4dd - for old*/;  
            font-weight: 500;  
            padding: 7px 15px;  
            margin-top: 1px;  
            cursor: pointer;  
        }  
          
.accordionContent {  
            background-color: #fff;  
            border: none;  
            padding: 5px 10px;  
           
            float:left;  
          overflow:hidden;   
          color:#333;   
          cursor:pointer;  
          margin:3px; 
        }
.accordionContent li {
                list-style:none;
                font: 1em Lato, Muli, arial, sans-serif;
                line-height:1.5em;
           
                
            }         
.accordionContent li li {
            list-style:none; 
            padding-left:1.1em;
            font: 1em Lato, Muli, arial, sans-serif;
            line-height:1.5em;
             }       

/*=============  accordion career ============= */

.accordion-career {  
            width: 100%; 
            border:0.1em solid #e9f2f5;
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 

  }  
          
.accordion-careerHeader {  
        
            color: #666;  
            background-color: #f1f1f1/*deecef*/;  
            font-weight: 500;
            padding: 7px 15px;  
            margin-top: 1px; 
            height:20px; 
            cursor: pointer;  
        }
.accordion-careerHeader:hover
             {
            background-color: #e6e8ea/*a8d4dd*/; 
           
            }

          
.accordion-careerHeaderSelected {  
            /*border: 1px solid #ccc;  */
            color:#666;  
            background-color: #e6e8ea/*a8d4dd*/;  
            font-weight: 500;  
            padding: 7px 15px;  
            margin-top: 1px;  
            cursor: pointer;  
        }  
          
.accordion-careerContent {  
            background-color: #fff;  
            border: none;  
            padding: 0.3em 1em;  
            padding-top: 0.3em; 
            float:left;  
          overflow:hidden;   
          color:#333;   
          cursor:pointer;  
          margin:0.3em; 
           list-style-image: url(/images/home/bullet.gif);
        }
  

/*============= home left navigation ==================  */

ul#css3menu1,ul#css3menu1 ul{
margin:0;
list-style:none;
padding:0;
color: #666;  
background-color: #f1f1f1  /*dee6eb-deecef - for old*/; 
/*addition to change background for the left links like accreditation 
background-image:url("mainbk-sm.png");
background-repeat:repeat;
background-position:0 0; */
/* finish addition*/
-webkit-border-radius:0 0 7px 0;
border-radius:0 0 7px 0;
-moz-border-radius:0 0 7px 0;

    }
ul#css3menu1 ul
{
visibility:hidden;
position:absolute;
left:100%;
top:0;
opacity:0;
-moz-transition:all 0.5s;
-webkit-transition:opacity 0.5s;
-o-transition:opacity 0.5s,visibility 0.5s;
transition:opacity 0.5s;
color: #666;  
padding:2px 0px;

list-style:none;
}
ul#css3menu1 li:hover>ul
{
	visibility:visible;
    opacity:1;

}
ul#css3menu1 li
{
	position:relative;
    display:block;
    white-space:nowrap;
    font-size:0;

}
ul#css3menu1 li:hover
{
	z-index:1;
}
ul#css3menu1{
	font-size:0;
    z-index:999;
    position:relative;
    display:block;
    float:left;
    padding:0;
}

ul#css3menu1>li
{
	margin:0;

}
ul#css3menu1 a:active, ul#css3menu1 a:focus
{
	outline-style:none;

}
ul#css3menu1 a
{
	display:block;
    vertical-align:middle;
    text-align:left;
    text-decoration:none;
    font: 14px Lato, Muli, arial, sans-serif;
    color:#666/*444648*/;
    background-color: #e6e8ea  /*dee6eb-deecef - for old * f1f1f1*/; 
/*addition to change background for the left links like accreditation 
background-image:url("mainbk-sm.png");
background-repeat:repeat;
background-position:0 0; */
/* finish addition*/
    cursor:default;
    padding:7px 15px;
    background-repeat:repeat;
    
    }
ul#css3menu1 ul li{
	float:none;
    /*margin:1px 0 0;*/
    padding-bottom: 2px;
}
ul#css3menu1 ul a
{
	text-align:left;
    padding:7px 15px;
    border-width:0 0 1px 1px;
    border-style:solid;
    border-color:transparent transparent #fff transparent /*e6e8ea devider c5c5c5 between main and fly out menu*/;
    font:14px Lato, Muli, arial, sans-serif;
    color:#666/*444648*/;
    text-decoration:none;
    
}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed
{
	border-style:none;
    color:#666;
    text-decoration:none;
    background-color: #f1f1f1  /*e6e8ea*dee6eb-a8d4dd - for old   -----hover color (f1f1f1) on fly out*/; 
            /*addition to change background for the left links like accreditation 
            background-image:url("mainbk-sm.png");
	background-repeat:repeat;
	background-position:0 0; */
    /* finish addition*/
}
ul#css3menu1 span
{
	display:block;
    overflow:visible;
  
    padding-right:0px;
    width:220px;
    height:18px;
   
}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
border-style:solid;
padding:7px 15px;
color:#666/*fff from old*/;
text-decoration:none;

}

ul#css3menu1 li.toproot>a
{
	background-color: #f1f1f1  /*dee6eb-deecef - for old*/; 
    border-width:0px 0 1px 0;
    border-style:solid;
    border-color:transparent transparent #fff transparent;
    color:#666/*444648*/;
   
}

ul#css3menu1 li.toproot:hover>a,ul#css3menu1 li.toproot a.pressed{
	background-color:#e6e8ea/*f1f1f1-a8d4dd - for old*/; 
    border-style:solid;
    border-width:0px 0 1px 0;
    border-color:transparent transparent #fff transparent;
   color:#666;
    

}

.slider {
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
background-color:#f1f1f1; 
padding:0.7em

}

/* =========== drop shadow with lifted corners  ========= /*
 /* Shared styles for shadows */

        .drop-shadow {
            /*position:relative;
            float:left;*/
            width:40%;
            padding:1em;
            margin:1em 1em 1.3em;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
/*
        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }

        .drop-shadow p {
            font-size:16px;
            font-weight:bold;
        }*/
/* Lifted corners */

        .lifted {
            -moz-border-radius:4px;
            border-radius:4px;
        }

        .lifted:before,
        .lifted:after {
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
           
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);
            -moz-transform:rotate(-3deg);
            -ms-transform:rotate(-3deg);
            -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
        }

        .lifted:after {
            right:10px;
            left:auto;
            -webkit-transform:rotate(3deg);
            -moz-transform:rotate(3deg);
            -ms-transform:rotate(3deg);
            -o-transform:rotate(3deg);
            transform:rotate(3deg);
        }
        
        /* ========= calendar for events ============ */
.cal_Theme .ajax__calendar_container   {
background-color: #DEF1F4;
border:solid 1px #0075be;
}

.cal_Theme .ajax__calendar_header  {
background-color: #fff;
margin-bottom: 4px;
}

.cal_Theme .ajax__calendar_title,
.cal_Theme .ajax__calendar_next,
.cal_Theme .ajax__calendar_prev    {
color:  #0075be;
padding-top: 3px;
}

.cal_Theme .ajax__calendar_body    {
background-color: #fff;
border: solid 1px #e7e7ef;
}

.cal_Theme .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #6b6d6e;
}

.cal_Theme .ajax__calendar_day {
color: #6b6d6e;
text-align:center;
}

.cal_Theme .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme .ajax__calendar_active  {
color:  #a5210d;
font-weight: bold;
background-color: #e7e7ef;
}

.cal_Theme .ajax__calendar_today   {
font-weight:bold;
}

.cal_Theme .ajax__calendar_other,
.cal_Theme .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme .ajax__calendar_hover .ajax__calendar_title {
color: #5d5959;
}
/* ======= back to top  =======    
 .back-to-top {
background: none;
margin: 0;
position: fixed;
bottom: 0;
right: 0;

z-index: 100;
display: none;
text-decoration: none;
color: #ffffff;

}*/
/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	margin: 3em;
    right:0;
}
#back-top a {
	width: 80px;
	display: block;
	
	

}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 80px;
	height: 80px;
	display: block;
	margin-bottom: 2em;
	background: #c4c6c7 url(/images/graphics/up-arrow.png) no-repeat center center;
   
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	
	
}
#back-top a:hover span {
	background-color: #e1e3e6;
}


/*  animation attention */
.redAnimation {
    width: 0.5em;
    height: 10em;
    background: #a5210d;
    
    -webkit-animation: mymove 1s infinite; /* Chrome, Safari, Opera */
    animation: mymove 2s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove 
{
    from {background-color: #a5210d;}
    to {background-color: white;}
}

/* Standard syntax */
@keyframes mymove 
{
    from {background-color: #a5210d;}
    to {background-color: white;}
}
.brochure {
    width:300px;
    background:#fff;
    border:1px solid #f1f1f1;
 
 border-radius:7px; 
-moz-border-radius:7px; 
-webkit-border-radius:7px; 
box-shadow: 0px 1px 5px #ccc;
-moz-box-shadow: 0px 1px 5px #ccc;
-webkit-box-shadow: 0px 1px 5px #ccc;

}
.brochure div{
   

   text-align:center;

}
.brochureK12 
{

background:#fff;
border:1px solid #f1f1f1;
 width:210px;
border-radius:7px; 
-moz-border-radius:7px; 
-webkit-border-radius:7px; 
box-shadow: 0px 1px 5px #ccc;
-moz-box-shadow: 0px 1px 5px #ccc;
-webkit-box-shadow: 0px 1px 5px #ccc;

}
.brochureK12 div{
padding:0.5em 0.5em 1em 0.5em;

text-align:center;

}

.membershipHome 
{

background:#fff;
border:1px solid #f1f1f1;
width:200px;
border-radius:7px; 
-moz-border-radius:7px; 
-webkit-border-radius:7px; 
box-shadow: 0px 1px 5px #ccc;
-moz-box-shadow: 0px 1px 5px #ccc;
-webkit-box-shadow: 0px 1px 5px #ccc;

}
.membershipHome div{
padding:0.5em 0.5em 1em 0.5em;

}

.myButton {
	-moz-box-shadow:inset 1px 23px 15px 0px #0075be;
	-webkit-box-shadow:inset 1px 23px 15px 0px #0075be;
	box-shadow:inset 1px 23px 15px 0px #0075be;
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:9px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.myButton:hover {
	background-color:#0061a7;
}
.myButton:active {
	position:relative;
	top:1px;
}

.home-main-links 
{

background:#fff;
border:1px solid #f1f1f1;
 /*width:180px;*/
border-radius:3px; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
/*box-shadow: 0px 1px 5px #ccc;
-moz-box-shadow: 0px 1px 5px #ccc;
-webkit-box-shadow: 0px 1px 5px #ccc;*/

}
 /*.home-main-links  div{
padding:0.3em;1.2em
text-align:center;*/

}

.img-hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
.keywords {
border:1px solid #ccc;padding:10px;background:#fff;border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px; 
margin:10px;
line-height:20px;

font-size:1em;
line-height:1em;
}

.left-border {

width:95%;

padding:1em 0em;
background-color:#fff;
margin-bottom:1em; 

}
.left-border div {
padding:0.5em 0em;

}

.left-border h2 {
 font-size: 1.5em;
  font-weight: 500;
  color: #363636;/*grey*/
  

}
.left-border tr:hover {
    background-color: #f5f5f5;
}

.left-border-schedule

{

padding:1em 0em;
background-color:#fff;
margin-bottom:1em; 

}
.left-border-schedule div {
padding:0.5em 0em;

}

.left-border-schedule h2 {
 font-size: 1.5em;
  font-weight: 500;
  color: #363636;/*grey*/
  

}
.left-border-schedule tr:hover {
    background-color: #f5f5f5;
}


.box {
    filter: alpha(opacity=100);
    opacity: 1;
    margin:1em;
}
.box:hover {
    filter: alpha(opacity=50);
    opacity: 0.5;
     margin:1em;
}

.media-icon { 
opacity: 0.7; 
} 

.media-icon:hover { 
opacity: 1; 
}

.class_box_shadow{
-webkit-box-shadow: -4px 19px 13px -19px rgba(92,91,92,0.88);
-moz-box-shadow: -4px 19px 13px -19px rgba(92,91,92,0.88);
box-shadow: -4px 19px 13px -19px rgba(92,91,92,0.88);
	 }


/*  POP UP window membership */

.overlay {
 position: fixed;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: rgba(0, 0, 0, 0.7);
 transition: opacity 300ms;
 visibility: hidden;
 opacity: 0;
}
.overlay:target {
 visibility: visible;
 opacity: 1;
}

.popup {
 margin: 30px auto;
 padding: 20px;
 height:700px;
 width:400px;
 background: #fff;
 border-radius: 5px;
 /*width: 30%;*/
 position: relative;
 transition: all 5s ease-in-out;
}

.popup h2 {
 margin-top: 0;
 color: #333;

}
.popup .close {
 position: absolute;
 top: 30px;
 right: 30px;
 transition: all 200ms;
 /*font-size: 50px;*/
 font-weight: bold;
 text-decoration: none;
 color: #808080;
}
.popup .close:hover {
 color: #06D85F;
}
.popup .content {
 /*max-height: 30%;*/
 overflow: auto;
}

@media screen and (max-width: 700px){
 .box{
 width: 50%;
 }
 .popup{
 width: 50%;
 }
}