html, body
{
    background-image:url("/Assets/Static/Images/bkg.png"); /*by cl */
    background-repeat:repeat-x;
    background-attachment:fixed;
    font-family: Segoe UI, Arial,Helvetica,sans-serif;
    font-size:14px; /*.857em */
    top: 0px;
	color:#000000;

}

p, div, table, ul, li, ol, span, strong, b
{
    font-family: Segoe UI, Calibri, Arial, Sans-Serif;
    /*font-size:1em;*/

}


/* Blog Underline*/
.bloglink a:link {text-decoration: underline;}
.bloglink a:visited {text-decoration: underline;}
.bloglink a:hover {text-decoration: underline;}
.bloglink a:active {text-decoration: underline;}





/* No Underline for whole site*/
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration:underline;}
a:active {text-decoration: underline;}







.greyborder table, th, td
{
    border-color:#aeb0b2;
}
   
.padding5
{
    padding: 5px;
}   

img {border:0px}
     
     
/* Center 960 content on all pages */
.middle  {
    width: 960px;
    background-color: White;
    margin-left: auto;
    margin-right: auto;    

}

.middleContent  {
    background-color: White;
    margin-left: auto;
    margin-right: 10px;   
}

/* Remove a styling */
.aNoUnderline a:link {text-decoration: none;}
.aNoUnderline a:visited {text-decoration: none;}
.aNoUnderline a:hover {text-decoration:underline;}
.aNoUnderline a:active {text-decoration: underline;}

.lineSpacing2 {line-height:1.8em;} 
.lineSpacing3 {line-height:1.8em; padding: 0px 0px 0px 0px; } 
.lineSpacing4 {line-height:1.8em; } 
    
