@import url("menu.css"); /* Tidy Menu stlyes (responsive) */
@import url("slides.css");

/************************** Site-wide Reset Styles ***************************/
/*                     Do not change any of these styles                     */

html,body,p,ul,ol,li,a,h1,h2,h3,h4,h5,h6,table,tbody,tfoot,thead,th,form{margin:0;padding:0;border:0;outline:0;}
.mainMenu tr .icn img{padding:0 0 0 10px;}
/* Overrides some troublesome DNN default styles */
.Normal,.NormalDisabled,.NormalBold,.NormalRed,.NormalTextBox{font-size:inherit;font-family:inherit;}
.Normal,.NormalDisabled,.NormalRed,.NormalTextBox{font-weight:inherit;}

#dnn_ControlPanel .content{height:auto;}
.DNNEmptyPane{font-size:0px;}
#LBD_CaptchaImage img{position:absolute;}
#menu .MyRadMenu{z-index:4000 !important;}

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{zoom:1;/*triggers hasLayout in IE*/}

.FormsContent table{width:auto !important;}


.ModuleTitle_SubMenu .txt{white-space:nowrap;}

/*-----stops greying out of modules in dnn7-*/
.dnnEditState .DnnModule { opacity: 1;}

td > .dnnLabel {
width:150px; /*stops ventrian title field disappearing behind right col*/
}

/****************************** General Styles *******************************/

body, #Body, .Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox, table, h1, h2, h3, h4, h5, h6 {
	/* Set this to the desired default website font */
	font-family:Arial, Helvetica, sans-serif;
	/* Set this to the desired default website font size */
	font-size: 14px;
	color: #4b4b4b;
	line-height:160%;
}
.NormalRed {
 color:#FF0000 !important;
}

/* Do not set font-size or font-family on the p tag or  any other general tags
 * other than #Body (see Layout Styles) as this will cause problems when trying
 * to set styles on container elements later on. Site wide font settings should
 * be specified on the body tag, or if you require a different font style
 * somewhere on the site, add the different font styles to a class or id on the
 * containing element. */
p, .Normal p {
	/* !important is required on margin to override a style on the container */
	margin: 1.4em 0 !important;
	line-height: 160%;
}

ol {
	margin: 10px 0 10px 30px;
	list-style-type: decimal;
}

ul {
	margin: 10px 0 10px 30px;
	list-style-type: disc;
}
li {
line-height:160%;
}

body a, body a:visted {
	color: #00539b;
	text-decoration: none;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	margin: 20px 0 30px 0;
	padding:0;
	font-size: 32px;
	color:#153260;
	line-height:100%;
	
}

h2 {
	font-family: 'Open sans', Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 10px 0 20px 0;
	font-size: 24px;
	color:#4b4b4b;
	letter-spacing:normal;
	line-height:110%;
}


h3 {
	
	font-size: 18px;
	font-family: 'Open sans', Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 10px 0 0px 0;
	color:#4b4b4b;
	letter-spacing:normal;
	line-height:110%;
}

h4 {
	margin: 14px 0;
	font-size: 16px;
	font-weight: normal;
}

h5 {
	margin: 12px 0;
	font-size: 18px;
	font-weight: bold;
}

h6 {
	margin: 10px 0;
	font-size: 15px;
	font-weight: bold;
}


#newslettersTable h3 {
 font-size:14px;

}
/******************************* Layout Styles *******************************/

#Body {
	text-align: center; /* Centers the website in IE */
	/* Causes long words that are too wide for its container to break mid-word
	 * and wrap onto the next line */
	word-wrap: break-word;
	
	background: #fff;
}


.pageCenter {
	/* Centers the website in all browsers except IE and cancels out the
	 * text-align: center specified on #Body */
	margin: 0 auto;
	text-align: left;
	
	/* Total width of the website. This must be specified in order to center
	 * the website. This should NEVER be more than 996px or you will get
	 * scrollbars on 1024x768 resolution screens. If your design measures
	 * wider than this, go and ask your designer about it */
	width: 970px;
}

/****************************** Begin Grid system styles *******************************/
/*---- Begin Grid system styles   >
responsive styles come from http://www.responsivegridsystem.com/-----*/

