body {
	margin: 0;
	padding: 0;
	background-color: #BAE860;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	
}
html, body {
	position:absolute;
	top:0;
	left:0;
	min-height: 100%;
	width: 100%;
	height: 100%;
}
html>body, html>body {
	height: auto;
}



#contents {
	position: absolute;
	top: 0;
	left: 0;
	
	}



#header
{
position:absolute;
width:800px;
height:215px;
top:0px;
left:100px;
background-color:black;
}

#headleft
{
position:absolute;
left:0px;
right:521px;

background-color:0C0D11;

}

#headright
{
position:absolute;
right:0px;
width:521px;
background-color:660033;
background-image: 
url('photo_treefrog1.jpg');
background-repeat: 
no-repeat;
}



#main
{
position:absolute;top:0px;left:1;
width:100%;
height:100%;

background-color:#387b1e;


}


#linkbox
{
position:absolute;
bottom:-1px;
height:23px;
left:0px;
right:0px;
width:798px;
background-color:f9ad02;
padding:1px;
z-index:20;
text-align:center;
}


#left
{
position:absolute;
width:159px;
top:202px;
left:0px;
bottom:37px;
padding:10px; background-color:#c1ad58;
border:1px solid #000000; 10px

}


#mid
{
position:absolute;
top:215px;
left:100px;
width:800px;
bottom:37px;
height:9000px;
background-color:#F4DB60;
overflow: auto;
z-index:1;
}



#right
{
position:absolute;
width:159px;
top:2px;
right:0px;
bottom:37px;
padding: 10px 10px 10px 10px;
background-color:#c1ad58;
border:1px solid #000000;
}

#footer
{
position:absolute;

bottom:0px;
left:0px;
right:0px;
height:25px;
background-color:#f9ad02;

}


h2
{
margin-left:25px;
font-family:"Comic Sans MS";
}

img.main
{
position:relative;
top:5px;
margin-left: 150px;
}



#week1
{
position:absolute;
left:1px;
top:2px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}


#week2
{
position:absolute;
left:25px;
top:2px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week3
{
position:absolute;
top:2px;
left:50px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week4
{
position:absolute;
top:2px;
left:75px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week5
{
position:absolute;
top:2px;
left:100px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week6
{
position:absolute;
top:2px;
left:125px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week7
{
position:absolute;
top:2px;
left:150px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week8
{
position:absolute;
top:2px;
left:175px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week9
{
position:absolute;
top:2px;
left:200px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week10
{
position:absolute;
top:2px;
left:225px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week11
{
position:absolute;
top:2px;
left:250px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week12
{
position:absolute;
top:2px;
left:275px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;

}
#week13
{
position:absolute;
top:2px;
left:300px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week14
{
position:absolute;
top:2px;
left:325px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week15
{
position:absolute;
top:2px;
left:350px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week16
{
position:absolute;
top:2px;
left:375px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week17
{
position:absolute;
top:2px;
left:400px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week18
{
position:absolute;
top:2px;
left:425px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week19
{
position:absolute;
top:2px;
left:450px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week20
{
position:absolute;
top:2px;
left:475px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week21
{
position:absolute;
top:2px;
left:500px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week22
{
position:absolute;
top:2px;
left:525px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week23
{
position:absolute;
top:2px;
left:550px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week24
{
position:absolute;
top:2px;
left:575px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week25
{
position:absolute;
top:2px;
left:600px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#week26
{
position:absolute;
top:2px;
left:625px;
height:17px;
width:20px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#photos
{
position:absolute;
top:2px;
left:510px;
height:17px;
width:60px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#view_shoutouts
{
position:absolute;
top:2px;
left:580px;
height:17px;
width:110px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#search
{
position:absolute;
top:2px;
left:700px;
height:17px;
width:60px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}

#slideshow
{
position:absolute;
top:2px;
left:650px;
height:17px;
width:135px;
background-color:#BAE860;
border:1px solid #ba2608;
z-index:5;
text-align:center;
cursor:pointer;
color:black;
}


p.pick
{
position:absolute;
left:350px;
vertical-align:text-top;
}


p.title
{
position:absolute;
top:45;
left:50;

}


img.background
{
position:absolute;
top:0;
}


a.signin
{
position:absolute;
top:1px;
right:0px;
z-index:5;
}

a.home
{
position:absolute;
top:1px;
z-index:6;
color:ffffff;
}

a.view_shoutouts
{
position:absolute;
top:15px;
right:0px;
z-index:5;
}

#form
{
position:absolute;
top:1px;
right:145px;
height:20px;
background-image:
url('background.jpg')

}


p.welcome
{
position:absolute;
top:0px;
right:110px;
font: 12px arial;
color: #ffffff;
z-index:5;
}

#foo
{
position:absolute;
top:100px;
left:10px;
width:780px;
background-color:F4DB60;
}

#foo_ss
{
position:absolute;
top:0px;
left:100px;
width:780px;
background-color:F4DB60;
}


#calendar
{
position:absolute;
top:50px;
left:530px;
width:250px;
background-color:BAE860;
border: 1px solid #f9ad02;
}

#shoutoutbox
{
padding-left: 0px;
position:absolute;
top:20px;
left:0px;
width:373px;
height:433px;
background-color:#F4DB60;
z-index:25;
}

#respond_container
{
padding-left: 0px;
position:absolute;
top:0px;
left:0px;
width:305px;
height:260px;
background-color:#F4DB60;
z-index:25;
border: 1px solid #000000;
}

#helpful_tips
{

position:absolute;
top:0px;
left:100px;
width:798px;
height:250px;
background-color:#F4DB60;
z-index:25;
overflow:auto;


}