/* colours blue - used for who, photo */  

body {background-color:#6255DB;} 

a:link {color:#000;}

a:visited {color:#0033FF;}

a:hover {color:yellow; background-color:#000ACC;}

a:active {color:#CC0000;}

/* for keyboard tab use to highlight links - tried leaving in main, but needs rule for each menu section too */
a:focus {
	color:white;
	background-color:black;
}

/* the page main area */
#container { 
     	background-color:#E5E6FF;
	color:#000080;
	border:2px #0000C0 solid;
	border-radius:0.5em;
}

hr {color:#0000C0; background-color:#0000C0;}

.day {border-top:2px solid #0000C0;}

#navcontainer ul li {
	background-color:#B1B3FF;
	border:1px solid #0000C0;
	border-radius:0.25em;
}

#navcontainer ul li a:hover {background-color:#000ACC; border-radius:0.25em;}

#navcontainer ul li a:focus {color:white;	background-color:black;}

#footer {border-top:2px solid #0000C0;}

#navigation ul li a {
	background-color:#B1B3FF;
	border:1px solid #0000C0;
	border-radius:0.25em;
}

#navigation ul li a:hover {background-color:#000ACC;}
#navigation ul li a:focus {color:white; background-color:black;}

img {border:1px solid #0000C0;}


td {border: 1px solid #0000C0;}
td.top {border-bottom:2px solid #0000C0;}
td.side {border-right:2px solid #0000C0;}
td.mt {border:0;}


input[type=text], select {
    border: 1px solid #0000C0;
}

textarea {
    border: 1px solid #0000C0;
}

input[type=submit], input[type=reset] {
    background-color:#B1B3FF;
    border: solid 1px #0000C0;
    color: #000080;
}
	
