@charset "UTF-8"; 

/* ===== DOM elements ========================================================== */

body {
     font: normal 1.1em 'IBM Plex Sans', Verdana, arial, sans-serif;
     margin: 0;
     padding: 0;
     padding-bottom: 15px;
     color: #666099;
     text-align:left;
}
/* background: #336699; */

table, tr, td {
     margin: 0;
     padding: 0;
     border: 0;
     border-collapse: collapse;

}

td, tr {
     text-align: left;
     vertical-align: top;
}

td,th {
     padding: 4px;
     
}

th {
     background-color: #eeeeee;
     font-size: 0.8em;
     
}

h1, .catHdr, .newsBoxTitle{
	font: bold 1.7em 'IBM Plex Serif', serif;
     color: #000099;
     margin:0px;
     text-align: left;
	
}

h2 {
     color: #00c000;
     font-size: 1.5em;
}

h3 {
     color: #00c000;
     font-size: 1.25em;
}

a, .moreLink{
     color: #ff8f00;
     text-decoration: none;
}
a:hover,  .moreLink:hover{
     text-decoration: underline;
}
p{
	margin-top:0px;
}

strong{
	color:#000099;
}

.iframeCENTRE{
	clear:both;
	width:747px;
	height:420px;
	border:0px;
	padding-top :10px;
}


/* Main items */

#outer{
	width: 1170px;
	border: 1px solid #000099;
	margin:auto;
	box-shadow: 6px 6px 6px #dddddd;
	background: white;

}
#main{
	clear:both;
}
#headingBlk{
	height: 175px;
}
.headingCon{

     width: 100%;
     margin:auto;
     
}
#companyHeader{
	float:left;
	padding:15px;
	margin:0px;
	
}
#topSection{
	margin: 0px;
	padding:15px;
	text-align: right;
	float:right;
}

.thread{
	text-align:left;
	clear:both;
	width:1140px;
	margin: 15px auto 0px auto;
	padding:0px;
	text-transform: uppercase;
	font-size: 10pt;
	color:white;
}
.thread a{
     
     color:white;
}
.thread a:after{
	content: ' \003E';
}
.thread a:hover{
     
     color:yellow;
}
.threadHdr{
	background : black;
	float :left;
	height:20px;
	width:120px;
	
	padding : 10px 15px;
	
}
.threadBdy{
	background: #515151;
	height:40px;
	padding :0px;
	width:100%;
	
}
.threadBdy ul{
          list-style: none;
          margin:0px 20px;
}
.threadBdy ul li {
     float: left;
     padding:10px 0px 10px 20px;
     margin:0px;
}
#page{
	clear:both;
	width:100%;
	background: white;
	margin: 0px auto;
	padding: 5px 0px;
}
#contentArea{
	width: 750px;
	float:left;
	padding:30px 0px 30px 15px;
	line-height: 1.4;
}
#fullContentArea{
	width:1140px;
	padding:30px 0px 30px 15px;
	line-height: 1.4;
}
.contentText{
	text-align:justify;

	

}
.content, .site-map{
     text-align:justify;
     padding:20px 0px;
     
}

.contentHeading, .site-mapHdr{
	padding:0px;
	margin:0px;
	border-bottom : 2px solid #000099;
}



.site-mapSpacer, .site-mapBdy{
     
     margin-top: 10px;
}
#contentExtra{
	float:right;
	width:360px;
	padding: 25px 15px 30px 15px;
}
.imgLEFT{
	
	float:left;
	padding:10px 15px 10px 0px;

}
.imgRIGHT{
	float:right;
     padding:10px 0px 10px 15px;
}
.imgLEFT img, .imgRIGHT img{
	max-width: 370px;
}
.contentDateRIGHT, .contentDateLEFT{
	padding:10px 0px;
}

.imgCENTRE img{
	width: 100%;
	padding: 10px 0px;
}
.imgNEWS{
	float:left;
	border-top:20px solid white;
	border-right:20px solid white;
	width: 370px;
	height: 239px;
	overflow:hidden;
	background:black;

}
.imgNEWS a{
	opacity: 0.9;
}
.imgNEWS a:hover{
	opacity:1.0;
}

.imgNEWS img{
     width: 370px;
     
}
/* Tab navigation */



#tabArea {
     position: relative;     
     padding: 0;
     margin: 0;
}

.groupHdr{
	clear:both;
	font-weight:bold;
}
  