/*  SECTIONS  */
.section {

	
	clear: both;
	
	padding: 0px;
	margin: 0px auto;
	/* width:80%;*/



	text-align:left;
	  max-width: 970px;
	/*  max-width: 916px;*/
	/* max-width: 92.3em;*/

}
/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWO  ==== */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}
.articles .span_1_of_2 {
	width: 48%;
}


/*  GRID OF THREE  === */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GRID OF FOUR   ==*/

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}
/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}

/*  GRID OF NINE   ============================================================================= */


.span_9_of_9 {
	width: 100%;
}

.span_8_of_9 {
	width: 88.71%;
}

.span_7_of_9 {
	width: 77.42%; 
}

.span_6_of_9 {
	width: 66.13%; 
}

.span_5_of_9 {
	width: 54.84%; 
}

.span_4_of_9 {
	width: 43.55%; 
}

.span_3_of_9 {
	width: 32.26%;
}

.span_2_of_9 {
	width: 20.97%; 
}

.span_1_of_9 {
	width: 9.68%; 
}




/****************************** End Grid system styles *******************************/

/******* Start  Mast Banner ********/ 


#mastBannerHomeWrapper {

	background-color:#153260;

}



.mastCOAWrapper, .mastMembersTitleWrapper {
	float:left;
}

#Crest {
	margin: 16px 45px 25px 40px;
	width: 112px;
	height: 81px;
}

.mastMembersTitle H1 {
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	text-shadow:2px 2px 2px #12588c;
	border-bottom:none;
	margin:10px 0 0 0;
	font-style:normal;
	font-weight:none;
	font-size:53px;
	letter-spacing:1px;

}
.mastMembersTitle h2 {
	font-family: 'Open Sans', sans-serif;
	color:#ffc20a;
	font-size:24px;
	margin:5px 0 0 0;
	text-transform:uppercase;
	font-weight:normal;

}
#Slogan {
	margin:10px 0 0 15px;
}


/* main Menu */

#mainMenu {
	background-color:#106b9e;
}
#menuBar {
	background-color:#fff;
	-moz-box-shadow: inset 0px -5px 10px #e4eaf1;
	-webkit-box-shadow: inset 0px -5px 10px #e4eaf1;
	box-shadow: inset 0px -5px 10px #e4eaf1;
	
}
/**************** End Mast Banner *********************/ 
/**************** Home Page Styles  *********************/ 


#MastPhotoBannerHomeWrapper {
  box-shadow: 0 5px 15px #67747d inset;
  position: relative;
	z-index:100;
}

#MastPhotoBannerHome {
  position: relative;
	z-index:1;
	
}

#MastPhotoBannerHome #SocialIcons {
	
	top:20%;
	right:1%;
	width:75px;
	/*background-color:yellow;*/
	height:60%;
	font-size:13px;
	z-index:1000;
	

}
#homeBody_row1 {
margin:25px 0 25px 0;
}
#homeBody_row2 {
	background-color:#e3e3e3;
	padding:30px 0 40px 0;
}

#homeBody_row2 h1 {

	color:#585858;
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	font-weight:bold;
	padding:0;
	margin:0 0 20px 0;
	line-height:100%;

}


/**************** end Home Page Styles  *********************/ 

/**************** Mast Photo strip  *********************/



#MastPhotoStrip {
    box-shadow: 0 5px 15px #67747d inset;
	position: relative;
	
}
#MastPhotoStrip img {
	width:100%;
	height:auto;
	position: relative;
	z-index:-1;
	
}

.ContentPaneTopBanner {
	padding:10px 0 10px 0px;
}

#SocialIcons {
	position:absolute;
	top:10%;
	right:1%;
	width:75px;
	/*background-color:yellow;*/
	height:80%;
	font-size:10.5px;
	z-index:1000;
	

}


.SocialIconPadding {
		height: 27%;
		/*background-color:purple;*/
		margin:0;
		color:white;
}

#SocialIcons a {
	/*background-color:pink;**/

	display:block;
	margin:0;
}

