/********************************************************** Layout **********************************************************/
html{height: 100%;
}
body
{
height:100%;
min-height:100%;
margin:0 auto 0 auto;
max-width:970px;
min-width:320px;
padding:0 !important;
width: auto !important;
background-attachment: fixed;
background-position: 50% 50%;
background-image: url(../images/home/ceuqu_3.jpg); 
background-repeat:no-repeat;  
background-size: cover; 

}
#frame{
height:100%;
min-height:100%;
width: 960px;
background-color: #fffffff;
margin-top: 0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
/*border: red dashed 2px;*/
/*border-radius: 25px;*/
}
#content
{
margin:0; 
padding-top:10px; 
padding-bottom:10px; 
min-height: 630px;
background-color: #fffffff;
width: 950px;
/*padding-top:60px;*/
/*border: blue dotted 5px;*/
/*position:fixed;*/
}
#inner
{
padding:0;
margin:0;
/*border:red solid 3px;*/
/*border-radius:0.35em;*/
background-color:#fffffff;
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 12px;
color : #696969;
}
#header
{
padding-top: 0;
padding-bottom:0;
margin-top:0;
height:120px;
width: 950px;
/*border:brown dotted 5px;*/
}
#innerhead
{
padding-top:0;
padding-bottom:0;
margin:0;
width: 950px;
background-color: #fffffff;
/*border:gray solid 3px;*/
/*border-radius:0.35em;*/
}
#footer{
clear:both !important;
height:80px;
margin-bottom:0;
padding-bottom: 0;
padding-top:0;
width: 950px;
/*border:red dotted 5px;*/
}
#innerfoot
{
padding-bottom:0;
margin:0;
width: 950px;
/*border:purple solid 3px;*/
/*border-radius:0.35em;*/
background-color: #fffffff;
}
.encloseCols
{
float: left;
width: 950px;
}
/*start new columns july 2015*/
.Col_left_xs
{
float: left;
width: 190px;
height: auto;
background: #fffffff;
/*border:1px dotted #065982;*/
}
.Col_left_s
{
float: left;
width: 380px;
height: 320px;
background: #fffffff;
/*border:1px dotted #065982;*/
}
.Col_left_m
{
float: left;
width: 570px;
height: 320px;
background: #fffffff;
/*border:1px dotted #065982;*/
}
.Col_left_l
{
float: left;
width: 950px;
height: 320px;
background: #fffffff;
/*border:1px dotted #065982;*/
}
.Col_right_xs
{
float: left;
width: 190px;
height: auto;
background: #fffffff;
/*border:1px dotted #065982;*/
}
.Col_right_s
{
float: left;
width: 380px;
height: auto;
background: #fffffff;
/*border:1px dotted #065982;*/
}
.Col_right_m
{
float: left;
width: 570px;
height: auto;
background: #fffffff;
/*border:1px dotted #065982;*/
}
.Col_right_l
{
float: left;
width: 950px;
height: auto;
background: #fffffff;
/*border:1px dotted #065982;*/
}
.Col_mdl_xs
{
float: left;
width: 190px;
height: 320px;
background: #fffffff;
/*border:1px dotted #065982;*/
}
.Col_mdl_s
{
float: left;
width: 380px;
height: 320px;
background: #fffffff;
/*border:1px dotted #065982;*/
}
.Col_mdl_m
{
float: left;
width: 570px;
height: auto;
background: #fffffff;
/*border:1px dotted #065982;*/
}
.Col_mdl_l
{
float: left;
width: 950px;
height: 320px;
background: #fffffff;
/*border:1px dotted #065982;*/
}
/*end new columns july 2015*/
form div + div {
    margin-top: 1em;
}
label {
    /* To make sure that all label have the same size and are properly aligned */
    display: inline-block;
    width: 150px;
    text-align: left;
}
input, textarea {
    /* To make sure that all text field have the same font settings
       By default, textarea are set with a monospace font */
    font: 1em sans-serif;  
 
    /* To give the same size to all text field */
   width: 290px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
    /* To harmonize the look & feel of text field border */
    border: 1px solid #999;
}
input:focus, textarea:focus {
    /* To give a little highlight on active elements */
    border-color: #000;
}
textarea {
    /* To properly align multiline text fields with their labels */
    vertical-align: top;
 
    /* To give enough room to type some text */
    height: 16em;
 
    /* To allow users to resize any textarea vertically
       It does not work on every browser */       
    resize: vertical;
}
.button{
    /* To position the buttons to the same position of the text fields */
    padding-left: 150px; /* same size as the label elements */
} 
button {
    /* This extra margin represent roughly the same space as the space
       between the labels and their text fields */
    margin-left: .5em;
    padding:4px;
    color:#0B2E59;  /*#007834*/ 
}
/********************************************************** Fonts **********************************************************/
#innerhead_text
{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 10px;
color : #696969;    /*grey*/
text-align:left;
}
#innerfoot_text
{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 10px;
color : #696969;    /*grey*/
text-align:center;
}
.ReverseFont1{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #ff0000; /*red*/
font-size : 1.5em;  
text-align:center;
background-color:#ffffff;    /*white*/
border: #696969 solid 1px;/*grey*/
border-radius: 5px;
margin:0 0 5px 0px;
padding: 10px;
}