.tabMenu {
    padding: 15px 0px 0px 0px;
    margin: 0;
    height: 27px;
    border-bottom: 2px solid #000099;
}

.tabMenu li {
     float: left;
     cursor: default;
     padding: 0;
     list-style: none;
     padding: 0px 10px 0px 0px;

}
.tabA{
     background: #00c000;
     padding: 5px 10px;
     text-decoration: none;
     font-weight :bold;
     color : white;
}

.currentA{
     background: #000099;
     color:white;
}
.formDiv{

	padding-top:10px;
}
.prev{
	float:left;
	position:relative;
	top:-10px;
	z-index:99;
}
#frmWdzCategoryDtlFixed{
	clear:both;
}
.next{
	float:right;
	position:relative;
	top:-10px;
	z-index:99;
}
.tabDiv  {
     position: absolute;
     z-index:0;
     top: 40px;
     left:0px;
     padding: 0;
     z-index: 0;
     display: none;
}

.currentDiv {
     display: block;     
}

.row1Dta {
     background-color: #f8f8ff;
     border-bottom: 1px solid #e8e8ff;
}

.row2Dta {
     background-color: white;
     border-bottom: 1px solid #e8e8ff;
}


/* ==== Navigation ===== 
	div - Main Navigation
	mob - Mobile
	hdr - Header

*/

/* Make sure that the container for the main menu is clear of the header*/

.mobContainer{
	clear:both;
	background: #4e7eab;
}

/*mobile menu icon */

.menu-container{
	float:left;
  	  
}
.icon-menu{
	color:white;
	font-size: 48px;
}

/* Add the background colour  to the main and mobile nav bars*/
.div, .mob{
	width: 100%;
	z-index:99;
    padding:0px;
    margin:0px;
	text-transform: uppercase;
}

/* remove the headers for these menus */

.divHdr, .mobHdr, .hdrHdr{
     display:none;
}

/* Set the menus body to relative */

.divBdy, .mobBdy, .hdrBdy{
	 margin: 0px auto;
	 padding:0px;
	 position :relative;
	 
}

/* Remove the list style */

.divBdy ul, .mobBdy ul, .hdrBdy ul{
     list-style: none;
     padding :0px;
     margin:0px;

}
/* float all the list items to the left */
.div ul li, .mob ul li{
     float: left;
}

/* float all the list items to the right */
.hdr ul li{
     float: right;
}

/* make sure that the links fill the list item*/
.div a, .mob a{
     color: white;
     padding: 15px 15px;
     display: block;  
}
.hdr a{
	padding: 15px 15px;
     display: block;  
}
/* add a different coloured background dor active links*/

.div a.currentPageL1, .div a.currentPageL2{
     background: #0e3e6c;
     color:white;
}

/* change the colour and background of links that are being rolled over*/

.div a:hover, .mob a:hover, .icon-menu:hover{
	color: yellow;
	background:#0e3e6c;
    text-decoration: none;


}
/* Add interaction for the secondary level*/
.div li ul{
     display:none;
     float:left;
     background:#4e7eab;
     position: absolute;
     z-index: 99;
     width:250px;
}

/* make the a elements as wide as the drop down menu */
.div li ul a{
     width:220px;
}



/* Interactive list item */

.div li:hover ul{
     display: block;
}

/* Add clears */
.mobClear{
	clear:both;
}





/* Search */

#search-panel{
	background : white;
	padding: 10px;
	border: 1px solid black;
	
}
.topRightIcon{
     top:0px;
     right:0px;
     padding-right:15px;
}
/* Mobile menu */
.topLeftIcon{
     top:0px;
     left:0px;
     padding-left: 15px;
     float:left;
}


/* Categories */

.cat{
     clear:both;
     
}
.catHdr, .newsBoxTitle{
	border-bottom : 4px solid #ffffff;
}

.catBdy{
	text-transform: uppercase;
	clear:both;
      border-top: 2px solid #000099;
      padding-left:10px;
}

.catBdy ul{
	clear: both;
     margin:0px;
     padding: 10px;
}

.cat ul li {
     float: left;
      padding :12px 15px 12px 0px;
     margin:0px 10px 0px 0px;
}

/* Home page details */

.newsBlock{
	padding-bottom:20px;
}
.newsBlockLink{
	float:right;
}
.newsBlockWrapper{
	clear:both;
	border-top: 2px solid #000099;
}

