h1 {color: navy; text-align: center; font-size: 100%;}
h2 {text-align: left; color: navy; font-size: 140%;}
h3 {text-align: center; font-size: 140%; color: red;}
h4 {text-align: left; font-size:  140%; color: red;}
h5 {text-align: left; font-size: 100%; color: navy; page-break-before: always;}
h6 {text-align: center; font-size: 100%; color: red;}

p
{
font-family:"comic sans ms", arial, times, helvetica, sans-serif;
margin-left: 0cm;
text-align: left;
line-height: 120%;
}

p.indent {font-family: "comic sans ms", arial, times, helvetica, sans-serif; margin-left:1cm;}
p.right {font-family:"comic sans ms", arial, times, helvetica, sans-serif; text-align: right;}

hr {color: navy;}

/* ----------- normal links-------------------*/
 a:link { color: navy}
 a:visited { color: navy}
 a:hover {background-color: blue}
 a:hover { color: white}

body {
	font-family: arial, times, helvetica, sans-serif;
	width: 100%;
	color: red;
	background-color:white;
	background-image: url(../miscell/background2.jpg);
	background-attachment:fixed;
	margin-left: 0cm;
	margin-right: 0cm;
	margin-top: 0cm;
	font-size: 100%;
	padding: 0cm;
 }

#div {
 margin-left: 0cm;
 padding: 0cm;
}

 .lisa {
 font-family: "comic sans ms", arial,times, helvetica, sans-serif;
 color: navy;
 }

.colour {
 color: red;
 }

.small {
font-size: 70%;
}

.bold {
font-weight: bold;
}

#header {
	 float: left;
	 Font-size: 180%;
	 width: 100%;
	 margin-left: 0cm;
	 margin-right: 0cm;
	 color: #FFFFFF;
	 background-color:transparent;
	 border-bottom: 2px solid navy;
	 padding: 0cm;
}

#menu 
{
	 float: left;
	 width: 13%;
	 font-family:  times, helvetica, sans-serif;
	 font-weight: bolder;
	 font-size: 85%;
	 margin: 0cm 0cm 0cm 0cm;
	 background-color: transparent;
	 line-height: 150%;
	 border-right: 2px solid navy;
	 text-align: left;
}

ul
{
list-style: none;
padding: 0cm;
margin-left: 2%;
}

#menu li a:link, #menu li a:visited
{
display: block;
color: red;
text-decoration: none;
}

.photo {
float: left;
width: 220px;
margin: 10px 10px 20px 30px;
display: inline;
}

.clear {
clear: left;
}

.main {
	 font-size: 85%;
	 font-weight: bolder;
	 float: right;
	 width: 83%;
	 margin-right: 1%;
	 margin-left: 0cm;
	 margin-top: 0cm;
	 background-color: transparent;
	 color: navy;
	 padding: 0cm;
}


.col-1 {
   float: left;
   width: 49%;
   font-size: 100%;
   color: navy;
   background-color: transparent;
   margin-left: 0cm;
   margin-right: 0cm;
   padding: 0cm;
 }

.col-2 {
        float: right;
		font-size: 100%;
        width: 49%;
 		background-color: transparent;
        margin-left: 0cm;
        margin-right: 0cm;
        padding: 0cm;
        }
        
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}        

#footer {
 text-align: center;
 font-size: 90%;
 float: left;
 width: 100%;
 margin-right: 0cm;
 margin-left: 0cm;
 background-color: transparent;
 color: red;
 padding: 0cm;
}

* {
margin: 0cm;
padding: 0cm;
}

#nav {
	list-style: none;
}

#nav li {
	float: none;
	margin-left: 0.5cm;
}

#nav li:hover ul {
	display: block;
}

#nav a:link, #nav a:visited {
	color: navy;
	background-color: transparent;
}

#nav ul {
	display: none;
}

#nav li a:hover, #nav ul li a:hover {
	background-color: white;
}

#nav ul li {
	float: none;
	display: block;
}

#nav ul a:link, #nav ul a:visited  {
	color: navy;
	background-color: transparent;
}