/* CSS Reset v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*---------------*/        
/* Liquid Layout */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column right menu settings */
	.rightmenu .colleft {
    float:left;
    width:200%;
    margin-left:-170px;
    position:relative;
    right:100%;
    }
    .rightmenu .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
	}
	.rightmenu .col1 {
    margin:0 10px 0 180px;
    overflow:hidden;
	}
   .rightmenu .col2 {
    float:right;
    width:164px;
    position:relative;
    left:170px;
    }
	/* Footer styles */
	#footer {
    clear:both;
    float:left;
    width:100%;
    }

/*-------------------------------*/    
/* Center the fixed width page   */ 
body { text-align:center; }
#wrap {
   margin:0 auto;
   width:767px; 
   text-align:left;
}
/*-------------------------------*/    
/* Push the footer to the bottom */    
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 84px;}		/* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -84px; 						/* negative value of footer height */
	height: 84px;
	clear:both;
} 
	
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	    
/*-------------------------------*/     

/*--------------------*/    
/* General Use Styles */ 

.hide   {
   position: absolute;
   left: -9999px;
   top: -9999px;
}
.noBullet {	list-style: none; }
.fleft		{	float: left; }
.fright 	{	float: right; }
/* for email obfuscation email@<span class="displaynone">spam.ers</span>server.com */
.displaynone { display:none; }

.transparent {
	filter:alpha(opacity=20);
	-moz-opacity:0.20;
	-khtml-opacity: 0.20;
	opacity: 0.20;
}
.transparent50 {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.shadow {
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
.shadowDeep {
	-webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
}
.noCAPS {
  text-transform:capitalize;
}
#Content img.noShadow {
	background: transparent ;
	border: 0px;
}
/*-------------------------*/    
/* Specific Element Styles */ 
.DGAdmin {	font-size: 0.75em; }
.DGName {
	float:left; 
	width:60%;
	display:block;
}
.hraDGName {
	float:left; 
	width:64%;
	display:block;
}
.adminTitle {
	float:left; 
	width:150px;
}
.grandName {
	float:left; 
	width:280px;
	display:block;
}
.grandTitle {
	float: left;
	width: 4.5em;;
	display: block;
}
.grandNotes {
	font-size: 0.8em;
	font-style: italic;
	padding-left: 1em;
}
#DLMMS label {
float: left;
width: 150px;
display: block;
}
#DLMMS  #submit {
margin-left: 150px;
margin-top: 1em;
}
.signature {
		font-family: "Edwardian Script ITC", "Brush Script MT", cursive;
		font-size: 2.5em;
		line-height: 1em;
		font-weight: bold;
	}
.ContentList {
	float:left; 
	width:35%;
	display:block;
}
#Content .breakingNews {
	border: 1px solid #4e5e91;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 		
	display: block;
	margin: 0 auto;
	margin-top: -1em;
	padding: 0;
	background:#ff0;
	width: 80%;
}
#Content .breakingNews h2 {
	text-align: center;
	margin: 0 auto;
	padding: 8px 0;
	font-weight: bold;	
	font-style: italic;		
}
#Content .breakingNews h3 {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	padding-top: 6px;
	font-size: 1.4em;
	letter-spacing: 0.15em;		
	font-weight: bold;
	
	text-shadow: #4e5e91 3px 3px 3px;	
		
	background: #c4c8da url(i/bg-pat2d.jpg) repeat;		
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;

	border-top: 1px solid #4e5e91;		
}
#Content .breakingNews a {
	text-decoration:none; 	
	color: #ff0;
}
#Content .breakingNews a:hover {
	background: transparent;
}

#Content .breakingNews p {
	background: #c4c8da url(i/bg-pat2d.jpg) repeat;	
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;		
	text-align: center;
	font-size: 1.3em;
	text-indent: 0;	
	font-family: "Palatino Linotype", Palatino, serif;
	color: #ff0;
	font-style: italic;	
	letter-spacing: 0.05em;	
	line-height: 1.6em;	
	margin: 0 auto;
	padding: 0.6em 0;	
	text-shadow: #4e5e91 5px 5px 4px;	

	/* background: #ff0;
	   color: #4e5e91;  */
}
#Navigation .breakingNewsSide {
	clear: both;	
	border: 1px solid #4e5e91;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 		
	display: block;
	margin: 0 auto;
	padding: 0;
	/* margin-top: 300px;*/
	margin-bottom: 1em;
	background:#ff0;
	width: 90%;
	margin-top: 16px;
}
#Navigation .breakingNewsSide h2,
#Navigation .breakingNewsSide h3 {
	text-align: center;
	margin: 0 auto;
	padding: 3px 0;
	font-weight: bold;	
	background: #4e5e91;
	color: #ff0;	
	font-family: "Palatino Linotype", Palatino, serif;	
}
#Navigation .breakingNewsSide p {
	text-align: center;
	font-size: 0.8em;
	text-indent: 0;	

	letter-spacing: 0.05em;	
	line-height: 1.3em;	
	margin: 0 auto;
	padding: 0.4em 0.2em;	
}
#Navigation .breakingNewsSide a {
	text-decoration:none; 
	display: block;
}
#Navigation .breakingNewsSide hr {
	padding: 0;
	margin: 0;
}
#Navigation .breakingNewsSide a:hover {
	background: #dde1ea;
}
#Content .sorrowNews {
	border: 1px solid #000;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 		
	display: block;
	margin: 0 auto;
	margin-top: -1em;
	padding: 0;
	background:#000;
	width: 80%;
}
#Content .sorrowNews h2 {
	text-align: center;
	margin: 0 auto;
	padding: 8px 0;
	font-weight: bold;	
	font-style: italic;		
}
#Content .sorrowNews h3 {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	padding-top: 6px;
	font-size: 1.4em;
	letter-spacing: 0.15em;		
	font-weight: bold;
	
	text-shadow: #4e5e91 3px 3px 3px;	
		
	background: #c4c8da;		
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;

	border-top: 1px solid #000;		
}
#Content .sorrowNews a {
	text-decoration:none; 	
	color: #000;
}
#Content .sorrowNews a:hover {
	background: transparent;
}