/* Home News stories */
.fullNews{
	padding:10px 0px;
}
.fullNewsPicture{
	width:750px;
	height: 400px;
	overflow: hidden;
	background: black;
	position:relative;
}
.fullNewsPicture img{
     opacity:0.8;
     width:100%;
}
.fullNewsPicture a:hover img{
     opacity:1.0;
}
.fullNewsPicture .fullNewsHeading a{
     color:white;
}
.fullNewsPicture:hover .fullNewsHeading a{
     color:#000099;
}
.fullNewsHeading{
     position: absolute;
     top: 300px;
     z-index:99;
     font-size:1.3em;
     font-weight:bold;
     padding :10px;
}
.fullNewsLinks{
	position: absolute;
	top: 350px;
	z-index:99;
}
.fullNewsText, .colNewsText{
	display:none;
}
.col0, .col1{
	float:left;
	width: 365px;
}
.col1{
	padding-left : 20px;
}

.colNews, .colNewsExtra{
	padding:10px 0px;
}
.colNews{
     border-bottom: 1px solid #cccccc;
     position:relative;
}
.colNewsPicture, .colNewsExtraPicture{
	
	background:black;
	width: 365px;
	height: 235px;
	overflow:hidden;
	position:relative;
	
}
.colNewsExtraPicture{
	border-bottom:10px solid white;
}
.colNewsPicture img, .colNewsExtraPicture img{
	width: 100%;
     opacity:0.8;
}
.colNewsPicture a:hover img, .colNewsExtraPicture a:hover img{
	opacity:1.0;
}


.colNewsPicture .colNewsHeading a, .colNewsExtraPicture .colNewsExtraHeading a{
     color:white;
}
.colNewsPicture:hover .colNewsHeading a, .colNewsExtraPicture:hover .colNewsExtraHeading a{
     color:#000099;
}
.colNewsHeading, .colNewsExtraHeading{
     top: 100px;
     z-index:99;
     font-size:1.1em;
     font-weight:bold;
     text-align: left;
     min-height:50px;
}
.colNewsLinks, .colNewsExtraLinks{
     position: absolute;
     top: 150px;
     z-index:99;
}


.colNewsExtraText{
	text-align:left;
	font-size:10pt;
}

.smallNews, .smallNewsLine, .smallNewsSpaceLine{
	width: 368px;
	height: 140px;
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
	
}

.smallNewsPicture, .smallNewsLinePicture, .smallNewsSpaceLinePicture{
     
     background:black;
     width: 130px;
     height: 80px;
     overflow:hidden;
     float: left;
     border-right:10px solid white;
     
}
.smallNewsSpaceLinePicture{
	border-top: 10px solid white;
}
.smallNewsPicture img, .smallNewsLinePicture img, .smallNewsSpaceLinePicture img{
	
	width: 100%;
	opacity:0.8;
	padding-right: 10px;
	
}

.smallNewsPicture a:hover img, .smallNewsLinePicture a:hover img, .smallNewsSpaceLinePicture a:hover img{
     opacity:1.0;
}

.smallNewsText, .smallNewsLineText, .smallNewsSpaceLineText {
	width:205px;
	float:left;
	text-align:left;
	font-size :10pt;

}
.smallNewsSpaceLineText {
	padding-top:10px;
}
.smallNewsHeading, .smallNewsLineHeading, .smallNewsSpaceLineHeading{
	font-weight:bold;
	padding-bottom : 10px;
	font-size :12pt;
}
/* News Feed */
.newsFeedBlk{
	background : #515151;
	height:50px;
}
.newsFeedCon{
	width: 1170px;
	height: 40px;
	margin:auto;

}
.newsFeedHdr{
	float:left;
	color:white;
	background: black;
	width:150px;
     height: 40px;
     margin: 5px 15px;
     text-transform: uppercase;
     font-weight: bold;
     padding: 2px;
     font-size: 0.8em;
}
.newsFeedBdy{
	float:left;
	height: 50px;
	width:800px;
	text-align :left;
	overflow:hidden;
	  position: relative;
	  font-size: 0.8em;
}
.newsFeedBdy a{
	color: white;
	font-weight: bold;
	font-size: 1.1em;
}

.singleNewsFeedHdr{
	font-weight: bold;
}
.singleNewsFeedBdy{
	padding : 0px 15px 15px 15px;
	text-align:justify;
}
#newsFeed{
  position: relative;
  top:0px;
  
  height: 20px;
}
.newsFeedItem{
     position: relative;
  float: left;
  display: block;
  width:800px;

}
.newsFeedExt{
     float:right;
     color:white;
	text-align: right;
	margin: 0px 15px;
	font-size: 1.1em;
}