#SocialIcons .fa {
	color: #fff;
	text-decoration:none;

}

#SocialIcons a:hover {
color:#ffffff;
}

#SocialIcons .fa-circle {
	color:#3f78a1;
}
#SocialIcons a:hover .fa-circle {
color:#326990;
}

/**************** End Mast Photo strip  *********************/




/**************** RHS Banner *********************/ 


#ContentMainRightPaneWrapper h1 {
	font-size:18px;
	color:#fff;
	background-color:#153260;
	padding:13px 16px;
	border-radius:5px 5px 0 0; 
	margin:29px 0 4px 0;
	
}


#contactBoxContent a {
	color:#fff;
}

a.emailbutton {


padding:5px 10px;
color:#FFFFFF;
font-size:12px;
text-decoration:none;
border-radius:5px;
line-height: 60px;
border:1px solid #8594ac;
}
a.emailbutton:hover {
background-color:#1b3969;
text-decoration:none;
}



/*-------useful links buttons-----------*/
#usefulLinksButtons {
	padding-bottom:20px;
}

#usefulLinksButtons .fa {
	color: #153260;
	padding-right:10px;
}

#usefulLinksButtons a {
	background-color:#f1f1f1;
	display:block;
	font-family: 'Open Sans', sans-serif;
	padding:12px 20px;
	color: #153260;
	margin-bottom:5px;
	font-size:13px;
	font-weight:bold;
	
}
#usefulLinksButtons a:hover {
	background-color:#e8e5e5;
	text-decoration:none;
}

/*------------------------*/

/**************** Content body *********************/ 
.sectionGroupPadding {

	padding:0 30px;
}
.sectionGroupBG {
	background-color:#fff;
}
#ContentMainWrapperSub {
	padding-bottom:100px;

	
}

#ContentPaneWrapper {
	padding:10px 35px 0 0px;
}

.ContentRightContactBoxPane {
	padding:10px 0px 0 0px;
}

/**************** End Content  *********************/ 




/*******Footer ************/

#footer {

	margin: 0;
	padding: 0px;
}
#FooterBackground {
	background-color:#153260;
	
	padding:30px 0;
	color:#8594ac;
	font-size:12px;
}
#FooterBackground a {
	color:#8594ac;
}
#FooterBackground ul li:before {

content:"-"; position:relative; left:-5px;}

#FooterBackground ul li {
	text-indent:-5px;



 }

#FooterBackground ul {
list-style-type: none;
	margin:0 0 0 10px;
	padding:0;

}

#FooterBackground p {
	padding:0;
	margin:0 !important;
	line-height:110%;
}
#FooterBackground strong {
	
	line-height:170%;
}


#footerInner {
	padding:35px 0 145px 0;
	text-align:center;
	color:#fff;
}


/* Set the font styles in the footer - also need to override the default a styles */
#footer td, #footer a {
	font-size: 12px;
	color: #fff;
}
#authorisedFooter {
	background-color:#3f78a1;
}
#authorisedFooterInner {
	margin: 0;
	padding: 5px 0;
	text-align: center;
	color:#fff;
font-size: 12px;

}
#authorisedFooterInner a {
	color:#fff;
}
/**************************** Home ARTICLE STYLES *******************************/


/*----homepage articles styles----*/
#homearticles .article_listing {
    margin: 10px 10px 25px 0;
    padding-bottom: 25px;
	background-color:#f5f5f5;
	height:440px;
	position:relative;

}
#homearticles .article_listing h3 {
margin: 18px 0 10px;
 font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
 line-height:normal;
}
#homearticles .article_listing h3 a {
	color:#1c63ad;
		font-size:18px;
	font-weight:normal;
	 font-style:normal;
	 font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
}
#homearticles .article_listing 	.article_date {
margin:0;
	padding:0;
	font-style:italic;
}
#homearticles .posted-in-box {
background-color:#e3e3e3;
position:absolute;
bottom:0;
width:259px;
padding:7px 20px;
font-size:12px;
font-style:italic;
}

/*-----------------------*/



/**************************** ARTICLE STYLES *******************************/