.dottedUnderline {border-bottom: 1px dotted #aeb0b2; }

/* All page headings 24px */
.titleHeadings {font-size:1.283em;color:#333333; border-bottom: 1px solid #7bc143; margin-bottom:10px; padding: 0px 0px 0px 0px; text-align:left; font-weight:normal; margin-top: 0px;}

.titleHeadingsFont{font-size:1.283em;}  

/*Content H1*/
.h1Headings {font-size:26px;color:#333333; margin-bottom:10px; padding: 0px 0px 0px 0px; text-align:left; font-weight:normal; margin-top: 0px;}
.h1HeadingsFont{font-size:26px}

/*Content H2*/
.h2Headings {font-size:24px;color:#333333; margin-bottom:10px; padding: 0px 0px 0px 0px; text-align:left; font-weight:normal; margin-top: 0px;}
.h2HeadingsFont{font-size:24px}
.h2Headingswhite {font-size:24px;color:#ffffff; margin-bottom:10px; padding: 0px 0px 0px 0px; text-align:center; font-weight:normal; margin-top: 0px;}

/*Content H2 Center*/
.h2HeadingsCenter {font-size:24px;color:#333333; margin-bottom:10px; padding: 0px 0px 0px 0px; text-align:center; font-weight:normal; margin-top: 0px;}
.h2HeadingsFontCenter{font-size:24px}


/*Content H3*/
.h3Headings {font-size:20px;color:#333333; margin-bottom:0px; padding: 0px 0px 0px 0px; text-align:left; font-weight:normal; margin-top: 0px;}

.h3Headingsblue {font-size:24px;color:#4c7eaf; margin-bottom:0px; padding: 0px 0px 0px 0px; text-align:left; font-weight:normal; margin-top: 0px;}
.h3HeadingsCenter {font-size:18px;color:#fff; margin-bottom:10px; padding: 0px 0px 0px 0px; text-align:center; font-weight:normal; margin-top: 0px;}


.h3HeadingsFont{font-size:22px}
.tableheadings{font-size:20px;color:#ffffff; margin-bottom:0px; padding: 2px 2px 0px 0px; text-align:left; font-weight:normal; margin-top: 0px;}

/*Content H4*/
.h4Headings {font-size:16px;color:#000000; margin-bottom:0px; padding: 0px 0px 0px 0px; text-align:left; font-weight:normal; margin-top: 0px;}
.h4HeadingsFont{font-size:16px;}
.h4HeadingsCenter {font-size:16px;color:#333333; margin-bottom:10px; padding: 0px 0px 0px 0px; text-align:center; font-weight:normal; margin-top: 0px;}

/* Right Box Styles */    
.rightboxTitle
{
   /* background-color:#d2d2d2;*/
    padding: 5px;
    font-size:1.500em;/*larger;= 24px*/
	text-align: center;
}
.rightboxContent
{
    border:2px  #d2d2d2;
    padding: 10px 5px 5px 5px;
}
.outerrightbox
{
    float:right;
    border: 2px solid #fff;
    margin-left: 10px;
    margin-bottom: 10px;
    width:230px;
}


.outerrightbox2
{
    float:right;
    border: 2px solid #fff;
    margin-left: 10px;
    margin-bottom: 10px;
    width:240px;
}
.rightboxContent2
{
    border:2px  #d2d2d2;
    padding: 10px 5px 5px 5px;
}



.rightbox{
	background-color: #daeffe;
}

.contentRightPad{padding-right:10px;}

/* Breadcrumbs */
.breadcrumb { font-size:11px; }
.breadcrumbs { font-size:11px; }

/* Find */
.findBox { font-size:20px; color:#666;}
.findSectionContent {font-size:10px;font-weight:bold; border:1px  #aeb0b2; padding-left:5px; padding-right: 5px; color:#333;}
.findPDFExit {font-size:10px; border:1px  #aeb0b2;font-weight:bold; padding-left:5px; padding-right: 5px; margin-top:2px;color:#333;}

/* Browse Content Lists */
.contentTitleBox {padding:10px; margin-top:20px; }
.contentTitleHeadingBox {}
.contentTitleHeading {font-size:larger; font-weight:normal; border:2px solid #aeb0b2; padding:5px;}
.contentItems { padding:0px; padding-top:10px; padding-bottom:4px; border-bottom: 1px dotted #aeb0b2} 
.contentMore {text-align:right; padding-top:10px;}

/*Last Modified*/
.lastEdited { text-align:right; padding-right:10px; padding-top:25px;}
.lastModified {font-size:0.688em; font-style:italic}

.clearDiv{clear:both;}

.footer-language {
list-style-type: none;
}

/*Glossary*/

div.AZBox a
{
    border:solid 1px gray;
    background:#f3faff;
    padding:1px 1px 1px 1px;
    width:20px;
    text-align:center;
    text-decoration: none;
    display:inline-block;
    margin-top:3px;
}
div.AZBox a:hover{text-decoration: underline; background: #fce8b9}
div.AZBox a:visited {color: #996699; text-decoration: none;}

div.AZBox a.azpdf
{
    border:solid 1px gray;
    background:#f3faff;
    padding:1px 1px 1px 1px;
    width:70px;
    text-align:center;
    text-decoration: none;
    display:inline-block;
    margin-top:3px;
}

    
.cloud
{
	border: black thin solid;
	padding: 10px;
	width:470px;
	background-color: #f3faff;
	text-align:justify;
	background-image: url(/assets/static/images/content/glossary_4.jpg);
}


.cloud a.cloud1 
{
        color: white; 
        text-decoration: none; 
        font-size: 36px; 
        padding: 5px 2px 2px 2px; 
	    margin: 1px 0px 0px 0px; }
	
.cloud a.cloud1:hover {text-decoration:underline;}

.cloud a.cloud23 
{
        color: white; 
        text-decoration: none; 
        font-size: 24px;                      
        padding: 5px 2px 2px 2px; 
	    margin: 1px 0px 0px 0px; }
	
.cloud a.cloud23:hover {text-decoration:underline;}

.cloud a.cloud456
{
        color: white; 
        text-decoration: none; 
        font-size: 20px; 
        padding: 5px 2px 2px 2px; 
	    margin: 1px 0px 0px 0px; }
	
.cloud a.cloud456:hover {text-decoration:underline;}

.cloud a.cloud78910
{
        color: white; 
        text-decoration: none; 
        font-size: 14px; 
        padding: 5px 2px 2px 2px; 
	    margin: 1px 0px 0px 0px; }
	
.cloud a.cloud78910:hover {text-decoration:underline;}

/* Minority Profiles */

/*.minorityprofiles {
	display: block;
	width: 220px;
	height: 147px;
	text-indent: -99999px;
}
.minorityprofiles:hover {
	background-position: 0 147px;
}*/

.AZcharlist
{
    padding-top:10px;
    padding-bottom:5px;
}

.btnr {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #e7f708;
  font-size: 13px;
  padding: 5px 10px 5px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
}

.btnr:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.cardbox {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 235px;
    border-style: solid;
    border-width: 1px;
    border-color: #d1d0d0;	
}

.cardbox:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.containerboxes {
    padding: 2px 10px;
    
}



/* If the screen size is 640px wide or less, hide the element */
@media only screen and (max-device-width: 640px) {

   .mobile-hide {
    display: none;
  }  
 
    .mobile-100{
    width: 100%;
  }  
 
   .mobilecontent {
width: 100%;
}

   #mobile-100{
    width: 100%;
  } 
 mobile-100{
    width: 100%;
  } 
	
.containerboxes {
    width: 100%;
    
}
	.middle  {
    width: 100%;
    background-color: White;
    margin-left: auto;
    margin-right: auto;    

}


#left {width: 100%; background-color: White; padding-left:10px; padding-right:10px; margin:0px;}
.left {width: 100%; background-color: White; padding-left:10px; padding-right:10px; margin:0px;}
left {width: 100%; background-color: White; padding-left:10px; padding-right:10px; margin:0px;}
#leftWide {width: 100%; background-color: White; padding-left:10px; padding-right:10px;  margin:0px;}
.leftWide {width: 100%; background-color: White; padding-left:10px; padding-right:10px;  margin:0px;}
leftWide {width: 100%; background-color: White; padding-left:10px; padding-right:10px;  margin:0px;}
#right {width: 100%; background-color: White; padding-right:10px;  margin:0px;}
#middleone {width: 100%; background-color: White; padding-right:10px;  margin:0px;}




}
Pre {
Border: 0;
font-family: Segoe UI, Arial,Helvetica,sans-serif;
line-height:1.0em;
    font-size:14px; /*.857em */}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}






/* Begin right nav for Observances */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);

div.rightmenu{
	font-size:14px;
	line-height: 18px;
	color: #ffffff;
	word-wrap:break-word !important;
	font-family: 'Open Sans', sans-serif;
 
 
	}
a.obright {
	color: #FFF;
}
#containerright {
	margin: 0 auto;
}
nav.rightmenu {
	margin: 0px 0;
	background-color: #236db5;
 width: 200px;
}
nav.rightmenu ul.obright {
	padding: 0;
  margin: 0;
	list-style: none;
	position: relative;
   width: 200px;
  
	}
nav.rightmenu ul.obright li.obright {
	display:inline-block;
	background-color: #236db5;
  
	}
nav.rightmenu a.obright {
	display:block;
	padding:0 10px;	
	color:#FFF;
	font-size:14px;
	line-height: 30px;
	text-decoration:none;
    width: 200px;
   text-align: center;
}
nav.rightmenu a.obright:hover { 
	background-color: #629e32;
  width: 200px;
}

/* Hide Dropdowns by Default */
nav.rightmenu ul.obright ul.obright {
	display: none;
	position: absolute; 
	top: 30px; /* the height of the main nav */
  
}
	
/* Display Dropdowns on Hover */
nav.rightmenu ul.obright li.obright:hover > ul.obright {
	display:inherit;
  width:200px;
}
	
/* Fisrt Tier Dropdown */
nav.rightmenu ul.obright ul.obright li.obright {
	width:220px;
	float:none;
	display:list-item;
	position: relative;
  
}

/* Second, Third and more Tiers	*/
nav.rightmenu ul.obright ul.obright ul.obright li.obright {
	position: relative;
	top:-40px; 
	left:170px;
 
}

	
/* Change this in order to change the Dropdown symbol */
li.obright > a.obright:after { content:  ' +'; }
li.obright > a.obright:only-child:after { content: ''; }



.redboxed {
background:#b04136;
  border: 1px solid #b04136;
color: #fff;
font-size:18px;
padding: 5px;
}
.redboxed2 {
background:#266097;
  border: 1px solid #266097;
color: #fff;
font-size:18px;
padding: 5px;
width: 900px;
}
.redboxed3 {
background:#124f88;
  border: 1px solid #124f88;
color: #fff;
font-size:18px;
padding: 5px;
width: 900px;
}
.greyboxed {
  border: 1px solid #605148;
background:#605148;
color: #fff;
font-size:18px;
padding: 5px;
}
.yellowboxed {
  border: 1px solid #fcba30;
background:#fcba30;
color: #000;
font-size:18px;
padding: 5px;
}



.card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  height: 250px;
  margin: 1rem;
  position: relative;
  width: 400px;
padding: 10px;
  
}

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.rcorners2 {
  border-radius: 15px;
  border: 1px solid #605148;
  padding: 10px;
  width: 320px;
  height: 130px;
}

.rcorners2face {
  border-radius: 15px;
  border: 1px solid #b04136;
  padding: 10px;
  width: 410px;
  height: 140px;
}
.rcorners2img {
  border-radius: 15px;
  border: 1px solid #b04136;
  padding: 10px;
  width: 410px;
  height: 240px;
}

.rcorners2ig {
  border-radius: 15px;
  border: 1px solid #fcba30;
  padding: 10px;
  width: 410px;
  height: 100px;
}

.rcorners3 {
  border-radius: 15px;
  border: 1px solid #605148;
  padding: 15px;
  width: 240px;
  height: 180px;
}

.rcorners3face {
  border-radius: 15px;
  border: 1px solid #b04136;
  padding: 10px;
  width: 410px;
  height: 180px;
}

.rcorners4face {
  border-radius: 15px;
  border: 1px solid #b04136;
  padding: 10px;
  width: 410px;
  height: 240px;
}

.rcorners5face {
  border-radius: 15px;
  border: 1px solid #b04136;
  padding: 10px;
  width: 410px;
  height: 200px;
}

.rcorners6face {
  border-radius: 15px;
  border: 1px solid #b04136;
  padding: 10px;
  width: 410px;
  height: 220px;
}

.rcorners2tf {
  border-radius: 15px;
  border: 1px solid #0055a5;
  padding: 10px;
  width: 280px;
  height: 40px;
}

.rcorners2tf2 {
  border-radius: 15px;
  border: 1px solid #0055a5;
  padding: 10px;
  width: 280px;
  height: 60px;
}

.rcornersmembers {
  border-radius: 0px;
  border: 1px solid #0055a5;
  padding: 10px;
  width: 410px;
  height: 90px;
}

.rcornersmembers2 {
  border-radius: 10px;
  border: 1px solid #0055a5;
  padding: 0px;
  width: 600px;
  height: 40px;

}

.rcorners2email {
  border-radius: 15px;
  border: 1px solid #0055a5;
background-color: #0055a5;
color: #fff;
  padding: 10px;
  width: 270px;
  height: 40px;
}


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* End right nav for Observances */

.btn {
    border: none;
    background-color: inherit;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
}
.success {color: green;}