/* This style sheet is for the layout of the pages. */

body
	{
	background-color: #dc9000;
	}

div.main	/*This is the main box that holds everything.*/
	{
	width:	820px;
	height:	740px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: visible;
	background-color: #ffdf60;
	}	
	
/*Here is the top photo masthead.*/
div.masthead	
	{
	width:	820px;
	height:	189px;
	position: absolute;
	top:	0px;
	left:	0px;
	/*background-image: url(images/gradient.jpg);*/
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #ffdf60;
	border: thin none #000000;
	overflow: hide;
	}

/*This box holds links for individual sections, under the masthead*/
div.toplinks
	{
	width:	800px;
	height:	20px;
	position: absolute;
	top:	180px;
	left:	10px;
	background-color: transparent;
	border: thin none #fffbdb;
	}

/*This box is for main text content in the center*/
div.content 	
	{
	width: 	540px;
	height:	455px;
	position: absolute;
	top:	200px;
	left:	140px;
	overflow: auto;
	background-color: #fffbdb;
	border: none;
	}

div.content2
	{
	width: 	665px;
	height:	455px;
	position: absolute;
	top:	205px;
	left:	140px;
	overflow: auto;
	background-color: #fffbdb;
	border: none;
	
	}

/* The following are the menu links in boxes on the left side. These are on every page.*/
div.menubox
	{
	width:	130px;
	height:	450px;
	position: absolute;
	top:	200px;
	left:	5px;
	background-color: transparent;
	border:	thin none #0000ff;
	}

div.menu1
	{
	width:	110px;
	height:	20px;
	position: absolute;
	top:	65px;
	left:	10px;
	background-color: transparent;
	border:	thin none #fffbdb;
	background-image: url(images/menubevel2.gif);
	overflow: visible;
	}

div.menu2
	{
	width:	110px;
	height:	20px;
	position: absolute;
	top:	90px;
	left:	10px;
	background-color: transparent;
	border:	thin none #fffbdb;
	background-image: url(images/menubevel2.gif);
	overflow: visible;
	}

div.menu3
	{
	width:	110px;
	height:	20px;
	position: absolute;
	top:	115px;
	left:	10px;
	background-image: url(images/menubevel2.gif);
	overflow: visible;
	}

div.menu4
	{
	width:	110px;
	height:	20px;
	position: absolute;
	top:	140px;
	left:	10px;
	background-image: url(images/menubevel2.gif);
	background-color: #fffbdb;
	border:	thin none #fffbdb;
	}

div.menu5
	{
	width:	110px;
	height:	20px;
	position: absolute;
	top:	165px;
	left:	10px;
	background-color: #fffbdb;
	border:	thin none #fffbdb;
	background-image: url(images/menubevel2.gif);
	}

div.menu6
	{
	width:	110px;
	height:	20px;
	position: absolute;
	top:	190px;
	left:	10px;
	background-color: #fffbdb;
	border:	thin none #fffbdb;
	background-image: url(images/menubevel2.gif);
	}

div.menu7
	{
	width:	110px;
	height:	20px;
	position: absolute;
	top:	215px;
	left:	10px;
	background-color: #fffbdb;
	border:	thin none #fffbdb;
	background-image: url(images/menubevel2.gif);
	}

div.menu8
	{
	width:	110px;
	height:	20px;
	position: absolute;
	top:	240px;
	left:	10px;
	background-color: #fffbdb;
	border:	thin none #fffbdb;
	background-image: url(images/menubevel2.gif);
	}

div.menu9
	{
	width:	110px;
	height:	20px;
	position: absolute;
	top:	265px;
	left:	10px;
	background-color: #fffbdb;
	border:	thin none #fffbdb;
	background-image: url(images/menubevel2.gif);
	}

div.menu10
	{
	width:	110px;
	height:	20px;
	position: absolute;
	top:	290px;
	left:	10px;
	background-color: #fffbdb;
	border:	thin none #fffbdb;
	background-image: url(images/menubevel2.gif);
	}

div.menu11  /*THIS IS THE QUICK LINKS SECTION*/
	{
	Width:	110px;
	height:	20px;
	position: absolute;
	top:	315px;
	left:	10px;
	background-color: #fffbdb;
	border:	thin none #fffbdb;
	background-image: url(images/menubevel2.gif);
	}

div.menu12
	{
	Width:	106px;
	height:	47px;
	position: absolute;
	top:	402px;
	left:	11px;
	background-color: #transparent;
	border:	thin none #fffbdb;
	}


/* These are the buttons on the right side for membership, adopt, tickets & donate.*/
div.button1
	{
	width: 	118px;
	height:	103px;
	position: absolute;
	top:	200px;
	left:	690px;
	background-color: transparent;
	border:	none;
	}

div.button2
	{
	width: 	118px;
	height:	103px;
	position: absolute;
	top:	315px;
	left:	690px;
	background-color: transparent;
	border:	none;
	}

div.button3
	{
	width: 	118px;
	height:	103px;
	position: absolute;
	top:	430px;
	left:	690px;
	background-color: transparent;
	border:	none;
	}

div.button4
	{
	width: 	118px;
	height:	103px;
	position: absolute;
	top:	545px;
	left:	690px;
	background-color: transparent;
	border:	none;
	}

div.bottomlinks
	{
	width:	820px;
	height:	15px;
	position: absolute;
	top:	665px;
	left:	0px;
	background-color: transparent;
	border: thin none #ffffff;
	padding-top: 2px;
	}

div.addressinfo
	{	
	width:	820px;
	height:	40px;
	position: absolute;
	top:	680px;
	left:	0px;
	background-color: transparent;
	border: none;
	}

img
	{
	border: none;
	}