.ReverseFont1_a{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #ffffff; 
background-color:#696969;    /*navy blue*/
border: #000080 solid 1px;
border-radius: 5px;
}
.ReverseFont1_b{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #696969;   /*grey*/
background-color:#ffffff; /*white*/
border: #696969 solid 1px;/*grey*/
border-radius: 5px;
margin:0 0 5px 0px;
padding: 10px;
}
.ReverseFont1_c{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #696969;   /*grey*/
background-color:#ffffff; /*white*/
border: #ff0000 solid 1px;/*red for links*/
border-radius: 5px;
margin:0 0 5px 0px;
padding: 10px;
}
/********************************************************** Paragraphs & spacing **********************************************************/
h1{
font-size : 3em;
font-weight:bold;
color: #000000;
}
h2{
font-size : 1.75em;
font-weight:bold;
}
h3{
font-size : 1.5em;
font-weight:bold;
}
h4{
font-size : 1.25em;
font-weight:bold;
}
h5{
font-size : 1em;
font-weight:normal;
}
.left_aln{
  text-align:left;
}
.right_aln{
  text-align:right;
}
.ctr_aln{
  text-align:center;
}
p.sml
{
line-height: 1.5em
}
p.lrg
{
.line-height: 2em
}
p.xl
{
.line-height: 2.5em
}
.right_float{
  float:right;
}

/********************************************************** Links & navigation **********************************************************/
a:link
{
font-weight:normal;
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 1em;
color:#000000; /*black;*/
text-decoration:none;
}
a:visited
{
  color:#696969; /*grey ;*/
  font-weight:bolder;
 }
a:hover,a:active
{
color: #ff0000; /*red;*/
font-weight:bold;
}
#innerfoot a{
background-color: #fffffff;
text-decoration: none;
padding: 0;
color:#000000; /*black ;*/
}
#innerfoot_text a:hover,a:active{
color: #ff0000; /*red;*/
font-weight:bold;
background-color: #fffffff;
}
#innerfoot_text a:link{
color:#000000; /*black ;*/
background-color: #fffffff;
}
#innerfoot_text a:visited{
color:#696969; /*grey ;*/
font-weight:bolder;
background-color: #fffffff;
}
/********************************************************** Images and video**********************************************************/
#logo
{
background-image: url(../images/logo/logo.jpg); 
height:120px; 
width:50px;
background-repeat:no-repeat;   
  /*border:#86c129 solid 1px;*/
}
#banner
{
background-image: url(../images/logo/banner.jpg); 
height:120px; 
width:950px;
background-repeat:no-repeat;   
  /*border:#86c129 solid 1px;*/
}
   .image_carousel img {
  margin-right: 7px;
  display: block;
  float: left;
  box-shadow: 3px 3px 1px #969696;
  -webkit-box-shadow: 3px 3px 1px #969696;
  -moz-box-shadow: 3px 3px 1px #969696;
} 
hr{
border: none;
height: 10px;
background-image: url(../images/logo/hr_btm.jpg);
background-repeat:no-repeat;
width:50%%;
}

#img_top
{vertical-align:text-top
}
#img_btm
{vertical-align:text-bottom;
}
#img_left
{float:left;
  clear:both;
}
#img_right
{float:right;
  border:1px dotted  #696969;
  margin:0px 0px 15px 20px;
  clear:both;
}
/* We have also added margins to the image to push the text away from the image:
   0 px margin on the top and right side, 15 px margin on the bottom, and 20 px margin 
   on the left side of the image.*/
   
#img_right_ctr
{width:120px;
margin:0 0 15px 20px;
padding:15px;
border:1px solid #696969;
text-align:center;
  clear:both; 
}
.top_hr{
width:950px;
height:25px;
border:none;
}
.bottom_hr{
width:950px;
height:3px;
border:none;
}
/*start new images july 2015*/
.img_social{
width:28px;
height:28px;
border:none;     
float:center;
  clear:both;
}
.img_social_s{
width:18px;
height:18px;
border:none;     
float:left;
clear:both;
}
 .img_190{
width:190px;
height:auto;
border:none; 
float:left;
clear:both;    
}
 .img_380{
width:380px;
height:320px;
border:none;
float:left;
clear:both;
}
 .img_570{
width:570px;
height:320px;
border:none;
}
 .img_950{
width:950px;
height:320px;
border:none;
float:left;
clear:both;
}
 .img_190_a{
width:190px;
height:240px;
border:none;  
float:left;
clear:both;   
}
 .img_380_a{
width:380px;
height:240px;
border:none;
float:left;
clear:both;
}
 .img_570_a{
width:570px;
height:240px;
border:none;
float:left;
clear:both;
}
 .img_950_a{
width:950px;
height:240px;
border:none;
float:left;
clear:both;
}
 .img_190_b{
width:190px;
height:240px;
border:none; 
float:left;
clear:both;    
}
 .img_380_b{
width:380px;
height:240px;
border:none;
float:left;
clear:both;
}
 .img_570_b{
width:570px;
height:240px;
border:none;
float:left;
clear:both;
}
 .img_950_b{
width:950px;
height:240px;
border:none;
}
 .img_190_c{
width:190px;
height:240px;
border:none; 
float:left;
clear:both;    
}
 .img_380_c{
width:380px;
height:240px;
border:none;
float:left;
clear:both;
}
 .img_570_c{
width:570px;
height:240px;
border:none;
float:left;
clear:both;
}
 .img_950_c{
width:950px;
height:240px;
border:none;
float:left;
clear:both;

}
/*end new images july 2015*/
.right{
    float:center;
    clear:both;
}
.hide {
    display:none
}

/*
In the paragraph above, the div element is 120 pixels wide and it contains the image.
The div element will float to the right.
Margins are added to the div to push the text away from the div.
Borders and padding are added to the div to frame in the picture and the caption.
*/

/* web design tips: *http://www.webdesignerdepot.com/2013/03/essential-web-design-tips-for-start-ups/*/

/* Colour palette
[1. 065982 - blue
xx. 86c129 - light green
xx. 00923f - dark green
2. 007834 - dark green (additional hue)
3. 108041 - dark green (additional hue)
4. cd2b00 - red. ]
5. cd6e00 - orangey
6. 0B2E59 - test blue
7. 06612D - test green
*/