* {
    margin: 0px;
padding:0px;
}

body {
	background: #FFF;
	font-family : arial, helvetica, sans-serif, verdana;
	font-size: 77%;
	color: #002868;
	margin:0px;
	padding:0px;
}


h1 {
	font-size: 1.2em;
}

img {
border: 0px;
}

input {
font-size: 1em;
}

contactusinput
{
	font: 13px Courier, Arial, Helvetica, sans-serif;
    color:black;
    background-color: white;
}

header {
    font-size: 135%;
    color: #002868;
    font-weight:bold;
    }
    

/* **** Style for the top title panel across the screen **** */


/* this one is for the default page which is a bit higher */
titlepaneldefault {
	position: relative;

	left:   0px;
	top:    0px;
    width:  800px; 
    height: 136px;

    font-size: 135%;
    color: #002868;

    background-color: #D7E1FF;
    border: 1px solid #0000FF;

	background-image : url(images/white_horse.gif);
	background-repeat : no-repeat;

    margin-left:4px;
    margin-right:4px;
    margin-bottom:4px;
    margin-top:4px;

    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 0px;
    padding-top: 2px;
}



titlepaneldefaultmainheading{

	font-family : arial, helvetica, sans-serif;
	font-size:140%;
    
    color: #000000;
    border: 0px solid #0000FF;
	
	text-align:right;
	font-weight:bold;
	position: relative;

	left:   10px;
	top:    20px;
    width:  570px; 
    height: 20px;

}

titlepaneldefaultsubheading{

    border: 0px;

	font-family : arial, helvetica, sans-serif;
	font-size:135%;

    color: #8B0000;
    border: 0px solid #0000FF;
    
	text-align:right;
	
	position: relative;
 
	left:   10px;
	top:    50px;
    width:  570px; 
    height: 20px;

}

