/*@import url("http://fonts.googleapis.com/css?family=Raleway:900,800,600,500,400,300,200,100"); */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,200,100"); 
@import url("https://fonts.googleapis.com/css?family=Montserrat:900,700,500,400,300,200,100");

 

* {
font-family:  "Courier New", Courier, monospace ;
font-size:16px;  
}
 
/* brand yellow #D2DE46 */

.pagetitles , 
a.pagetitles,
h1.pagetitles,
h2.pagetitles ,
h3.pagetitles {
margin: 0px 0 0px 0;
padding:0 0 4px 0;
font-weight:100;
text-transform:  none;
color: #333;
letter-spacing:-2px;
text-align:left; 
font-size:36px; 
}

.mobile .pagetitles{ 
font-size: 32px;
font-weight:300; line-height:1em;
margin: 0px 0 8px 0;
padding:0 0 4px 0;
}


.subtitles , 
a.subtitles,
h1.subtitles,  
h2.subtitles,  
h3.subtitles, 
h4.subtitles   {
margin:  0;
padding: 0px  0;
font-weight: 300;
text-transform: none;
color: #FF3366;
font-size: 26px;
letter-spacing:0px; 
}


.mobile .subtitles , 
.mobile a.subtitles,
.mobile h1.subtitles,
.mobile h2.subtitles ,
.mobile h3.subtitles{ font-size:24px;font-weight: 300; line-height:1em;}

 
.quotationsLeft,
h1.quotationsLeft,
h2.quotationsLeft,
h3.quotationsLeft ,
.quotationsRight,
h1.quotationsRight,
h2.quotationsRight,
h3.quotationsRight {
width: 225px;
min-height:80px;
background-image:url(../images/quotes.png);
background-repeat:no-repeat;
font-size:1.4em;
color: #006699; 
letter-spacing:0px;
line-height:24px; 
/*border-top:1px solid ;border-bottom:1px solid ; border-color:#ccc;*/
}

.quotationsLeft ,
.quotationsRight  ,
.quotationsLeft * , 
.quotationsRight * {
font-family:  Raleway ,Arial, Helvetica, sans-serif;
font-weight: 100
}
.quotationsLeft strong{font-weight:300; clear:both; display:block; text-align:left; }
.quotationsRight  strong{ font-weight:300; clear:both; display:block; text-align:right}
 
.quotationsLeft{margin:0 18px 6px 0;  background-position: 0px   0px; text-align: right; float:left ;	padding:  15px  15px  15px 5px;   } 
.quotationsRight{	margin:0 0 0 18px ; background-position: 0px  0px; float:right;text-align:right;	padding: 15px 5px 15px  15px; } 


