/* Author: Kevin Staden */


/* common styles */

/* Fix for IE to make em units work as per the CSS specification */
* {	font-size:100%;
	font-family:sans-serif;
	color:black;
}
	
a: {
	text-decoration: underline;
}

a:link {
	color: blue;
}

a:visited { 
	color: purple;
}
 
a:active{
	color: red;
}

	
a:hover{
	color: red;
}

	
body {
	font-size : 0.9em;
	font-family : Arial, sans-serif;
	margin: 0em;
}

table {
	display: table;
	width:100%;
	border-width: 0em 0em 0em 0em;	
	border-collapse: collapse;
	border-color: #000000;
}

td {
	border-spacing:none; 
	text-align:left;
	vertical-align:top;
}

h1 {
	font-weight: normal;
	font-size: 2em;
	margin-top: 0.4em;
	margin-bottom: 0em;
} 

h2 {
	font-weight: normal;
	font-size: 1.5em;
	margin-top: 0.4em;
	margin-bottom: -0.2em;
}

h3 {
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.2em;
	padding:0em 0.2em;
	padding-bottom:0.2em;
}
					 
h4 {
	font-weight: normal;
	font-size: 1.1em;
	margin-top: 0.4em;
	margin-bottom: -0.2em;
}


img {
	border-style: none;
}

/* end common style */


/* header style */

table.header {
	border: 0em 0em 0em 0em; 
  	padding: 0;
	margin: 0em;
	width:100%;
	background-color:#ffffff;	
}

td.pageTitle {
	padding:0em;
	margin:0em;
	width:50%;
}


.headerlinks {
	font-size:1em;
}

.headertoprow {
	text-align:right;
	vertical-align:top;
}

.headertoprow img {
	float:left;
}

/* end header style */


/* footer style */

table.footer {
	background: #AFD8AF;
}

tr.publishingInfo {
	font-size:0.75em;
}


/* end footer style */


/* main content */

table.content {
	margin: 0em 0em 0em 0em;
	border-bottom: 4px solid #000000;
}



/* content area - for ancilliary pages */

.contentarea {
	font-size:1.1em;
	background-color: #f0f0f0;
  	background-position:  right bottom;; padding-left:0.4em; padding-right:0.4em; padding-top:0em; padding-bottom:0.1em		
}

#content h2 {
	font-size: 1.5em;
	font-weight:600;
	margin: 0em 0.1em 0.2em 0.1em;
	padding:0.1em 0.5em 0.1em 0.5em;
}

#content h3 {
	font-size: 1.3em;
	margin: 0.1em 0.1em 0.1em 0.1em;
	padding : 0em;
}

.contentarea p {
	margin:0em 0em 1em 0em;
	padding:0em;
}


table.basic {
	width:96%;
}

.basic td {
	border-style: solid; 
	border-width: 0.1em; 	
}

.basic th {
	font-weight:600;
	border-style: solid; 
	border-width: 0.1em; 		
	border-bottom-width: 0.2em;
}

/* end content area - for ancilliary pages */

/* end main content */


/* Left and Right panels */

table.content td.leftPanel {
	width: 52%;
	padding: 0em 0.5em 0em 1em;
	/* border-left: 1px solid #C080C0; */
}

table.content td.rightPanel {
	width: 32%;
	padding: 0em 0.5em 0em 1em;
	border-left: 1px solid #000000;
}


table.content td.rightPanel ul {
	margin: 0.0em 0em 1.3em 1.5em;
}

table.content td.rightPanel ol {
	margin: 0.8em 0em 0.8em 1.5em;
}

table.content td.rightPanel ol li {
	padding-left: 0em;
}


table.content td.leftNav h3 {
	text-align:center;
	padding: 0.2em 0em;
	border-bottom: 1px solid #9AC0C9;
}



table.content td.rightPanel h3 {
	text-align:center;
	padding: 0.2em 0em;
	border-bottom: 1px solid #9AC0C9;
}



table.content td.leftPanel h3 {
	text-align:center;
	padding: 0.2em 0em;
	border-bottom: 1px solid #9AC0C9;
}




table.content td.leftPanelLarge {
	width: 60%;
	padding: 0em 0.5em 0em 1em;
	/* border-left: 1px solid #C080C0; */
}

table.content td.rightPanelSmall {
	width: 24%;
	padding: 0em 0.5em 0em 1em;
	border-left: 1px solid #000000;
}


table.content td.rightPanelSmall ul {
	margin: 0.0em 0em 1.3em 1.5em;
}

table.content td.rightPanelSmall ol {
	margin: 0.8em 0em 0.8em 1.5em;
}

table.content td.rightPanelSmall ol li {
	padding-left: 0em;
}

table.content td.rightPanelSmall h3 {
	text-align:center;
	padding: 0.2em 0em;
	border-bottom: 1px solid #9AC0C9;
}


table.content td.leftPanelLarge h3 {
	text-align:center;
	padding: 0.2em 0em;
	border-bottom: 1px solid #9AC0C9;
}







table.content td.onePanel {
	width: 42%;
	padding: 0em 0.5em 0em 1em;
	/* border-left: 1px solid #C080C0; */
}

table.content td.twoPanel {
	width: 42%;
	padding: 0em 0.5em 0em 1em;
	border-left: 1px solid #000000;
}


table.content td.twoPanel ul {
	margin: 0.0em 0em 0.5em 0.5em;
}

table.content td.twoPanel ol {
	margin: 0.8em 0em 0.5em 0.0em;
}

table.content td.twoPanel ol li {
	padding-left: 0em;
}


