/* This style sheet was written by Nadia Perre and distributed  with the BA Red Template */

/* WE STONGLY RECOMMEND THAT YOU OPEN THIS STYLE SHEET TOGETHER WITH THE HTML FILE TO GET A BETTER UNDERSTANDING OF HOW THE CSS CONTROLS THE LAYOUT*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6{  /* set everything to zero for a good  
starting point.  This way, you can avoid certain issues.  You add padding and margins to specific elements themselves*/

margin: 0; /* sets the margins to zero on the body */
padding: 0; /* sets the padding to zero on the body */
border: 0; /* deletes any borders */	
}

body {
	background-color: #FFF; /*sets the body background colour  */
	background-image: url(../images/background.gif); /*body background image */
	background-position: center; /*centres the background image */
	color: #333; /*default font colour on page*/
	font-family: Arial, Helvetica, sans-serif; /*default font on page*/
	font-size: 101%; /*default font size  set to 101% */
	margin: 0 auto;
	min-width: 770px;/*minimum width anything under you get scroll bars this prevents our page becoming smaller than the wrapper */
	padding: 0; /*padding set to zero */
	text-align: center; /* IE to make sure the layout is centred*/
	}
	
#wrapper {
background-color: #FFF; /*sets the background colour of our wrapper div to white */
background-image: url(../images/wrapper-background.gif); 
background-repeat: repeat-y;   /*sets the background image for the wrapper div, this creates the illusion of a column */
	margin: 0 auto;/* sets the wrapper margins to zero */
	padding: 0;/* sets the wrapper padding to zero */
	text-align: left; /* aligns the text to the left, see also the IE hack in the body where we align the text centre */
	width: 740px;/* sets the wrapper width */
	border: 2px solid black;
}

#logo {
	height: 14px;/*sets the height of the logo div*/
	background-image: url(../images/topnavback.gif);/*the background image of the logo div*/
}

#topnav {
         width: 742px;/*sets the width for our top nav bar div*/
}




#leftlogo {
	background-image: url(../images/LES_header.jpg);     /*the background image for the leftlogo div*/
	float: left;                                  /*positions the div to the left*/
	height:  177px;        /* the height of our background image*/
	width: 740px;  /* the width which is also the same as our background image*/
	margin-top: 0px;  
	background-repeat: no-repeat;   /*no repeat for our background image*/
}

#content {
	width: 740px;/* the content div is the same as our wrapper div and inside the content div we have placed the nav div and the contentright div*/
	clear: both; /* this is a clearer ; ensures the content is  placed below the logoleft and logoright divs*/
}

#content .contentright {
float: right;
	padding: 16px 15px 10px 15px;
	width: 480px;
	line-height: 1.2;
}

 #content .contentright p {
	font-size: .9em;
	margin-bottom: 1em;
}

 #content .contentright H1 {
 	color: #777380;
	font-size: 1.0em;
	margin-top:8px;
margin-bottom: 8px;
	border-bottom: 1px dotted #333; /*places a solid border under the H1*/
 }
  #content .contentright H2 {
 	color: #777380;
	font-size: .95em;
	margin-top:6px;
margin-bottom: 6px;
	border-bottom: 1px dotted #333;   /*places a solid border under the H2*/
 }
 #content .pspecial  {
	color: #333;           /*font colour for the cert para*/
	font-size: 60%;         /* font size*/
     }

#nav {
float: left;
padding-top: 18px;/*IE hack to ensure our nav lines into position*/
    padd\ing-top: 22px;  /*this and the following position the Nav in accordance with the wrapper background and also creates the appearence of a column*/
	padding-left:10px;  /*sets the right to 10 pixels as to position the nav in accordance with the wrapper background*/
	margin-right: 3px;
	ma\rgin-right: 0;    /*fixes the nav alignment to the bg in IE5.5*/
	width: 156px;   /*ensures the content is  placed below the logoleft divs*/
}

#bottomaddress {
	padding-top: 18px;
}

#footer {
	color: #777380;           /*font colour for the footer div*/
	font-size: 80%;         /* font size*/
	text-align: center;      /*aligns the text centre*/
	width: 500px;           /*width of the footer div*/
	padding: 10px;          
	border-top: 1px dotted black;
	margin-left: 214px;
 }
 #footaddy {
	 text-align: left;
 }
 .floatleft { float: left;
 margin: 0 10px 10px 0;
}
#footnote {
	font-size: smaller;}

h1 {
	font-size: 115%;
	color: #777380;
}
h2 {
	font-size: 111%;
	#777380;
	margin: 10px, 0, 10px, 0;
}
h1.footnote a {
	color: Gray;
	font-size: x-small;
}

/*link styles*/
a:link{
	color: #898A48;
	text-decoration: underline;/*removes the underline*/
}
a:visited{
	color: #898A48;
}
a:hover{
	color: #333;
}
a:active{
	color: #333;
}

/* FORM STYLES */
form {
width: 450px;
margin-top: 25px;
}

fieldset{
	padding:10px;
	border:1px solid #003366;
	margin-bottom:15px;
width: 460px;
}

.textarea2{
background-color:#F0F0FF;
background-image: none;
border: 1px solid #006666;
margin: 4px;
padding: 6px;
}
/*styles the input fields*/

input,textarea{
background-color: #F9F9FF;
border: 1px solid #696A77;
margin: 4px;
}

label{
	color:#666666;
	font-weight: bold;
	font-size: 80%;
}
legend{
padding:10px;            /*gives a bit of padding between the border and the test*/
color:#000066;

}
.submitbutton {
	border: 1px solid #003366;
	background-color: #707481;
	color: white;
}
#textarea:focus, input:focus, select:focus {
	background-color: #E6E6E6;
	color: #464545;}

/*end of form styles */
#wrapper #content .contentright p strong {
	color: #009;
}