@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------
version: 2
author: Peter Rodgers
email: info@unllais.co.uk
---------------------------------------------------*/
/*This makes all the values in the document nil*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, form, fieldset {
margin: 0px;
padding: 0;
border: 0;
}

div.thumbnail{
float:right;
width:180px;
}

div.thumbnail img{
float:left;
}

div.thumbnail p{
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
margin:5px;
font-size:14px;
}



#wrapper{
width:900px;
height:1000px;
background-image:url(images/iStock_000003899914Medium.jpg);
margin:20px auto;
padding-right:30px;
padding-top:30px;
padding-left:30px;
}

/* this is the div container and background to the about us pages */
#wrapper2{
	width:1100px;
	height:1200px;
	background-image:url(images/bigSand2.jpg);
	background-repeat:repeat;
	padding-right:30px;
	padding-top:30px;
	padding-left:30px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

/*this is the div container and background to the culture pages*/
#wrapper3{
width:900px;
height:1200px;
Background-image:url(images/desktopSquare.jpg);
background-repeat:repeat;
margin:20px auto;
padding-right:30px;
padding-top:30px;
padding-left:30px;
}

/*this is the div container and background to the links pages*/
#wrapper4{
width:900px;
height:1200px;
Background-image:url(images/wavesSquare.jpg);
background-repeat:repeat;
margin:20px auto;
padding-right:30px;
padding-top:30px;
padding-left:30px;
}

/*this is the div container and background to the topic pages*/
#wrapper5{
width:950px;
height:1200px;
Background-image:url(images/driftwoodLight.jpg);
background-repeat:repeat;
margin:20px auto;
padding-right:30px;
padding-top:30px;
padding-left:30px;
}

/*this is the div container and background to the freinds pages*/
#wrapper6{
width:950px;
height:1200px;
Background-image:url(images/stones.jpg);
background-repeat:repeat;
margin:20px auto;
padding-right:30px;
padding-top:30px;
padding-left:30px;
}

/*this is the div containing the badge logo in the top left of each page*/
#litteLogo {
background-image:url(images/logo1.gif);
width:240px;
height:220px;
float:left;
}

/*this is the mark up for the navigation running down the left hand side of each page. The img provides space between navigation elements*/
ul#navigation {
padding-top:240px;
padding-left:30px;
list-style-type:none;
}
#navvy {
	padding-left: 20px;
}


ul#navigation img{
margin-bottom:-10px;
}

/*this is the div container for the ruled pages in the about pages. The p h1 and h2 tags define properties for paragraph text and headings within the textPaper div*/
.textPaper {
	float:left;
	width:800px;
	background-image:url(images/ruled-lines.jpg);
	background-repeat:repeat;
	padding-left:20px;
}
.culturenav {
	background-image: url(images/desktopSquare.jpg);
	background-repeat: repeat;
}

.textPaper  p{
font-family:"Courier New", Courier, monospace;
font-size:16px;
padding-left:30px;
padding-right:30px;
padding-top:10px;
}
#mhlist {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	padding-top: 10px;
	
	padding-left: 30px;
}


.textPaper h1{
font:Arial, Helvetica, sans-serif;
padding-left:30px;
font-size:18px;
font-weight:bold;
}
#fithead {
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #03C;
	text-align: center;
}

#postit {
	float: right;
	height: 690px;
	width: 280px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
#payform {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}



.textPaper h2{
font:Arial, Helvetica, sans-serif;
padding-left:20px;
font-size:24px;
font-weight:bold;
background-image:url(images/highLight.gif);
background-repeat:no-repeat;
}
.line {
	color: #95F70A;
	font-weight: bold;
}


.dropout {
	clear: left;
}


.textPaper h3{
	background-image:url(images/stickiesOrange.gif);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	width: 200px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
#donate {
	font-family: Verdana, Geneva, sans-serif;
	font-size: large;
	font-weight: bolder;
	color: #009;
	text-align: center;
	background-color: #F18A05;
	padding-bottom: 10px;
}
#inner {
	border: medium solid #F18A05;
}
#footer {
	clear: both;
	width: 100%;
}



.textPaper img{
float:left;
padding-right:10px;
padding-left:15px;
padding-top:10px;
padding-bottom:10px;
}

.textPaper img p{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#000066;
}

/*this is the div container for the newspaper like sections of the culture pages*/
.textCulture {
float:left;
width:590px;
height:1000px;
background:url(images/newsreviewsMid.jpg);
background-repeat:repeat;
}

