/*
This design was created to be very simple and easy to edit for beginners. This is achieved by comments spread throughout the HTML file and the CSS that indicate where different parts of the design's code are located. If you have any questions, email me at toxicityj@gmail.com or head over to http://www.zilladesigns.net 
*/


#skip {
	position: absolute;
	left: -9999px;
	}

/*BODY*/
/*Colour background, then left and headings*/
/*Main font*/
body {
	background-color:#white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#314C2F;
	}

/*Colour links*/	
a {
	color:#204945;
	text-decoration:none;
	}
	
/*Colour change of colour for links hover*/
a:hover {
	color:#7D0A17;
	}

/*CONTAINER STYLES*/

#main {
	width:800px;
	margin:auto;
	background-color:#FFCCFF;
	}
	
#header, #header1, #header2, #header3, #header4, #header5, #header6, #header7 {
	width:100%;
	height:400px;
	margin-top: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align:right;
	}

#header {
	background-image: url(images/header.jpg);
	}

#header1 {
	background-image: url(images/header1.jpg);
	}

#header2 {
	background-image: url(images/header-a.jpg);
	}

#header3 {
	background-image: url(images/header-b.jpg);
	}

#header4 {
	background-image: url(images/header4.jpg);
	}

#header5 {
	background-image: url(images/header5.jpg);
	}

#header6 {
	background-image: url(images/header6.jpg);
	}

#header7 {
	background-image: url(images/header-c.jpg);
	}

#border {	
	width:800px;
	height:49px;
	margin:0px 0px 0px 0px;
	background-image: url(images/roseborder.jpg);
	}

#left {
	width:248px;
	float:left;
	background-color:#FFCCFF;
	}
	
#right {
	width:544px;
	float:right;
	border-top: 0px;
	background-color:#FFCCFF;
	}

#full	{
	width:796px;
	margin:0px 0px 0px 0px;
	padding-bottom: 5px;
	background-color:#FFCCFF;
	}



/*TEXT STYLES*/

h1 {
	color: #204945;
	font-size:25px;
	padding-right:5px;
	margin-top:5px;
	text-align: center;
	}
	
h2 {
	color: #204945;
	font-size:18px;
	padding-left:13px;
	margin-top: 10px;
	margin-bottom: 8px
	}
	
h3 {
	color: #204945;
	font-size:16px;
	padding-left:13px;
	margin-top: 5px;
	margin-bottom: 0px;
	}

p {
	margin:2px 0 0 5px;
	}

table {
	margin-left: 25px;
	margin-right: 15px;
	margin-bottom: 10px;
	}

.button	{
	color:#FFCCFF;
	}

.center {
	text-align: center;
	}


.content {
	padding:0px 13px 0px 8px;
	margin-bottom: 10px;
	text-align:justify;
	color:#000000;
	}

.comments {
	padding-bottom: 30px;
	text-align:left;
	color:#000000;
	font-family: "Times New Roman";
	font-size:18px;
	}

.comments2 {
	padding-bottom: 30px;
	text-align:right;
	color:#000000;
	font-family: "Times New Roman";
	font-size:14px;
	}

.picture, .picture .content {
	text-align:center;
	padding-bottom: 4px;
	}

.footer {
	padding:10px 10px 0px 0px;
	text-align:right;
	color:#000000;
	}


/*NAVIGATION STYLES*/

#navbuttons{
	width:800px;
	height:2em;
	background-color:#204945;
	}

#navbuttons ul {
	display:inline;  
	list-style:none;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	}

#navbuttons li {
	display:inline;
	float:left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	list-style:none;
        font-size:19px;
	text-decoration:none;
	text-align:left;
	padding-left:40px;
	padding-top:5px;
	padding-right:0px;
	padding-bottom:0px;
	margin:0px;
	}


#navbuttons li a:hover {
	color: #7D0A17;
	text-decoration:none;
	}