titlepaneldefaultlinks {

    font-family : arial, helvetica, sans-serif;
	font-size:60%;
	position: absolute;

	left:   488px;
	top:    117px;
    width:  108px; 
    
}
/* picture to the right of the title panel */
titlepaneldefaultpicture {

    background-color: #D7E1FF;
    position: absolute;

    border: 0px solid #0000FF;

	left:   607px;
	top:    7px;
    width:  145px; 
    

}
/* **** Style for the left hand panel with all the site links **** */
sitelinks {
	position: absolute;

	left:   0px;
	top:    145px;
	
    width:  140px; 
    height: 513px;

    border: 1px solid #FF0303;

	font-family : arial, helvetica, sans-serif, verdana;

    margin-left:4px;
    margin-right:0px;
    margin-bottom:4px;
    margin-top:4px;

    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

sitelinkstitle {
    background-color: #FFECDE;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 7px;
    padding-right: 7px;
    color:#990400;
    font-weight: bold;

 }


sitelinksbody {
padding-top: 2px;
padding-left: 2px;
}

a.sitelinksbody:visited {
    text-decoration: none;
    color:#990400;
    font-weight: bold;
    }
    
a.sitelinksbody:active {
    text-decoration: none;
    color:#990400;
    font-weight: bold;
    }
    
a.sitelinksbody:link {
    text-decoration: none;
    color:#990400;
    font-weight: bold;
    }
    
a.sitelinksbody:hover {
	text-decoration: underline;
    color: #000000;
}


/* **** Style for the 2 panels at the bottom of the screen **** */
.infopaneltitle {
    background-color: #FFECDE;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    color:#990400;
    font-weight: bold;

  }


.infopanelbody {
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 0px;
    padding-top: 0px;
    color: #002868;
       
 }
 
.infopanelbodylink {
    text-align:right;
 }

.infopanelbodylink a {
    color:#990400;
	text-align:right;
 }
 
a.infopanelbodylink:visited {
    text-decoration: none;
    color:#990400;
    font-weight: bold;
    text-align:right;
    }
    
a.infopanelbodylink:active {
    text-decoration: none;
    color:#990400;
    font-weight: bold;
    text-align:right;
    }
    
a.infopanelbodylink:link {
    text-decoration: none;
    color:#990400;
    font-weight: bold;
    text-align:right;
    }
    
a.infopanelbodylink:hover {
	text-decoration: underline;
    color: #000000;
    text-align:right;
}

/*  specific styles for the left panel */
infopanelleft {
	position: absolute;
	left:151px;
	top:578px;
    
    width: 320px; 
    height: 80px;
    
    border: 1px solid #FF0303;

    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;

    margin-left:4px;
    margin-right:4px;
    margin-bottom:4px;
    margin-top:4px;
}


/*  specific styles for the right panel */
infopanelright {
	position: absolute;
	left:  482px;
	top:   578px;
	
    width: 319px; 
    height: 80px;

    border: 1px solid #FF0303;

    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;

    margin-left:4px;
    margin-right:4px;
    margin-bottom:4px;
    margin-top:4px;

}


/* **** Style for the main area of the screen, on the default page **** */
centralpanel {
	margin: 1px;
	padding: 3px;
	font-size:110%;
	color: #002868;
	font-weight: normal;

	line-height:25px;

	position: absolute;

	left:   155px;
	top:    149px;

	width:  647px; 
	height: 420px;

	border: 0px solid #000000;

    }

centralpanelimg{
	float:right;
	width:240px;
} 

a.centralpanel:visited {
    text-decoration: none;
    color:#990400;
    font-weight: bold;
    }
    
 
a.centralpanel:active {
    text-decoration: none;
    color:#990400;
    font-weight: bold;
    }
    
 
    
.centralpanel a:hover {
	text-decoration: underline;
    color: #000000;
}

/* style for the latest news panel in the centre of the default screen (programmatically populated) */
.latestnews {
	
	left:   0px;
	top:    0px;
	
    width:  647px; 
    height: 60px;

    border: 0px solid #FF0303;

	font-family : arial, helvetica, sans-serif, verdana;
}

/* **** Style for the main area of the screen, on pages other than the default page **** */
.mainpanel {
	font-size:100%;
	color: #002868;
    font-weight: normal;
	
	position: relative;

	left:   2px;
	top:    0px;

    width:  792px; 
   
    
    border: 0px solid #000000;

    margin-left:4px;
    margin-right:4px;
    margin-bottom:4px;
    margin-top:4px;

    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    
    left:   10px;

}


.width20 {width:20px;}
.width40 {width:40px;}
.width60 {width:60px;}
.width100 {width:100px;}
.width150 {width:150px;}
.width160 {width:160px;}
.width170 {width:170px;}
.width180 {width:180px;}
.width200 {width:200px;}
.width400 {width:400px;}
.width600 {width:600px;}
.width750 {width:750px;}

.Width280 {
	width:280px;
}
.Width220
{
	width:220px;
}
.Width120
{
	width:120px;
}

 
a.mainpanel:visited {
    text-decoration: none;
    color:#990400;
    font-weight: normal;
	font-size:100%;
    }
    
a.mainpanel:active {
    text-decoration: none;
    color:#990400;
    font-weight: normal;
	font-size:100%;
    }
    
    
.mainpanel a:hover {
	text-decoration: underline;
    color: #000000;
}


a:visited {
    text-decoration: underline;
    color: #002868;
    font-weight: bold;
    }
    
a:active {
    text-decoration: underline;
    color: #002868;
    font-weight: bold;
    }
    
a:link {
    text-decoration: underline;
    color: #002868;
    font-weight: bold;
    }
    
a:hover {
    color: #990400;
}



/* below are new styles added when migrating to dot net */
titlepanelmainheading{
	font-family : arial, helvetica, sans-serif;
	font-weight:bold;	
	position: relative;
	left:   200px;
	top:    10px;
    width:  600px; 
    height: 20px;
    font-size: 150%;
    color: #002868;
}

titlepanelsubheading{

	font-family : arial, helvetica, sans-serif;
	font-size:130%;

    color: #000000;
	
	position: relative;

	left:   200px;
	top:    30px;
    width:  600px; 
    height: 20px;
}

titlepanellinks {

	font-family : arial, helvetica, sans-serif;
	font-size:80%;
	position: absolute;

	left:   640px;
	top:    5px;
    width:  145px; 
    }
    
    /* this one is for pages other than the default which is not very high */
titlepanel {
	position: relative;

	left:   0px;
	top:    0px;
    width:  790px; 
    height: 90px;

    background-color: #D7E1FF;
    border: 1px solid #0000FF;

	background-image : url(images/white_horse.gif);
	background-repeat : no-repeat;

    margin-left:4px;
    margin-right:4px;
    margin-bottom:4px;
    margin-top:4px;

    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

footerpanel {
    position: relative;
	font-size:80%;
	color: #002868;
    font-weight: normal;
	  
    border: 0px ;

    margin-left:4px;
    margin-right:4px;
    margin-bottom:4px;
    margin-top:4px;
}

a.footerpanel:visited
{
	color:gray; 
	font-weight: normal;
	font-size:100%;
}

a.footerpanel:active
{
	color:gray; 
	font-weight: normal;
	font-size:100%;
}

a.footerpanel:link
{
	color:gray; 
	font-weight: normal;
	font-size:100%;
}

.footerstyle {
top:675px;
left:20px;
position:absolute;
}

.boldtext{
	font-weight: bold;
	}


.boldunderlinedtext{
	font-weight: bold;
	text-decoration: underline;
	}
	

.morelinkposition
{
	left:   334px;
	top:    160px;
	position:absolute;
	height: 11px;
}

.moreeventslinkposition
{
	left:   450px;
	position:relative;
	height: 11px;
}

.xhtmlvalidator
{
	position:absolute;
	
	height:31px;
	width:88px;
	top:-1px;
	left:700px;
}


.cssvalidator
{
	position:absolute;
	
	height:31px;
	width:88px;
	top:-1px;
	left:600px;
	
}

/* Ajax controls styles */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70); 
	opacity:0.7; 
}

.modalPopup {
	background-color:#FCFEC5;
	border-width:2px;
	border-style:solid;
	border-color:Black;
	padding:20px;
	width:350px;
}

/* watermark text */
.greyitalictext {
	font: 13px Arial, Helvetica, sans-serif;
    color:gray;
    font-style:italic;
}

/* validator text */
.validatorCalloutHighlight
{
    background-color:#FFFACD; /* #FFFACD  = lemon chiffon */
}