.textCulture h3 {
background:url(images/newsreviewsTop.jpg) no-repeat top;
padding-bottom:30px;
}

.textCulture h2{
font-family:"Courier New", Courier, monospace;
font-size:30px;
text-align:center;
}

.textCulture h4 {
font-family:"Courier New", Courier, monospace;
font-size:12px;
text-align:left;
padding-left:50px;
padding-right:30px;
}

/*this code defines how any photos appearing in the culture sections will behave including text associated with the photos*/
.culturePhoto {
width:200px;
float:left;
margin-left:40px;
margin-right:10px;
margin-bottom:10px;
}

.culturePhoto img{
border:medium #000000;
}

.culturePhoto p{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
text-align:center;
}

/*this code defines how the text which runs alongside the photos in the culture sections will behave*/

.cultureArticle {
float:right;
font-family:"Courier New", Courier, monospace;
font-size:12px;
margin: 5px 5px 5px 5px;
padding:20px 20px;
width:500px;
}

.cultureArticle img{
float:left;
padding-right:10px;
padding-left:10px;
}

.cultureArticle h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font:bold;
}

/*this is the div container for the water-like section of the links pages*/
.graphPaper {
	float:left;
	width:585px;
	height:1200px;
	background-image:url(images/graphpaperSquare.jpg);
	background-repeat:repeat;
	padding-left:20px;
	padding-right: 20px;
}

.graphPaper p{
font-family:"Courier New", Courier, monospace;
font-size:12px;

}

.graphPaper h2{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
background-image:url(images/gloPenCircle.gif);
background-repeat:no-repeat;
padding:5px;
margin-bottom:10px;
margin-top:20px;
}

.graphPaper h3{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
background-image:url(images/gloPenCircle2.gif);
background-repeat:no-repeat;
padding:20px;
margin-bottom:10px;
margin-top:20px;
}

/*this defines how the link will look in the graph paper section*/
.graphPaper a{
font-weight:bold;
}

/*this is the div container for the dot matrix paper section of the topics pages*/

.textTopics{
	float:left;
	width:620px;
	height:1000px;
	background-repeat:repeat-y;
	background-image: url(images/dotMatrixPaper.jpg);
}

/*this is the text for the dot matrix paper section of the topics pages*/

.textTopics p {
font-family:"Courier New", Courier, monospace;
padding-left:50px;
padding-right:50px;
}

.textTopics h3 {
font-family:"Courier New", Courier, monospace;
font-size:18px;
padding-left:50px;
padding-bottom:30px;
padding-top:50px;
}

.textTopics h2{
font-family:"Courier New", Courier, monospace;
font-size:30px;
text-align:center;
}

.textTopics h4 {
font-family:"Courier New", Courier, monospace;
font-size:12px;
text-align:left;
padding-left:50px;
padding-right:30px;
}

.textTopics h5{
float:right;
background-image:url(images/stickiesGreen.gif);
background-repeat:no-repeat;
height:180px;
width:180px;
padding-right:30px;
padding-left:20px;
padding-bottom:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:14px;

}
/*this code defines how any photos appearing in the Topic sections will behave including text associated with the photos*/

.textTopics img{
float:left;
margin-left:40px;
margin-right:10px;
margin-bottom:10px;
margin-top:10px;
padding-right:50px;
}

.topicPhoto img p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
background-color:#000099;
}
#navvy {
	text-align: center;
	vertical-align: top;
	padding: 5px;
	float: left;
	width: 170px;
	margin:0
	list-style-type: none;
}
.navspace {
	float: left;
	height: 400px;
	width: 1px;
}
#navlist {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: none;
}
.forum_top {
	background-image: url(images/cloudBackDrop.jpg);
	background-repeat: repeat-x;
	text-align: center;
}
.forumnav {
	background-image: url(images/bigSand2.jpg);
	background-repeat: repeat;
}

.nav_image {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.heavy {
	font-size: x-large;
	font-weight: bolder;
}
.friendsnav {
	background-image: url(images/stones.jpg);
	background-repeat: repeat;
}
#news {
	font-family: Verdana, Geneva, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #009;
	background-image: url(images/orangeLight.gif);
	background-repeat: no-repeat;
}
.blue {
	color: #009;
}
#twocoll {
	float: left;
	width: 32%;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#twocolr {
	float: left;
	width: 32%;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-right: 10px;
}
#sect {
	font-family: Verdana, Geneva, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #000;
}
#rightcol {
	padding: 10px;
	float: right;
	text-align: left;
	width: 20%;
}
#smallhead {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}