#Content .sorrowNews p {
	background: #999 url("i/sorrow_bars.png") no-repeat top left;	
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;		
	text-align: center;
	font-size: 1.3em;
	text-indent: 0;	
	font-family: "Palatino Linotype", Palatino, serif;
	color: #000;
	font-style: italic;	
	letter-spacing: 0.05em;	
	line-height: 1.6em;	
	margin: 0 auto;
	padding: 0.6em 0;	
	text-shadow: #999 3px 3px 2px;	
}
/*------------------------*/    
/* Header for THIS design */
body { background: url("i/top_bg2d.png") repeat-x; }
#header h1 {
	height: 211px;
	width: 780px;
	margin: 0 auto;
	text-indent: -9999px;
	z-index: 1;
	background: url("i/Top-Banner2d.jpg") no-repeat center center;	
} 
#topPullout {
	max-width: 500px;
	width: 500px;
	color: #8a96c2;
	text-align: justify;
  text-shadow: 0.1em 0.1em 0.2em #232a41; 
	font-size: 17pt;
	font-family:georgia,garamond,serif;
	position: absolute;
	top: 129px;
	padding-left: 60px;
}
/*----------------------------------*/    
/* Style the FOOTER for THIS design */
#footer {
	background: #4e5e91 url("i/bot-banner.png") repeat-x;
	text-align: center;	
}
#footer p {
	line-height: 1.5em;
	width: 580px;
	margin: 0 auto;
	padding-right: 170px;	
}
.WebURL {
	font-style: italic;	
	font-size: 1em;
	color: #9da5c0;
	padding-top: 0.7em;
}
.FooterTag {
	font-style: italic;	
	font-size: 0.8em;
	color: #9da5c0;
	white-space:pre;
}

/* Side Bar */
.flags { 
	clear: both;
	height: 123px;
	width: 163px;
	padding: 1em 0;
	background: url("i/flags-N-Sq&Cs2d.png") no-repeat center center;
	display: block;
}
.charterMark {
	height: 110px;
	width: 83px;
	margin:  0 auto;
	padding: 0;
	margin-top: 1em;
	background: url("i/dgl-jamaica-05-0435-01.jpg") no-repeat;
}
/*-----------------------*/
/*  Content Formatting  */
#Content { 
	font-family:Verdana, Geneva, sans-serif; 
	line-height: 1.4em;
	word-spacing:0.1em;
	letter-spacing: .005em;
	font-size: 0.9em;
}
#Content h1,
#Content h2,
#Content h3 {
	text-transform: uppercase;
	font-family: "Palatino Linotype", Palatino, serif;
	padding-top: 1em;	
	padding-bottom: 0.4em;
	font-weight: lighter;
	font-variant: normal;	
	letter-spacing: 0.3em;	
	color: #4e5e91;	
	line-height: 1.25em;	
}
#Content h1 a, 
#Content h2 a,
#Content h3 a { 
	text-decoration:none; 
}
#Content h1:first-child { 
	padding-top: 0.2em;	
}
#Content h1 {
	font-size: 1.5em;
	text-align: center;
}
#Content h1:first-letter {
	font-size: 1.6em;
	font-family: "Edwardian Script ITC", "Brush Script MT", cursive;
	padding-right: 0.2em;
	font-weight: bold;
}
#Content h2 {
	font-size: 1.3em;
}
#Content h3 { 
	font-size: 1.2em;
}
#Content.hraColours h1,
#Content.hraColours h2,
#Content.hraColours h3,
#Content.hraColours h4
{
	color: #f00;
}
#Content p {
	padding: 1em 0;
	text-align: justify;	
	text-indent: 1.5em;	
}
#Content ol {
	list-style-type: decimal outside;
}
#Content ol li {
	margin-bottom: 1em;
		text-align: justify;
}
#Content ol ul{
	list-style-type: none;
	font-size: 0.9em;
	font-style: italic;
}
#Content img {
	background: url(i/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
	border: 0px;
	margin: 0 15px;
}
#Content .noindent {	text-indent: 0;	}
#Content a {
	text-indent: 0;
}
#Content a:hover {
	background: #dde1ea;
}
#Content a[href^="http://"] {
	display:inline-block;
	padding-right: 15px;
	background: transparent url(i/ico-web.png) no-repeat center right;
}
#Content a[href^="http://"]:hover {
	display:inline-block;
	padding-right: 15px;
	background: #dde1ea url(i/ico-web.png) no-repeat center right;
}
#Content a[href^="mailto:"] {
	display:inline-block;
	padding-right: 17px;
	background: transparent url(i/ico-email.png) no-repeat center right;
}
#Content a[href^="mailto:"]:hover {
	padding-right: 17px;
	background: #dde1ea url(i/ico-email.png) no-repeat center right;
}
#Content a[href$='.pdf'] {
	display:inline-block;
	padding-right: 15px;
	background: transparent url(i/ico-pdf.png) no-repeat center right;
}
#Content a[href$='.pdf']:hover {
	padding-right: 15px;	
	background: #dde1ea  url(i/ico-pdf.png) no-repeat center right;
}
#Content a[href$='.doc'] {
	padding-right: 15px;	
	display:inline-block;
	background: transparent url(i/ico-doc.png) no-repeat center right;
}
#Content a[href$='.doc']:hover {
	padding-right: 15px;	
	background: #dde1ea  url(i/ico-doc.png) no-repeat center right;
}

