/* Layout Stylesheet */ 

body {
 margin:20px;
 background: #BBBBBB;
 color: #333333;
 text-align:center;
 padding:0;
 }

#outer {
 text-align:left;
 width:740px;
 margin:auto;
 }

/* banners */
#hdr {
background-image: url(images/HeadGradient.jpg);
background-repeat:repeat-x;
height: 5em;
background-color: #003366; 
color:#FFFFFF;
font-size: 1.5em;
width: 740px;
 }
 
#hdr .right {
text-align: right;
font-style: italic;
margin-top: -5em;
}

/* picture banners */
#bar {

background-image: url(images/introphoto-3.jpg); /* index and contact us */
background-repeat:no-repeat;
height: 250px;
 }
#bar_1 {
background-image: url(images/introphoto.jpg);
background-repeat:no-repeat;
height: 250px;
 }
 
#bar_2 {
background-image:url(images/introphoto-2.jpg);
background-repeat:no-repeat;
height: 250px;
 }
#bar_3 {
background-image:url(images/introphoto-4.jpg);
background-repeat:no-repeat;
height: 250px;
 }
 
#bar_4 {
background-image: url(images/introphoto-5.jpg);

background-repeat:no-repeat;
height: 250px;
 }
 
 
/* end banners */

#bodyblock {
 position:relative;
 background: #ffffff;
 color: #333333;
 width:740px;
 padding:0;
  }
 
/* navigation */
#navcontainer {
width: 145px;
float: left;
}
#navigation {

font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.75em;
text-align:left;
border-bottom: 50px;
background:#ffffff;
 color: #999999;
 width:135px;
 padding-top: 3em;
 }
 
 #navigation li{
 list-style: none;
 margin-left: -30px;
 }
 
#navigation a{

display: block; /* to increase clickable area as a's default to inline */
color: #666;
text-decoration: none;
line-height: 22px; 
border-bottom: 1px dotted #ccc;
}

#navigation a:hover{
color: #fff;
background-color: #003366;
}

#nav li{
margin: 0;
padding: 0;
float: left; /*This correct the */
width: 100%; /* ie whitespace bug */
}



#pic {
padding-top: 1em;
}


/* Left Navigation Images*/
.leftnavesquareimg{
margin-top: 10px;
margin-bottom: 0px;
margin-left: 10px;
border: 1px solid #999999;
padding: 4px 4px 20px 4px;	
}

/* Left Navigation Images End*/
/*navigation end */
#cont {
font-size: 1em;
line-height: 1.8em;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 545px;
 background:#ffffff;
 color: #333333;
 padding-left: 10px;
 padding-right: 10px;
 text-align: left;
 }

#cont li {
list-style:none;
}
#cont a{
color: #003366;
font-weight: bold;
text-decoration: none;
}

#cent {             		/*Force items to centre in the layout*/
		text-align: center;
		}
		
 
 #ftr {
 background-image: url(images/footerGradient.jpg);
 font-size: .75em;
background-repeat:repeat-x;
height: 60px;
width: 740px;
padding-top: 1.5em;
color:#FFFFFF;
}
#ftr a{
color:#FFFFFF;
text-decoration: none;

}

table {
border-color: #003366;
} 

td {
border-color: #003366;
} 

th {
border-color: #003366;
}