/*-----------------------------------------------------------------------------
Basic Style Sheet

version: 1.0
media:	 screen
author:	 joanna bell
email:	 gingerjo@btopenworld.co.uk
website: www.canen.me.uk
-----------------------------------------------------------------------------*/



/*Layout
-----------------------------------------------------------------------------*/


*
{
  		margin: 0; /* Zero down margin on all elements */
 		padding: 0; /* Zero down padding on all elements */
}

body
{
		background-color: #e6dbcf; /* sets background color for whole page */
		font-family: "Verdana", "Helvetica", sans-serif; /* sets font for whole page */
		text-align: center;
		min-width: 760px;
}
	
#onScreenPage
{
		background: #fffef2 url(images/green-banner.gif) repeat-y; /* pale grey background */
		width: 750px;
		margin: 0 auto;
		text-align: left;
}
	
#mastHead
{
 		height: 100px;
		background: #000000 url(images/sheep-banner1.jpg) no-repeat 100%;
		border-bottom: 5px solid #a2b7b4; /* pale grey-blue border */
}

	
#vertNav
{
		list-style: none;
		background-color: #fdf4f2; /* pale grey background as h1 text */
		width: 180px;
		float: left;
}
	
#content
{
		width: 550px;
		float: right;
}


#footer
{
		clear: both;
		background-color: #624c2d; /* mid brown footer */
		color: #fdf4f2; /* pale grey text as h1 text */
		padding: 5px 10px;
		text-align: right;
		font-size: 80%;
		border-top: 5px solid #a2b7b4; /* pale blue-grey border */
}


/*Link Styling
-----------------------------------------------------------------------------*/
.skipLinks 
{
		display: none;
}

#content a
{
		color: #6a8900;
		padding: 0;
}

#content a:hover
{
		font-weight: bold;
		padding: 0;		
}

#content a:visited
{
		color: #375b4d;
		padding: 0;		
}

#footer a
{
		color: #e1e50d;
		text-decoration: none;
		padding: 0;
}

#footer a:hover
{
		text-decoration: underline;
		padding: 0;
}

/*Text Styling
-----------------------------------------------------------------------------*/

h1
{
		font-size: 180%;
		font-weight: normal;
		color: #d8d5bf; /* pale grey text */
		padding-top: 30px;
		padding-left: 15px;
}
	
h2
{
		font-size: 180%;
		font-weight: normal;
		color: #9e2878; /* dark purple text */
		font-family: arial, sans serif;
		font-style: italic;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 15px;
}

h3
{
		font-size: 105%;
		font-weight: bold;
		color: #9e2878; /* dark purple text */
		font-family: verdana, sans serif;
		text-align: left;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
}

h4
{
		font-size: 105%;
		font-weight: normal;
		color: #9e2878; /* dark purple text */
		font-family: verdana, sans serif;
		text-align: left;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
}

h5
{
		font-size: 105%;
		font-weight: bold;
		color: #3F541C; /* dark green text */
		font-family: verdana, sans serif;
		text-align: left;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
}

h6
{
		font-size: 105%;
		font-weight: normal;
		color: #3F541C; /* dark green text */
		font-family: verdana, sans serif;
		text-align: left;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
}

p 
{
 	  	font-size: 95%;
		color: #211e0d; /* dark brown text */
		font-family: verdana, sans serif;
		text-align: left;
		padding-top: 5px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
}

#content li 
{
 	 	font-size: 95%;
		color: #211e0d; /* dark brown text */
		list-style: disc outside none;
		font-family: verdana, sans serif;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 3px;
		padding-bottom: 2px;
		margin-left: 25px;
}

img 
{
		padding-top: 10px;
		padding-bottom: 10px;
}

hr
{
		width: 98%;
}

	
/*Vertical Navigation
-----------------------------------------------------------------------------*/


ul#vertNav a
{
     	 display: block;
		 text-decoration: none;
		 background-color: #334217; /* sets nav bg to dark green */
		 color: #d8d5bf; /* pale grey nav text (same colour as h1 text) */
		 padding: .3em .5em;
		 border-bottom: 1px solid #d8d5bf; /* pale grey border as h1 text */
		 width: 164px;
}

ul#vertNav a:hover
{
     	 background-color: #334217; /* sets highlighted nav to khaki 939222 */
		 color: #e1e50d; /* sets highlighted nav text to dark green (same as nav background)*/
		 font-weight: bold;
}

ul#vertNav li
{
     	 display: inline;
}

/* Styling the Thumbnails
-----------------------------------------------------------------------------*/

div.thumbnail
{
 		 width: 500px;
		 /*float: left;*/
		 margin: 0 10px 10px 13px;
		 padding-top: 5px;
		 padding-bottom: 5px;
		 /*border: 3px double #624c2d;*/
		 background-color: #F1F1E4;
}

div.thumbnail img
{
 		 margin: 0px 0px 0px 0px;
		 padding: 15px;
		 /*float: left;*/
}

div.thumbnail p
{
         margin: 0;
		 padding: 10px
}

div.thumbnail p
{
         margin: 0;
		 padding: 10px
}

div.thumbtext
{
 		 width: 500px;
		 /*float: left;*/
		 margin: 0 10px 10px 13px;
		 padding-top: 5px;
		 padding-bottom: 5px;
		 /*border: 3px double #624c2d;*/
		 background-color: #fffef2;
}

div.thumbtext img
{
 		 margin: 0px 0px 0px 0px;
		 padding: 15px;
		 /*float: left;*/
}

div.thumbtext p
{
         margin: 0;
		 padding: 10px
}

.clear
{
         clear: left;
}