/* Extras */





.newsBoxes{
	padding-bottom:20px;
}
.dataDictionary, .demoNotes{
	clear:both;
	border: 1px solid #00c000;
	background: white;
}

.dataDictionaryTitle, .demoNotesTitle{

	font-size: 1.3em;
	color:white;
	padding :10px 0px;
	font-weight :bold;
	background:#00c000;
	
}
.demoNotesMainText{
     padding: 10px 15px;
     text-align:justify;
}
.newsBoxLinkText{
	padding: 20px 0px;
}
.newsBoxLinkText a{
     border: 1px solid white;
     padding: 5px;
     color: white;
    text-transform: uppercase;
}
.newsBoxImage img{
	float:left;
	width: 195px;
	background: white;
	padding:35px 0px;
	
}
.newsBoxClear{
	clear:both;
	height:20px;
}

.rightSectionLeft{
	float: left;
}
.rightSectionRight{
     float: left;
     padding-left: 20px;
}
.rightSectionExtraImageOnly{
	padding-top: 20px;
}
.rightSectionExtraImageOnly img{
	width:170px;
}

.twitter{
	padding-top: 10px;
	clear:both;
}
.twitter .extraImageOnly{
	padding-bottom :20px;
}
.twitter .extraTitle{
     background: #1a8a9c;
     color:white;
     text-align: left;
     padding: 5px 10px;
     float:left;
     font-size: 1.3em;
     text-transform: uppercase;
     margin-top: 10px;
     
     
}
.twitter .extraScript{
	 clear:both;
	 border-top: 2px solid #000099;
	 

      
}



/* css for particular pages */
/* team */
.teamMember{
	width: 355px;
	float: left;
	padding: 20px 20px 0px 0px;
}
.teamMemberWrapper{

	border:1px solid #000099;
	height:520px;
	padding: 15px;
	text-align: left;
}
.teamMember img{
	width:100%;
}
/* gallery */
.galleryItem{
     width: 230px;
     float: left;
     padding: 10px;
     text-align: left;
}
.galleryItem ul{
	padding: 10px;
}

.addContent{
	text-align: justify;
	clear:left;
}

.newsItemText{
	float:left;
	width: 360px;
	text-align: justify;
	font-size:12pt;
	 padding: 20px 0px;

}
.newsItemText h2{
	padding:0px;
	margin: 0px;
	padding-bottom :10px;
	font-size: 1.0em;
}
.newsItemLinks{
	list-style: none;
	padding:2px 0px 0px 0px;
    margin: 10px 0px 0px 0px;

}
.newsItemLinks li{
	padding: 5px 0px 5px 0px;
	margin: 0px 10px 10px 0px;
}

.newsItemLinkText, .newsItemCatText{
     padding: 10px 0px 5px 0px;
     float: left;
     
     
}
.newsItemCatHdr{
	clear:both;
	 text-transform: uppercase;
     font-weight:bold;
     padding: 15px 10px 15px 0px;
     float: left;
}


.newsItemLinkText, .newsItemCatText{
     padding: 10px 0px 5px 0px;
     float: left;
     font-size: 10pt;
     
     
}
/* background colours for category links */
.newsItemCatLink{
	background:#00c000;
}
.catFeatures{
	background: #000099;
}
.newsItemSpace{
	float: left;
	width:10px;
	height:35px;
}
.newsItemLinkText a{
     border: 1px solid #000099;
     padding: 5px;
     color: #000099;
    text-transform: uppercase;
}
.newsItemCatText a{
     
     padding: 5px;
     color: white;
    text-transform: uppercase;
}


.navLinkMore {
     display: inline;
}    

#pictureMask{

	height: 428px;
	overflow:hidden;

  position: relative;
  overflow: hidden;
  background: white;
  border:15px solid white;
  border-bottom: 0px solid white;
  border-top: 20px solid white;
}
#pictureContent {
  position: relative;
}
.pictureContent{
     position: relative;
  float: left;
  display: block;

}
.pictureTextContainer{
	position: absolute;
	top: 190px;
	z-index :50;
	color: white;
	text-align : left;
	padding:20px 60px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}
