* {
    margin: 0;
    padding: 0;
}

html {
 	overflow-y: scroll;}

	 
 #bg { 
    position: fixed; }
	
#realBody{
	position:fixed;
	z-index: 1;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	background: url('../images/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}	


#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;}



#container{
	z-index:100;
	padding-top:6px;
	width:923px;
	margin: 0 auto;}
	
:focus
{
  -moz-outline-style: none;
}

#extra{
	height:200px;
	width:320px;}	
	
#link{height:100px;
	width:300px;
	padding-top:30px;
		font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:14px;}	
	
	
#link a:link { text-decoration: underline;  color:#83BC4E;}
#link  a:visited { text-decoration: underline; color: #83BC4E;}
#link  a:active { text-decoration: underline; color: #83BC4E;}
#link  a:hover { text-decoration: underline; color: #FFF;}	
	
	
	body {
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:11px;
	color:#FFF;
	background: #1E1D1D; }

#topspace{
	height: 40px;
	width:923px;}

div.week {
clear:both;
width:923px;
}

div.day {
float:left;
min-height:217px;
width:131px;
margin-bottom:30px;
}

div.month {
font-size:20px;
font-weight:bold;
height:31px;
text-transform:uppercase;
width:131px;
}

.date{
border-bottom:1px solid #83BC4E;
color:#83BC4E;
font-size:20px;
font-weight:bold;
height:24px;
text-transform:uppercase;
width:131px;}

.text{
	padding-top: 6px;
	font-size:12px;
	color:#FFF;}
	
#footer{
	width:923px;
	text-align:left;
padding-top:10px;
padding-bottom:10px;}	
	 
#footer img{
	padding-right:6px;}	 
	
#header{
	height: 200px;}	
	
#form{
	margin-top:-170px;
	float:right;
	text-align:left;
	width: 200px;
	height:114px;}
	
h1{
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:5px;
	color:#1E1D1D;
	float:left;
	text-align:left;
	width: 200px;
	height:114px;}	
	
h2{
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:10px;
	color:fff;
	float:right;
	text-align:left;
	padding-right:15px;}		
	
.textbox {
	background-color : #1E1D1D;
	color:#FFF;
	border: 1px solid #ffffff;
	width: 130px;
}

.button {
	border: 1px; 
    background: #83BC4E;
}
.button:hover {
    border: 1px;    
	background: #eef;
}
	
a img {border:none;}

.flyer{
	margin-top: 286px;
	width:923px;
	
	}	
	
.flyer img{
	padding:6px;
	border-style:solid;
	border-width:1px;
	border-color:#83BC4E;
	margin:6px;}
	
	  img.bg {
                        /* Set rules to fill background */
                        min-height: 100%;
                        min-width: 1024px;
                        
                        /* Set up proportionate scaling */
                        width: 100%;
                        height: auto;
                        
                        /* Set up positioning */
                        position: fixed;
                        top: 0;
                        left: 0;
                }
                
                @media screen and (max-width: 1024px){
                        img.bg {
                                left: 50%;
                                margin-left: -512px; }
                }
                
                div#content {
                        /* This is the only important rule */
                        /* We need our content to show up on top of the background */
                        position: relative; 
                        
                        
                        /* These have no effect on the functionality */
                        width: 923px;
                        height:610px;
							margin:0 auto;
        
                }
                
                body {
                        /* These rules have no effect on the functionality */
                        /* They are for styling only */
                        margin: 0;
                        padding: 20px 0 0 0;
                }




	#twitterfollow	{
	text-align:right;
	float:right;
	z-index:10000;
	width:200px;
	height:22px;
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-style:italic;
	font-size:12px;
	padding-right:14px;
	}
	
	
#twitterfollow	a{
	text-decoration:none;
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-style:italic;
	font-size:12px;
	color:#505051;
	}	
	
#twitFeed{
	position:fixed;
	left:0px;
	top:0px;
	z-index:1000;
	width:100%;
	height:22px;
	background-color:#83BC4E;
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:12px;
	color:#16171b;
	padding-top:6px;
	padding-left:6px;
	border-bottom:#000 solid 2px;}
		

#twitFeed a:link { font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:12px; text-decoration: none;  color:#505051;}	
	
	h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:right;
	padding: 0px 16px 0px 0px;
	font-size:10px; }

		

h3 a:link { font-family:Arial, Helvetica, sans-serif;
	font-size:10px; text-decoration: underline;  color:#ffffff;}
h3  a:visited { font-family:Arial, Helvetica, sans-serif;
	font-size:10px; text-decoration: underline; color: #ffffff;}
h3  a:active {font-family:Arial, Helvetica, sans-serif;
	font-size:10px; text-decoration: underline; color: #ffffff;}
h3  a:hover {font-family:Arial, Helvetica, sans-serif;
	font-size:10px; text-decoration: underline; color: #FF0;}