#Content a[class='lbox_image']:hover,
#Content p a[href$='.jpg']:hover, 
#Content p a[href$='.png']:hover,
#Content p a[href$='.gif']:hover, 
#Content p a[href$='.JPG']:hover, 
#Content p a[href$='.PNG']:hover,
#Content p a[href$='.GIF']:hover {
	background: transparent;
}
.noUnderline {text-decoration:none;}
#GLAddresses ul {list-style: none; font-style: italic;}
#GLAddresses li li {padding-bottom: 2em;}
/**************** Calendar ********************/
#Content #calendar {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	text-align: center;

}
#Content #calendar table {
	margin-left: -50px;
	border-collapse: separate;
	border-style: outset;
	padding-bottom: 2em;
}
#Content #calendar tr td,
#Content #calendar tr th
 {
	border-right: 1px dotted #006;
	border-bottom: 1px dotted #006;
	padding: .3em 0;
}
#Content #calendar tr th {
	border-top: 1px dotted #006;
	background: #abb3cb;
	color: #006;
}
#Content #calendar tr:first-child td {
	border: 0;
}	
#Content #calendar tr.header td {
	background-color: #395ba9;
	color: #000;
	font-weight: normal; 
}
#Content #calendar tr td.left,
#Content #calendar tr th.left
 {
	text-align: left;
}
.installation {
	background-color: #fff200;
	color: #006; 
}
#Content #calendar .nomeeting {
	background-color: #515972;
}
#Content #calendar tr H2 {
	padding: 0;
	margin: 0 ;
	margin-bottom: .5em;
	text-align: center;
}
/** Calendar - HRA **/
#Content #calendar.hraColours tr th {
	background: #d11956;
	color: #fff;
}
#Content #calendar.hraColours tr td h2 {
	color: #f00;
}
#Content #calendar.hraColours .nomeeting {
	background-color: #ccc;
}
#Content #calendar.hraColours .installation {
	color: #f00; 
	font-weight: bold;
}
/**************** menu coding *****************/
/* common styling */
.menu {font-family: arial, sans-serif; font-size:.9em; margin-top: 10px; z-index:100; width: 160px;	border-left: 1px solid #515972; position:relative; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:160px; text-align:center; color:#006; background:#abb3cb; padding: 6px 0; border-bottom: 1px dotted #4e5e91;}
.menu ul {padding:0; margin:0; list-style: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff200; background:#006; }
.menu ul li:hover ul {display:block; position:absolute; top:3px; left:-159px; width:160px; z-index:1000; border-right: 1px dotted #4e5e91;}
.menu ul li:hover ul li a.hide {background:#006; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#006; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#a6adca; color:#006;border-bottom: 1px #69c dotted; border-left: 1px #69C dotted;  border-right: 1px #c3c9e2 solid;}
.menu ul li:hover ul li a:hover {background:#020272; color:#fff200;}
.menu ul li:hover ul li:hover ul li  a {background:#a6adca; color:#006;}
.menu ul li:hover ul li:hover ul li a:hover {background:#020272; color:#fff200;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:-159px; top:6px;}
.menu ul li:hover ul li:hover ul li a {display:block; }

.menu ul li.active a {background: #9198b5; color:#fff200;}
.menu ul li.active ul li.active a {background: #9198b5; color:#fff200;}
.menu ul li.active ul li.active ul li.active a {background: #9198b5; color:#fff200;}


.menu ul li a {
transition: 0.35s ease-in-out;
-o-transition: 0.35s ease-in-out;
-moz-transition: 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
}
.fb-like {
	padding-top:1em; 
	padding-left: 1.7em
}