.pictureTextContainer h2{
	color:white;
	font-size:1.6em;
}
.pictureContent img{
	width:1140px;
}
.linkText{
	float:left;
	     background-color    : #000099;
     padding       : 10px 20px 0px 20px;
     border        : 0px;
     cursor        : pointer;

     
     font-weight: normal;
     height: 40px;
}
.linkText a{
	color: white;
}
#prevSlide{
	background-image: url(./images/prev.png);
	height:40px;
	width:40px;
	position: absolute;
     top: 180px;
     left:10px;
     z-index:80;
}
#nextSlide{
     background-image: url(./images/next.png);
     height:40px;
     width:40px;
     position: absolute;
     top: 180px;
     right:10px;
      z-index:80;
}

/* forms */
.nextCol{
	float:left;
}

.projectSelector{
	background: #f4f4ff;
	padding: 10px;
}

.firstCol{
	clear:both;
	padding-top : 10px;
	float: left;
	min-width: 430px;
}


label, .labelSpace{
	clear:both;
	width: 160px;
	display:block;
	float:left;
	padding : 5px 10px 0px 0px;



}

.normalText{
		text-align:left;
	display:block;
	float:left;
		padding:5px;
	padding-right : 10px;
	margin: 10px 0 0 0;
}

#clarity{
	clear:both;
}



input,select,textarea, output, meter, progress {
	float:left;
	height:30px;
     margin: 5px 5px 5px 0px;
     border: 1px solid #d0d0d0;
     
}
output, meter {
	min-width :200px;
}
button img{
	width :24px;
}
textarea {
	height: 80px;
	width: 200px;
}

input[type="search"] {
	border:1px solid #000099;
}

input[type="submit"]{
     background-color    : #00c000;
     padding       : 10px;
     border        : 0px;
     cursor        : pointer;

     color: white;
     font-weight: bold;
     height: 40px;
}
fieldset{
	clear:both;
}
button, reset, input[type="reset"], input[type="button"]{
	float:left;
	padding:10px;
	 height: 40px;
	 margin: 5px 0px 5px 0px;
	 cursor: pointer;
}

.requiredField {
     background: #ffffe0;
}
.readonlyField{
	background: #dddddd;
}
.extraIcon{
	float:left;
	padding:0px 5px;
}
.info{
	float:left;
	margin: 5px 0px 5px 0px;
	width: 30px;
	height: 30px;
	background-image: url(./images/info.png);
}
.icon{
	float:left;
	margin: 5px 0px 5px 5px;
	width: 30px;
	height: 30px;
}
.min, .max{
	float:left;
	margin: 5px 0px 5px 5px;
	width: 60px;
}

.mceEditor{
	float:left;
	width:450px;
	height:200px;
}

#captchaImage{
	clear:both;
	padding-left:180px;
	
}
.radioHdr, .checkboxesHdr, .checkboxHdr{
	clear:both;
	float:left;
	font-weight:bold;
}

.robotField{
	display:none;
}
.errorMsg{
	clear:both;
	border: 1px solid red;
	background: #ffeeee;
	font-weight:bold;
	padding: 10px;
	text-align: left;
	margin: 5px 0px;
}


.otherMsg{
	padding:10px;
	border: 1px solid #9999ff;
	background: #eeeeff;
	font-weight:bold;
}

#footer {
	margin: 0px;
	padding: 20px 0px;
	background :#eaeaea;
	border-top : 5px solid #000099;
}

.footerCopy{
	padding:0px 15px;
}
.ftrHdr{
	display:none;
}
.ftr{
	width: 1160px;
     margin: 15px auto;
}
.ftrBdy ul{
	list-style: none;
}
.ftrBdy li{
	float: right;
}
.ftr li a{
	padding : 10px;
}
/* share */
.single-post-share{
	clear: both;
	text-align :left;
}
.single-post-share ul{
     list-style: none;
     padding :0px 0px;
     margin:0px;
}

.single-post-share ul li {
     float: left;
     padding:0px;
     margin:0px;
     width: 45px;
     height: 45px;
     padding-right:10px;
}
.single-post-share img{
	padding: 0px;
	margin: 0px; 
	width:40px;

}
.single-post-share a{
	position: absolute;
}

.facebook-share a, .pinterest-share a, .twitter-share a, .linkedin-share a{
     background-repeat: no-repeat;
     background-position: top left;
     padding: 0px;
     margin: 0px;
}
.facebook-share a{
	background-image: url(./images/facebook.png);
}
.facebook-share a:hover{
     background-image: url(./images/facebookRoll.png);
}