.mobile .quotationsLeft,
.mobile h1.quotationsLeft,
.mobile h2.quotationsLeft,
.mobile h3.quotationsLeft ,
.mobile .quotationsRight,
.mobile h1.quotationsRight,
.mobile h2.quotationsRight,
.mobile h3.quotationsRight {background-position: 0px  10px; background-size:50px; margin:5px auto; display:block; clear:both; float:none; width:98%; text-align:left; padding: 20px 30px; border-top:1px solid ;border-bottom:1px solid ; border-color:#ccc;font-size:1.4em; color:#333 ;letter-spacing:0px; font-weight:300}




.white ,  a.white:link,a.white:visited,a.white:hover { color:#FFFFFF ;}
.red ,  a.red:link, a.red:visited { color: #FF0000 ;}
.red_bold ,  a.red_bold:link, a.red_bold:visited { color: #FF0000 ; font-weight:bold;}
.orange, a.orange{color:#FD922D;}
.green, a.green:link,a.green:visited{
color: #8CBC00;
}
.blue, a.blue:link,a.blue:visited { color: #006699; }
.gray, a.gray:link,a.gray:visited{color: #606060}
.silver ,  a.silver:link,a.silver:visited,a.silver:hover {color: #cccccc;}
.pink ,  a.pink:link,a.pink:visited,a.pink:hover{color:#FF0099;}
.black ,  a.black:link,a.black:visited,a.black:hover{color:#000;}
.clr{ display:block; clear:both}
.underline{ text-decoration:underline}

.italic{font-style:italic;}
.bold ,  a.bold:link, a.bold:visited {font-weight:bold;}
  
.block{ clear:both; display:block}

.smaller{
font-size: 0.8em;
}
.evenSmaller{
font-size: 0.7em;
}

.bigger{
font-size: 1.2em;
}

 .evenBigger{
font-size: 1.4em;
}

.bold *{ font-weight:bold}

hr{
border:0; 
height:8px; 
margin:5px auto 0 auto; width:100%; 
clear: both;
background-color: transparent;
background-image:url(../images/semiTransLine.png);
background-repeat:repeat-x; background-position:left bottom;
} 

 


.image-left{ border:1px solid #e1e1e1; padding:5px; margin:5px 20px 5px 5px; float:left; max-width:50%;border-radius:4px;}
.image-right{border:1px solid #e1e1e1; padding:5px; margin:5px 5px 5px 20px; float:right;  max-width:50%; border-radius:4px;}

.image-left-no-border{ border:none; padding:0px; margin:5px 20px 5px 5px; float:left; max-width:50%;border-radius:4px;}
.image-right-no-border{border: none; padding:0px; margin:5px 5px 5px 20px; float:right;  max-width:50%; border-radius:4px;}

.image-centered{border:0px solid #e1e1e1; padding:0px;   float:none; display:block; clear:both;  max-width:100%;margin:0 auto 5px auto; text-align:center}

 
.contentFull ul, 
.contentRight ul, 
.contentRight ul { }
.contentFull ul li , 
.contentRight ul li , 
.contentRight ul li {
list-style:disc;
list-style-position:inside;
color:#696969
}

ul.tickList{ margin-bottom:10px;}

ul.circleList li { list-style-image: url(../images/listStyles/circle.png); }
ul.squareList li { list-style-image: url(../images/listStyles/square.png);}
ul.arrowList li { list-style-image: url(../images/listStyles/arrow.png);}

.contentFull ul.tickList, 
.contentRight ul.tickList, 
ul.tickList{list-style: none;}
.contentFull ul.tickList li , 
.contentRight ul.tickList li, 
ul.tickList li {
list-style: none;
margin:5px 0px;
list-style-position:outside;
background-image:url(../images/listStyles/tick.png);
padding-left:15px;
background-position:left 8px;
background-repeat:no-repeat
}

.contentFull p a, 
.contentFull ul li a,
.contentRight p a, 
.contentRight ul li a { color: #006699;  border-bottom:0px solid #e1e1e1}
.contentFull a:hover, .contentRight  a:hover {
border-bottom:0px solid #888;
text-decoration: none;
}

.contentFull p,
.contentRight p{ margin:6px 0 10px 0 ; padding:0px 0; color:#595959 }

.mobile .contentFull p,
.mobile .contentRight p{ margin:10px 0 ; padding:6px 0; }
 
.bold { font-weight:bold; font-size:inherit}
.bold em{ font-weight:bold; font-size:inherit}
 
.contentFull  hr{ border-bottom:4px solid #e1e1e1; height:20px; margin:0 auto 25px auto; clear:both }


.home #contentWrapper *{ }
.home #contentWrapper .pagetitles{ font-size:44px; margin:0 auto; padding:0;  }
.home #contentWrapper .subtitles{ font-size:32px; margin:0 auto 10px auto; padding:0}
.mobile .home #contentWrapper h1.pagetitles{ font-size:40px; }
.mobile .home #contentWrapper h1.subtitles{ font-size:30px; }
.home #contentWrapper p{ font-size:18px}
.home .contentFull p a { color: #006699; border:none;  }


#homeGrid{ width:100%; border:0px solid #e1e1e1; margin:10px auto; padding-bottom:30px;}
#homeGrid hr{ display:block; height:10px; clear:both; border:none; background:none}
#homeGrid li{  margin-top:10px;border: 0px solid #999 ; background-repeat:no-repeat; background-position:50% 50%; background-size: cover }
 
.mobile #homeGrid li{ display:block; height:auto; padding-bottom:100%; width:100%; max-width:500px; margin: 0px auto; background-size: contain;  } 
.mobile #homeGrid hr{ height:0px;}
#homeGrid a{ display:block; height:100%; width:100%; font-size:12.5px; text-indent:-2000px; opacity:0 }
.home hr{ height:30px; background:none; border:none}
.home p a{ color:#036; text-decoration:underline}

 /* CHANGES TO ADMIN HOME PAGE AND FORMAT.CSS*/
.screen #homeGrid li.box1, .screen #homeGrid li.box7{ width:595px;float:left; height:598px; }
.screen #homeGrid li.box2, .screen  #homeGrid li.box8 { width:395px; float: right;height:294px; }
.screen #homeGrid li.box3, .screen #homeGrid li.box9 { width:395px; float: right;height:294px; margin-top:10px; }
.screen #homeGrid li.box4 , .screen #homeGrid li.box10{ width:595px;float:right; height:598px;  }
.screen #homeGrid li.box5, .screen #homeGrid li.box11 { width:395px; float: left;height:294px;  }
.screen #homeGrid li.box6, .screen #homeGrid li.box12 { width:395px; float: left;height:294px; margin-top:10px;  }