.MenuTop {

	line-height:250%;
}
a.homeFeaturedArticleImage {
width:60%; height:252px; display:block; padding-bottom:5px; float:right; margin-left:20px; margin-bottom:20px; margin-top:20px;
}


.articles .articleListing {
	padding-bottom: 20px;
	border-bottom: 1px solid #c3c3c3;
	margin-bottom: 20px;
	line-height:160%;
}
.articles .viewArticleHeadline h1 a {
	margin-bottom:5px;
	color:#003e7f;
	font-weight:normal;
	font-size:28px;
	font-family:Arial, Helvetica, sans-serif;

}
.articleListing a {
	color: #007ec0;
}
.articles h2 {
	margin: 0;
	padding:0;
	line-height:120%;

}
.articles h2 a {
    color: #007ec0;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
}

.articles .articleDate {
	margin-bottom:11px;
	margin-top:3px;
}


.articles .articleInfo, .articleListing .articleInfo {
	width: 347px;
	float: left;
	margin-right: 10px;
}



.articles .articleImage, .articleListing .articleImage {
	
	margin: 0 0 0 15px;
	float:right;
}

div div.articles div img {
	width:100%;
	height:auto;
}
html div div.articles div h2 img {
	width:auto;
	height:auto;
}



/************************************************************************/



/*--------adjusting width when logged in to make editing news articles easier------*/
.dnnEditState #contentPaneWrapperSub {
width:708px;
}

.dnnEditState .pageCenter {
width:1062px;
}





/******************************* Search Styles *******************************/
#searchBar {
background-color:#0f4663;
height:24px;
}


#search {
	width:182px;
	float:left;
	margin-top: 11px
}


/* Search text box container */
#search div.SearchBorder {

	border: 0;
	margin: 0px 6px 0 0px;
	padding: 1px 5px;
	height: auto;
	width: auto;
}
.searchInputContainer {
width:150px;
float:left;
}
/* Search text box */
#search .SearchBorder input {
	outline: 0; /* Removes orange highlight in Google Chrome */
	/* These properties can be set to whatever you like. The !important tag is used to
	 * override some default DNN styles that would otherwise clash */
	font-family: inherit !important;
	font-weight: normal !important;
	width: 132px !important;
	color: #6e6e6e !important;
	background: none;
	font-size: 13px !important;
	padding: 3px 5px;
	border:1px solid #eaeaea;
	border-radius:5px;
	background-color:#ffffff;

}

/* Search button */
#search a {
	background: url(skin-images/search-button.png) top left no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	padding: 0;
	margin: 3px 5px;
}

/* Search button hover */
#search  a:hover {
	background: url(skin-images/search-button.png) bottom left no-repeat;
	text-decoration: none;
}

/* Drop down search options */
#SearchIcon {
	display: none;
}

#search ul.searchSkinObjectPreview {
z-index:10; /*--ensures grey x appears over the search assistance box--*/
}

#search .searchInputContainer a.dnnSearchBoxClearText {
margin:7px 0px; /*--positions grey x in search assistance box--*/
}

/******************************* Search Styles *******************************/

.bstrap30 .form-horizontal .control-label {/*--fixes bug in label position for survey form--*/
	text-align:left !important;
}

.wns-slideshow-wrapper {
height:266px;
}

#dnn_ctr469_ModuleContent .TagCloud-RoundedButton { /*--fixes spacing issue in tag cloud --*/
	white-space:normal;
}

.TagCloud-RoundedButton ul {
	margin:0;
}


	
/* Action form */
.bstrap30 .form-horizontal .control-label, .bstrap30 .form-horizontal .label-right { /* Force action form labels to be left aligned */
    text-align: left !important;
	}
	
.bstrap30 label.required, HTML .bstrap30 label {/* set bolding on  field labels*/
	font-weight:bold; !important;
}

.bstrap30 label.required:after {  /*add * to required fields  */

color: #e32;
content: '*';
display:inline;
}

.photo_198 { /** simple gallery latest grid */
	border:none;
	margin:2px;
}
.mobileButtons {
margin-top:10px;
}
#mobileMenuBtn {

	background-color:#ffc20a;
	
}