body {
text-align:center;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
background-color:#A9BAC3;
}    


div#outerContainer {
width:680px;
margin-left:auto;
margin-right:auto;
text-align:left;
border:1px solid #fff;
background-color:#fff;
}

div#header{
background-image:url(images/background4.jpg);
background-position:top;
background-repeat:repeat-x;
height:110px;
}

div#header img{
padding:20px 10px;
}
      

div#stripe{
background-color:#FFF;
color:#990000;
height:40px;

padding:10px;
border-bottom:1px solid #efefef;
}

/*/////////////////////////// the footer /////////////////////////////////////////*/   
div#footer {
clear:both;
background-color:#efefef;
height:40px;
padding-top:15px;
padding-left:10px;
border-top:1px solid #A9BAC3;
}

div#footer img{
border:none;
}

div#footer a{
text-align:right;
margin:3px 7px;
color:#000;
}

div#footer a:hover{
color:#000;
background-color:#ccc;
}
/*/////////////////////////// the cheeky bit /////////////////////////////////////////*/   

#cheeky{
text-align:right;
margin-left:425px;
}

#cheeky a{
color:#A9BAC3;
background-color:#A9BAC3;
}

#cheeky a:hover{
color:#A9BAC3;
background-color:#A9BAC3;
}

/*/////////////////////////// the middle bits /////////////////////////////////////////*/    

h1{
font-size:large;
font-weight:lighter;
margin-top:5px;
}


h3{
background-image:url(images/orange_stripe.gif);
background-position:left;
background-repeat:repeat-y;
color:#000;
background-color:#fff;
padding-left:30px;
border-top:1px solid #f60;
border-bottom:1px solid #f60;
font-size:small;
padding-left:30px;
}

a{
color:#f90;
text-decoration:underline;
}

a:hover{
color:#000;
}

div#left .top {
text-align:right;
color:#f90;
margin-left:5px;
}

div#left {
float:left;
width:400px;
padding:10px;
color:#000;
text-align:justify;
padding:20px 10px;
background-color:#fff;
}  
  
p{
font-size:small;
padding-top:10px;
margin-left:5px;
color:#3B3B3B;
line-height:1.4em;
}     

div#left img{
border:solid #ccc 1px ;
padding:5px;
background-color:#fff;
}      

#quote{
margin: 10px;
background-color:#fff;
padding-bottom:20px;
text-align:left;
}

h4{
font-size: small;
color:#226CDD;
padding:8px;
}

#quote img{
float:left;
padding:10px;
border:none;
border:1px solid #e7e7e7;
margin:0 10px 10px 0;
}

/*/////////////////////////// thumbnail styles for images /////////////////////////////////////////*/     
div.picbox {
padding-left:10px;
}

div.float {
float: left;
padding:5px;
}
  
div.float p {
text-align: center;
padding-left:0;
}

div.float img {
border:1px solid #e7e7e7;
padding:10px;
}

div.spacer {
clear: both;
}

/*/////////////////////////// the vertical navigation /////////////////////////////////////////*/     

div#right {
float:right;
width:190px;
padding:20px 10px;
background-color:#fff;
}


div#right h3 {
background-image:url(images/orange_stripe.gif);
background-position:left;
background-repeat:repeat-y;
color:#000;
background-color:#fff;
padding-left:30px;
border-top:1px solid #f60;
border-bottom:1px solid #f60;
font-size:small;
padding-left:30px;
}

#right li{
list-style-image:url(images/square_arrow.gif);
text-indent:-5px;
color:#fff;
}


#right li a{
text-decoration:none;
}

.mainnav {
list-style: none;
}
		
.mainnav li {
line-height:1.3;
}

.mainnav li a {
text-decoration: none;
list-style-image:url(images/square_arrow.gif);
color:#000;
padding: 0px 0px 8px 5px;
font-size:small;
}

.mainnav li a:hover {
color:#f60;
list-style-image:url(images/square_arrow.gif);
padding: 0px 0px 8px 5px;
}

/*/////////////////////horizontal navigation////////////////////////////*/

#navcontainer{
font-size:small;
background-image:url(images/navbar3.jpg);
background-repeat:repeat-x;
height:45px;
border-top: 1px solid #ccc;
}

#navlist{
margin: 0;
padding: 10px;

}

#navlist ul, #navlist li{
margin: 0;
padding: 0;
display:inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
margin: 0 10px 6px 10px;
text-decoration: none;
color: #fff;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{
background: transparent;
color: #fff;
}

#navlist a:hover { 
color: #000; 
}

