@charset "utf-8";
/* CSS Document */
body  
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 10px;
	text-align: center; /* this centres the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:black; /* this is the default body text colour */ 
	background-image:url(../_images/logo_images/bkgrnd_tile.jpg);  /* this sets the background color gradient for the whole unused part of the VDU screen */
}

.MasterPage #container { 
	width: 1000px;  /* this set size of full page*/
	background: #C1AD8A; /* this is the color of the main text box */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border:1px solid;/* this sets a margin round all the elements of the web page. Can be set to 0 (no margin) or higher px, any colour, and solid, dashed, etc.*/
	border-color:#000000; /* the colour of the margin */
	padding:10px; /* space between border and content */
	border-top-left-radius:2em; /* give the border curved corners */
	border-top-right-radius:2em; /* give the border curved corners */
	box-shadow: 10px 10px 5px #333333;
	-webkit-border-top-left-radius:2em; /* for compatability with Safari */
	-webkit-border-top-right-radius:2em; /* for compatability with Safari */
    text-align: left; /* this overrides the text-align: center on the body element. See text-align under body above. */
	border-top-left-radius:25pt
} 

.MasterPage #header { 
	background-image: url(../_images/logo_images/bkgrnd_tile_small.png);/* sets the background tiling to the header box */
	height:150px; /* sets the height of the header box */
	border:1px solid;
	padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-top-left-radius:2em; /* this sets a margin round all the elements of the web page. Can be set to 0 (no margin) or higher px, any colour, and solid, dashed, etc.*/
	border-top-right-radius:2em;
} 

.MasterPage  #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color:#FFFFFF;
	font-size:30px
}

.MasterPage  #header h2 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color:#FFFFFF;
	font-size:18px
}

.MasterPage  #sidebar1 {
	float: left; /* this box will float on top of the main content box displacing text in that to the right of it but only as far as the lower edge of it. Below that point text will extend right across page*/
	width: 175px; /* since this element is floated, a width must be given */
	background: #C1AD8A; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 0; /* top and bottom padding create visual space within this div */
	border:thin
	border:#660000
}

.MasterPage  #topmenu {
	float:left; /* this box will float on top of the main content box displacing text in that to the right of it but only as far as the lower edge of it. Below that point text will extend right across page*/
	width: 1000px; /* since this element is floated, a width must be given */
	background: #C1AD8A; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 0;
}

.MasterPage  #sidebar1 h3, .MasterPage #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
	color:#330000
}
.centreText
{
		text.align:centre
}
p.padding1 {
	padding-left:180px
}
p.padding2 {
	padding-right:320
}
h6.copyright 
{
	font-family:"Times New Roman", Times, serif
	font:25%;
	color:#333333;
	text-align:center;
}

h4.header 
{
	font-family:"Times New Roman", Times, serif
	font:25%;
	color:#333333;
	text-align:center;
}

.navText 
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-decoration: none;
	display: block;
	padding-left: 8px;
	padding-right: 8 px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 120px;
	text-align: left;
	font-weight: bold;
	color: #330000;
}
.navText2 
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-decoration: none;
	display: block;
	padding-left: 8px;
	padding-right: 8 px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 120px;
	text-align: centre;
	font-weight: bold;
	color: #330000;
}
.navText3 
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-decoration: none;
	display: block;
	padding-left: 8px;
	padding-right: 8 px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 120px;
	text-align: right;
	font-weight: bold;
	color: #330000;
}	
.navTexthoriz {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	letter-spacing:0.1em;
	text-decoration: none;
	padding-left: 8px;
	padding-right:8 px;
	padding-top:16px;
	padding-bottom:8px;
	width:120px;
	text-align:center;
	font-weight: bold;
}	

a:link {
	color: #330000;




a:text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
a:visited {
color:#663300;
}
a:hover {
color:#660000;
}
a:active {
color:#663333;
}  
img.floatleft {
	float:left
}
.left { align: left; }
.right {align:right; }

/* Image alignement code */


/**containers**/
 
.floatLeft {
 float: left;
 width: 25%;
 height:auto;
 border: thin silver solid;
 margin: 0.5em;
 padding: 0.5em;}
 
.floatRight {
 float: right;
 width: 25%;
 height:auto;
 border: thin silver solid;
 margin: 0.5em;
 padding: 0.5em;}
 
/**captions**/ 

.floatRight p, .floatLeft p {
 text-align: center;
 font-style: italic;
 font-size: smaller;
 text-indent: 0;}
 
/**optional border around images**/
 
.floatRight img, .floatLeft img {
 border:1px solid #000}
 
/**to clear floats after they are not needed**/ 

.clearIt {
 clear:both;
 height:1px;
 display:block;}