body {

background-color: #DEB887} /*burlywood*/

#container { 
	width:800px; 
	border:2px solid #A0522D; 
	margin:auto;
	background-image:url('rose.jpg');

}


.tempixpadder { 
	padding: 30px

}


a:link {
    color: #A0522D } /*Sienna*/
a:visited {
    color: #CD5C5C } /"indian red*/
a:hover { 
    color: #FFFFFF }  /* when mouse is over link */
a:plain { 
    text-decoration: none } /* no underline on links */


.style1 {
font-family: "Edwardian Script ITC","Times New Roman", Times, Serif;
font-size: 5em;
color: #A0522D }

.style8 {
font-family: "Comic Sans MS","Times New Roman", Times, Serif;
font-size: 0.8em;
float: right;
font-weight: bold;
color: #A0522D; 
}



.style2 {
font-family: "Comic Sans MS","Times New Roman", Times, Serif;
font-size: 1.3em;
color: #696969 }

.style3 {
font-family: "Comic Sans MS","Times New Roman", Times, Serif;
font-size: 0.8em;
color: #696969 }

.style4 {
font-family: "Comic Sans MS","Times New Roman", Times, Serif;
font-size: 1.3em;
color: #696969 }

.style5 {
font-family: "Comic Sans MS","Times New Roman", Times, Serif;
font-size: 0.8em;
float: left;
color: #A0522D }


.style6 {
font-family: "Comic Sans MS","Times New Roman", Times, Serif;
font-size: 0.7em;
color: #696969 }


.style7 {
font-family: "Comic Sans MS","Times New Roman", Times, Serif;
font-size: 0.9em;
color: #696969 }


#navcontainer ul
{
padding-center: 0;
margin-center: 0;
background-color: #c71585;
color: White;
float: center;
width: 95%;
font-family: arial, times new roman, sans-serif;
font-size: 0.8em;

}

#navcontainer ul li { display: inline; }


#navcontainer ul li a
{
padding: 0.8em 0.8em;
background-color: #c0c0c0;
color: #c71585;
font-weight: bold;
text-decoration: none;
float: left;
border-right: 5px solid #ffffff;

}

#navcontainer ul li a:hover
{
background-color: #ffb6c1;
color: #fff;
}

/* left hand list */

ul.list {
list-style-type: none;
padding: 0;
font-size: 1.2em;
text-align: left;
margin: 0;
float: center;
top: 5em;
left: 5em;
width: 12em 
}


ul.list li {
margin: 0.5em;
padding: 0.1em;
border: none;

}

ul.list a {
text-decoration: none }



div.box {
float: left;
width: 15%;
border: none;
margin: 0.4em;
padding: 0.4em;


}

div.box p {
text-align: left;
font-family: "Comic Sans MS";
font-size: 1em;
font-weight: bold;
color: #696969;
text-indent: 0.2em;
}


div.box2 {
float: center;
width: 100%;
border: none;
margin: 0.1em;;

}

div.box2 p {
text-align: center;
font-family: "Arial";
text-decoration: none;
color: #696969;
text-indent: 0;
}



div.box3 {
float: right;
width: 11%;
border: none;
margin: 0.1em;
padding: 0.1em;
background: ffffe0;

}

div.box3 p {
text-align: center;
font-family: "Comic Sans MS";
font-size: 0.5em;
color: #6495ed;
text-indent: 0;
}


div.box4 {
float: center;
width: 40%;
border: thin indigo solid;
margin: 0.5em;
padding: 0.5em;

}

div.box4 p {
text-align: center;
font-family: times;
font-style: italic;
font-size: 1em;
color: #A0522D;
text-indent: 0;
}

div.box5 {
float: center;
width: 100%;
border: none;
margin: 0.5em;
padding: 0.2em;

}

div.box5 p {
text-align: center;
font-family: "Comic Sans MS";
font-size: 0.8em;
text-decoration: none;
color: #c71585;
text-indent: 0;
}


ul.square {
list-style-type: square ;
font-size: 1.2em;
float: center;
color: #A0522D }


ul.square2 {
list-style-type: square ;
font-size: 0.8em;
float: center;
color: #A0522D }