.twitter-share a{
     background-image: url(./images/twitter.png);
}
.twitter-share a:hover{
     background-image: url(./images/twitterRoll.png);
}
.linkedin-share a{
     background-image: url(./images/linkedin.png);
}
.linkedin-share a:hover{
     background-image: url(./images/linkedinRoll.png);
}
.pinterest-share a{
     background-image: url(./images/pinterest.png);
}
.pinterest-share a:hover{
     background-image: url(./images/pinterestRoll.png);
}

/* Additional links */
.prev-link{
	padding-top: 30px;
	float:left;
	text-align:left;
	
}
.next-link{
     padding-top: 30px;
     float:right;
     text-align:right;
     
}
.searchText{
	padding:20px 0px;
	text-align:left;
}
.navLink{
	clear:both;
	padding: 20px 10px 20px 0px;
	text-align:left;
}

/* Results bar */
.navLinkHdr{
     display:none;
}
.navBarSpan a{
     padding:10px;
     border: 1px solid #000099;
}
.navBarSpan a:hover{
     background:  #000099;
     color: white;
     text-decoration:none;
}
.navBarCurrentPage{
	padding: 10px;
	border: 1px solid #000099;
	background:  #000099;
	color: white;
	
}

/* Elements for the form tool */

.panel, .panel-look{
	clear:both;
	position: relative;
	list-style: none;
     width:100%;
     padding:0px;
     margin:0px;
     border: 1px solid #9999ff;
     border-bottom: 0px;
}

.diagram{
	clear:both;
	position: relative;
	list-style: none;
     width:100%;
     padding:0px;
     margin:0px;
}

.panel ul, #wdzSideSection ul, #otherElementsDiv ul, .panel-look ul, .diagram ul{
	list-style: none;
     padding :0px;
     margin:0px;
}

#wdzSideSection{
	position:relative;
	padding:10px;
     margin:15px 0px;

}
#otherElementsDiv{
	background:white;
}


.panel ul li, .panel-look ul li, .diagram ul li {
     float: left;
     margin:0px;
     padding:5px 5px;
}

.leftBlock{
	background: #eeeeff;
	float:left;
	padding:10px;
	
}

.headerRow{
	
	clear:both;
	background: #ddddff;
	border-bottom: 1px solid #9999ff;
	font-weight:bold;
}


.specialCol{
	background: #ddddff;
	font-weight:bold;
	border: 1px solid #9999ff;
}
.plainCol{
	border: 1px solid #9999ff;
	border-top: 0px;
}


.headerRow li {
     float: left;
     padding:5px;
     margin:0px;
}
.row{
	clear:both;
	border-bottom: 1px solid #9999ff;
}
.row li {
     float: left;
     padding:5px 5px;
     margin:0px;
}
.altRow{
	clear:both;
	background: #eeeeff;
	border-bottom: 1px solid #9999ff;
}
.altRow li {
     float: left;
     padding:5px 5px;
     margin:0px;
}

.iconCol{
	width:60px;
	text-align:center;
}
.wideIconCol{
	width:80px;
	text-align:center;
}
.shortLabel{
	width:80px;

}
.shortTitleCol{
	width:150px;

}
.titleCol, .internationalCol{
	width:200px;

}
.moneyCol{
	width:150px;
	text-align:right;
}
.wideTitleCol{
	width:250px;

}
.extraWideTitleCol{
	width:500px;
}
.descCol{
	width:300px;

}


.nextCol{
		padding-top : 10px;
	float:left;
	
}
.wideInput{
	width:350px;
}
.extraWideInput{
	width:650px;
}
.longText{
	width: 300px;
	padding-left: 30px;
}

.tallInput{
	height:100px;
}

/* For Extras */

.newsBoxInner{
	clear:both;
	border-top: 2px solid #000099;
}
.newsBoxHeading a{
	font-size: 1.7em;
     margin:0px;
     text-align: left;
     font-weight:bold;
}
.newsBoxPicture img{
	padding: 10px 0px;
	width:100%;
}
.newsBoxStory{
	padding-bottom:10px;
}

.displayFileImage img{
	max-width:250px;
}
/* Responsive css */

.menu-container, .mob{
	display:none;
}



.material-icons{
	font-size: 32px;
	
}

.starOutlineIcon{
	opacity:50%;
}
.leftColBlock{
	clear:both;
}

.leftColBlock, .rightColBlock{

	float:left;
	width:365px;
}

.rightColBlock{
	padding-left:20px;
}

.leftColBlock h1, .leftColBlock h2, .rightColBlock h1, .rightColBlock h2{
	text-align:center;
}

.author{
	clear:both;
}