body {
    font-size: 11pt;
    font-family: Segoe UI;
    color: #333333;
}

.entirePage
{

}
.topLogo
{
    
    width: 300px;
    height: 45px;
    padding: 0px;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index:1;
}
.topRightImage
{
    background-image: url('/images/TopRight.png');
    background-repeat: no-repeat;
    width: 500px;
    height: 90px;
    padding: 0px;
    top: 0px;
    right: 0px;
    position: absolute;
    z-index: -1;
}
.bottomLeftImage
{
    background-image: url('/images/BottomLeft.png');
    background-repeat: no-repeat;
    width: 100px;
    height: 392px;
    padding: 0px;
    bottom: 0px;
    left: 0px;
    position: fixed;
    z-index: -1;
}
.mainContent
{
    top: 130px;
    left: 0px;
    width:900px;
    margin-bottom:40px;
    position: absolute;
    padding: 20px 0px 20px 0px;
    border-style: solid;
    border-color: #cacaca;
    border-width: 0px 1px 0px 0px;
    min-height:600px;
}
.mainContent p
{
    margin-left:auto;
    margin-right:auto;
    width: 80%;
}
.mainContent ul
{
    margin-left:auto;
    margin-right:auto;
    width: 78%;
}
.mainContent ol
{
    margin-left:auto;
    margin-right:auto;
    width: 74%;
}
.mainContentStaff
{
    top: 140px;
    left: 0px;
    width:849px;
    margin-bottom:40px;
    position: absolute;
    padding: 10px 0px 20px 0px;
    border-style: solid;
    border-color: #cacaca;
    border-width: 0px 1px 0px 1px;
    min-height:500px;
}
.mainContentStaff p
{
    margin-left:auto;
    margin-right:auto;
    width: 80%;
}
.mainContentStaff ul
{
    margin-left:auto;
    margin-right:auto;
    width: 80%;
}
.topMenu
{
    position: absolute;
    top: 120px;
    left: 370px;
    text-align: left;
    font-family: Segoe UI Light;
    font-size: 13pt;
    text-align:left;
    padding: 0px;
    width:600px;
    z-index:2;
    padding-left:0px;
    margin-left:0px;
}
.topMenu td
{
    padding:0px 7px 0px 0px;
    margin:0px;
}
.topMenu a
{
    color: #777777 !important;
    
}
.topMenu a:hover
{
    color: #3789c9 !important;
    text-decoration: none !important;
}
.topMenuStaff
{
    position: absolute;
    top: 101px;
    left: 355px;
    text-align: left;
    font-family: Segoe UI Light;
    font-size: 13pt;
    text-align:left;
    padding: 0px;
    width:600px;
    z-index:2;
}
.topMenuStaff ul
{
    white-space:nowrap;
    list-style-type: none;
}  
.topMenuStaff li
{
    display:inline;
}   
.topMenuStaff a
{
    color: #777777 !important;
    display:block;
    padding-right:20px;
    float:left;
}
.topMenuStaff a:hover
{
    color: #3789c9 !important;
    text-decoration: none !important;
}
.leftMenu
{
    position: absolute;
    width: 160px;
    top: 120px;
    left: 30px;
    text-align: left;
    font-family: Segoe UI Light;
    font-size: x-large;
    visibility:hidden;
}
.leftMenu a
{
    color: #777777 !important;
}
.leftMenu a:hover
{
    color: #3789c9 !important;
    text-decoration: none !important;
}
.pageHeading
{
    right: 150px;
    top: 100px;
    position: absolute;
    left: 200px;
}
a:link {
	color: #0066CC;
	text-decoration: none;
}
a:visited {
	color: #0066CC;
	text-decoration: none;
}
a:hover {
	color: #0099FF;
	text-decoration: underline;
}
a:active {
	color: #0066CC;
	text-decoration: underline;
}
table {
    border-collapse: separate;
}
.contentFooter
{
    position:absolute;
    bottom:-50px;
    width: 100%;
    padding: 2px;
    text-align:center;
    padding-bottom:20px;
}
.contentFooterStaff
{
    position:absolute;
    bottom:-50px;
    width: 100%;
    padding: 2px;
    text-align:center;
    padding-bottom:20px;
}
h1
{
    font-size: 36pt;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 10px;
    font-family: Segoe UI Light;
    color: #3789c9;
    width:95%;
    margin-left:auto;
    margin-right: auto;
}
h2
{
    font-size: 24pt;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 10px;
    font-family: Segoe UI Light;
    color: #3789c9;
    width:92%;
    margin-left:auto;
    margin-right: auto;
}
.topRightMenu
{
    position: absolute;
    right: 150px;
    top: 40px;
}
.greyText
{
    color: #808080 !important; 
}
.contentBox
{
    width:180px;
    height:220px;
    border-style: solid;
    border-color: #cacaca;
    border-width:4px;
    padding-top: 0px;
    position: relative;
}
.contentBox h2
{
    background-color: #cacaca;
    margin-top:0px;
    padding-top: 5px;
    padding-bottom: 5px;
    width:100% !important;
    font-size: 22pt;
}
.boxLink
{
    width:180px;
    display: block;
    float: left;
    
}
.boxLink:hover h2
{
    background-color: #3789c9 !important;
    color: #FFFFFF;
}
.boxLink:hover div
{
    border-color: #3789c9 !important;
}
.boxLink:hover
{
    text-decoration: none;
    color: #333333;
}
.boxLink
{
    color: #333333 !important;
}
.topMenuRightCorner
{
    background-image: url('/images/topMenuRightCorner.png');
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 10px;
    height:10px;
}
.topMenuLeftCorner
{
    background-image: url('/images/topMenuLeftCorner.png');
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 10px;
    height:10px;
}
.boxMore
{
    background-position: right; 
    width: 90%; 
    height: 35px; 
    margin-left: auto; 
    
    background-repeat: no-repeat; 
    margin-right: 0px;
    padding-top: 10px; 
    color: #3789c9 !important; 
    position: absolute; 
    bottom: 0px; 
    right: 0px; 
    left: 15px;
}
.rightColumn
{
    position: absolute;
    width:210px;
    left: 910px;
    top: 130px;
}
.rightColumnStaff
{
    position: absolute;
    width:210px;
    left: 860px;
    top: 150px;
    font-size: small;
}
.stackTableRO 
{
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    width:90%;
}
.stackTableRO th
{
    
    text-align:left;
    padding-top: 5px;
    background-color:transparent;
    padding:2px 0px 0px 0px !important;
}
.stackTableRO td
{
    text-align:left;
    margin-left: 80px;
    background-color: #f9f8f8 !Important;
    border-color:#e2e2e2;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    margin-top:0px;
    padding:0px !important;
}
.stackTableROtd
{
    text-align:left;
    background-color: #f9f8f8 !Important;
    border-color:#e2e2e2;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    margin-top:0px;
    padding:0px !important;
}
.stackTableEditable 
{
    margin-left:auto;
    margin-right:auto;
    width:90%;
    
}
.stackTableEditable th
{
    
    text-align:left;
    padding-top: 5px;
    background-color:transparent;
    padding:2px 0px 0px 0px !important;
    
}
.stackTableEditable td
{
    text-align:left;
    background-color:transparent;
    margin-left: 80px;
    margin-top:0px;
    padding:0px !important;
}
.formRO
{
    
    padding-top:20px;
    padding-bottom:20px;
    border:1px solid #CCCCCC;
    width:90%;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.formRO legend
{
    font-weight:bold;
}
.formRepetitive
{
    
    padding-top:20px;
    border:1px solid #CCCCCC;
    width:90%;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.formRepetitive legend
{
    font-weight:bold;
}
.formEditable
{
    border: 1px solid #CCCCCC;
	padding: 1.5em 1em;
	position: relative;
    background-image: url('/Images/gradientback.jpg');
    width: 90%;
    margin-left: auto;
    margin-right:auto;
}
.formEditable legend
{		
	font-weight:bold;
	position: absolute;
	top: -0.75em;  
}
.contentParagraphCentred
{
    width:90%;
    text-align:center;
}
.centred
{
    text-align:center;
}
.searchFilter
{
    margin-left:auto;
    margin-right:auto;
    width:90%;
    border-color:#CCCCCC;
    border-style:solid;
    border-width:1px;
}
.searchFilter th
{
    
    text-align:left;
    padding-top: 5px;
    background-color:transparent;
    padding:2px 0px 0px 0px !important;
    
}
.searchFilter td
{
    text-align:left;
    background-color:transparent;
    margin-top:0px;
    padding:0px !important;
}
.gridView{
    margin: auto;
    border-style: none;
    border-width: 0px;
    text-align: left;
}
.gridView table {
    margin: auto;
    border-style: none;
    border-width: 0px;
    text-align: left;
}
.gridView th {
    
    text-align: left;
}
.gridView td {
    background-color: #f9f8f8 !Important;
    border-color:#e2e2e2;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    margin-top:0px;
    padding:0px !important;
}
.errorMessage
{
    font-size:small;
    color: Red;
    font-weight:bold;   
}
.errorPanel
{
    color: #FF3300;
    text-align: left;
    background-color: #FFFFCC;
    border: 1px solid #FF3300;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
}
.successPanel
{
    border: thin solid #008000;
    background-color: #E4FFCA;
    font-weight: bold;
    color: #008000;
    margin-bottom: 10px;
    padding: 10px;
}
.informationPanel
{
    border: thin solid #333333;
    background-color: #F2F2F2;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
    padding: 10px;
}
.modalPopUp
{
    background-color: #FFFFFF;
    border: 3px solid #999999;
    padding: 20px;
    width: 700px;
    text-align: center;
    overflow: auto;
    max-height: 90%;
    padding: 20px 200px 20px 200px;
}
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.gridView
{
    font-size: small;
}
.searchFilter
{
    font-size: small;
}

.gridViewNews{
    margin: auto;
    border-style: none;
    border-width: 0px;
    text-align: center;
}
.gridViewNews a{
    color: #333333;
}
.gridViewNews a:hover{
    color: #333333;
}
.gridViewNews table {
    margin: auto;
    border-style: none;
    border-width: 0px;
    text-align: center;
}

.gridViewNews td {
    border-color:#CCCCCC;
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    margin-top:0px;
    padding:5px 0px 5px 0px !important;
}
.gridViewNews img
{
    border-color: #777777;
    border-width: 1px;
    border-style:solid;
}
.gridViewNewsLarge{
    margin: auto;
    border-style: none;
    border-width: 0px;
    text-align: center;
}
.gridViewNewsLarge a{
    color: #333333;
}
.gridViewNewsLarge a:hover{
    color: #333333;
}
.gridViewNewsLarge table {
    margin: auto;
    border-style: none;
    border-width: 0px;
    text-align: center;
}

.gridViewNewsLarge td {
    border-color:#CCCCCC;
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    margin-top:0px;
    
}
.gridViewNewsLarge img
{
    border-color: #777777;
    border-width: 1px;
    border-style:solid;
    margin-bottom:0px !important;
}
.staticMenuItem
{
   
}