/* 
WRITTEN BY SEAN REMISOSKI
*/



/* Make the background off the sides of the page some color*/
body{
background-color:#948554;
	
}
/*Make the background of the container some color*/
#wrapper {
background-color:#9BBB59 ;
height:auto;
margin-left:150px;
width:950px;
}

/*Position the Logo*/
#banner img{
padding-left: 110px;
}

/*Top Navigation links above bar*/
ul.topnav { 
background-color: #9BBB59;
border-bottom: 5px solid #6495ED;
float: right;
list-style: none;
margin-left: 0px;
margin-top: 0px;	
margin-bottom: -2px;
padding-left: 0px;
width: 100%;
}
ul.topnav li { 
background-color: #9BBB59;
float: right;
}

ul.topnav a { 
background-color: #9BBB59;
border-left: 1px solid #9BBB59;
border-right: 1px solid #9BBB59; 
border-top: 1px solid #9BBB59;
color: #540000;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 100;
margin-right: 5px;
padding: 5px;
text-align: center;
}
    
ul.topnav a:hover{
color: red;
}


/*Format the main navigation menu at the top of the site */
ul.nav { 
background-color: #4E6128;
border-bottom: 5px solid #6495ED;
margin-left: 0px;
padding-left: 0px;
list-style: none;
float: left;
margin-top: 0px;	
margin-bottom: -2px;
width: 100%;
}

/*Make the navigation menu horizontal across the screen */
ul.nav li { 
float: left;
background-color: #4E6128; 
}

/*Divide the navigation bar into segments */
ul.nav a { 
border-left: 1px solid #4E6128;
border-right: 1px solid #4E6128; 
border-top: -1px solid #6495ED;
/*width: 7em;*/
display: block;
padding: 5px;
margin-right: 5px;
text-decoration: none;
background-color: #4E6128;	
color: #9bbb59;
text-align: center;
font-family: Arial;
font-size: 12px;
font-weight: 100;
}


/*Change the color of each navigation menu segment as it's moused over */
ul.nav li a:hover{
background-color:#6495ED;
}


/*Set the google linked properties*/
body.google_events{
background-color: #540000;

}
ul.google_events {
margin-left: -5px;
margin-right: 5px;
padding: 1px;float: left;
width: 195px;
height: auto;
list-style:none;
text-decoration:none;
}
ul.google_events li {
background-color: #540000;
margin-bottom: 10px;

list-style:none;
border: none;
padding-left: 8px;
padding-right: 8px;

}

ul.google_events a{ 
color:#9bbb59;
font-family: Arial;
font-size: 14px;
font-weight: 100;
text-decoration:none;
} 

/*set mouseover hover color*/
ul.google_events a:hover{
color:red;
}
/*Set Sidebar position properties*/
#sidebar { 
position: relative;
background-color: #540000;
border-top: 5px solid #9bbb59;
border-bottom: 1055px solid #4E6128;
padding: 1px;
float: left;
width: 202px;
height: auto;
list-style:none;
text-decoration:none;
}

/*Set any sidebar non-linked text properties */
#sidebar p{
color: #9bbb59;
font-size: 16px;
font-family: Arial;
font-weight: 100;
padding-left: 5px;
padding-right: 5px;
text-decoration:none;
}

/*Set any sidebar link properties */
ul.side li { 
margin-left: -25px;
margin-bottom: 10px;
font-family: Arial;
font-size: 18px;
font-weight: 100;
list-style:none;
border: none;
padding-left: 8px;
padding-right: 8px;
text-decoration:none;

}

/*Set sidebar link color*/
ul.side a:link{
color: #7A5728;
} 
 
/*Set sidebar visited color*/
ul.side a:visited{
color: #9bbb59;
} 

/*set mouseover hover color */
ul.side a:hover{
color: red;
}

p.side_title {
color: #9bbb59;
margin-left: 15px;
font-size: 8px;
font-family: Arial;
font-weight: 100;
padding-left: 5px;
padding-right: 5px;
text-decoration:none;
}

/*This controls the position and color of the footer */
#footer {
background-color: #540000;
clear:both;
margin:0;
padding: 1em;
}
/*This controls the look of the content of the footer*/
p.foot_title{
color: #9bbb59;
font-size: 12px;
font-family: Arial;
font-weight: 100;
margin-left: 15px;
padding-left: 5px;
padding-right: 5px;
text-decoration:none;
}