table.content td.leftNav h3 {
	text-align:center;
	padding: 0.2em 0em;
	border-bottom: 1px solid #9AC0C9;
}



table.content td.twoPanel h3 {
	text-align:center;
	padding: 0.2em 0em;
	border-bottom: 1px solid #9AC0C9;
}



table.content td.onePanel h3 {
	text-align:center;
	padding: 0.2em 0em;
	border-bottom: 1px solid #9AC0C9;
}



table.content td.singlePanel {
	width: 84%;
	padding: 0em 0.5em 0em 1em;
	/* border-left: 1px solid #C080C0; */
}


table.content td.leftNav h3 {
	text-align:center;
	padding: 0.2em 0em;
	border-bottom: 1px solid #9AC0C9;
}


table.content td.singlePanel h3 {
	text-align:center;
	padding: 0.2em 0em; 
	/* border-bottom: 1px solid #9AC0C9; */
}


/* End left right Panels */

/* Section Colours */


#mainTitle { 
			text-align:center;
			 background-color: #94CA94;
			 /* background-color: #FC4932; */
			 border-right: 3px solid #000000;
			 border-bottom: 3px solid #000000;
}


#subTitle {
background-color: #CCCCCC;
/* background-color: #FC4932; */
font-weight: bold;
}

#contentsTitle {
background-color: #FFCA94;
font-weight: bold;
}


#subTitleYellow {
background-color: #FFFF94;
font-weight: bold;
}


#subTitlePink {
background-color: #FFCAFF;
font-weight: bold;
}


#subTitleGrey {
background-color: #B0B0B0;
font-weight: bold;
}



#subTitlePurple {
background-color: #9494FF;
font-weight: bold;
}


#subTitleBrown {
background-color: #CAAF94;
font-weight: bold;
}



#subProg {
background-color: #E7D4B7;
font-weight: bold;
}



/* End of Section Colours */

ul li.home {
	vertical-align:middle;
	list-style-image: url('../../FGP2019_Webs/images/groupHome.gif');
}


/* Added but not sorted */


.tablestyle3 {
	width:99%;
	margin-left: auto;
	margin-right: auto;
}

#fgpBack { background-color: #E6E6E6; }

td.cell2 {
/*	border-width: 0px 0px 0px 0px; 
	border-color:#808080;
	border:solid; */
	text-align:left;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

ul.wordlist li {
	list-style-image: url('../../FGP2019_Webs/images/WordIcon.gif');
	vertical-align:middle
}

li.word {
	list-style-image: url('../../FGP2019_Webs/images/WordIcon.gif');
	vertical-align:middle
}

li.flag {
	list-style-image: url('../../FGP2019_Webs/images/flag.gif');
	vertical-align:middle
}

ul.flaglist li {
	list-style-image: url('../../FGP2019_Webs/images/flag.gif');
	vertical-align:middle
}

li.xls {
	list-style-image: url('../../FGP2019_Webs/images/xls.gif');
	vertical-align:middle
}

li.outlook {
	list-style-image: url('../../FGP2019_Webs/images/outlook.gif');
	vertical-align:middle
}




table.fgpTable{
	border-width:1px;
	border-color:#808080;
	border-style:solid;
/*	border-collapse:collapse; */

}

table.fgpTable td{
	border-width:1px;
	border-color:#CCCCDD;
	border-style:solid;
	background-color:#FaFaFa;
	padding:0.1em;
}

table.fgpTable th{
	border-width:1px;
	border-color:#808080;
	border-style:solid;
	text-align:center;
	padding:0.5em;
}

div.sectionBox {
	margin:0.5em 0em 0.1em 0em;
	background-repeat:no-repeat;
	background-position: bottom right;
}

.sectionBox h4 {
	margin: 0em;
	padding:0em 0.2em 0em 0.2em;
}

.sectionBox p {
	margin: 0em;
	padding:0em 0.2em 0.2em 0.2em;	
}

.sectionBox ul {
	padding-bottom: 0.5em;	
}

#sectionBoxBackground {
	/* background-color: #FCE3A0; */
	background-color: #FFFFB8;
}


#sectionBoxBackgroundBlue {
	/* background-color: #FCE3A0; */
	background-color: #A0FFFF;
}


#sectionBoxBackgroundPink {
	/* background-color: #FCE3A0; */
	background-color: #FFD0FF;
}

#sectionBoxBackgroundBrown {
	/* background-color: #FCE3A0; */
	background-color: #ECDCC9;
}


/* button */

span.button {
	border-width:1px;
	border-bottom-color:#808080;
	border-right-color:#808080;
	border-left-color:#CCCCDD;
	border-top-color:#CCCCDD;	
	border-style:solid;
	float:right;
	padding: 0.5em 1em;
	margin-bottom: 0.5em;
	margin-right:0.5em;
	font-size:0.9em;
	font-weight:bold;

}

/* end button */

/* Scroll */

div.scroll {
	height: 180px;
	/* width: 350px; */
	overflow: auto;
	border: 2px solid #CFB69B;
	background-color: #FFFFDC;
	padding: 1em;
}

div.FGPscroll {
	height: 250px;
	/* width: 350px; */
	overflow: auto;
	border: 2px solid #CFB69B;
	background-color: #FFFFDC;
	padding: 1em;
}

div.RulesScroll {
	height: 780px;
	/* width: 350px; */
	overflow: auto;
	border: 1px solid #DCB8DC;
	/* background-color: #FFFFDC;  */
	padding: 0.5em;
}


/* End Scroll */

/* End of CSS */