/* RightColFullNavAbsPos.css */

/* Block all default margins and padding */
* {
    margin: 0;
    padding: 0;
}

body {
    /* Required to center wrapper in old browsers */
    text-align: center; 
    background: #ddc286 url(suttercreekclub/tanflowers.jpg) repeat;
    font-family: Verdana, Geneva, Sans-Serif;
}

#wrapper {
    /* Sets the width of fixed or elastic layout */
    width: 40em; 
    /* Centers the layout (newer browsers) */
    margin: auto; 
    /* Wrapper must have a border */
    border: 7px solid #c10f03;
    /* Required so absolute mesaurements are in wrapper */
    position: relative; 
    /* Style to taste */
    background-color: #f9ecce;
    margin-top: 40px;
}

/* ---------------------- Start layout division styles ---------------------- */
#branding {
     /* Style to taste */
    height: 12.5em; 
    text-align:left;
    background: #ddc286 url(suttercreekclub/newlogo3.jpg);
    
}

/* Navbar division */
#navbar {
    position: absolute; 
    /* Top = branding height */
    top: 12.5em; 
    right: 0; 
    /* Width = 100% */
    width: 100%;
    /* Style to taste. Content top padding must match this height. */
    height: 1.8em; 
    background-color: #c10f03;
}


/* Remove bullets from unordered list */
    #navbar ul{
        list-style-type:none;
    }
    
    /* Make list horizontal */
    #navbar li{
        float:left;
        font-size: 1em;
    }
    /* All links, and links in unvisited and visited states */
    #navbar li a,
    #navbar li a:link,
    #navbar li a:visited{
       text-decoration:none;
       background-color: #c10f03;
       color:#fff; /* Text color of link */
       display:block; /* required to set width and height */
       text-align:center;
       height:1.8em; /* Match to navbar height */
       line-height:1.8em; /* Match to navbar height */
       width:5.95em;
       border-right:solid 1px #fff;
       /* Remove dotted border from Firefox */
       outline-style:none;
    }
    /* Hover and active links */
    #navbar li a:hover,
    #navbar li a:active{
        /* Use any colors you like */
        background-color: #d5c080;
        color:#000;
    }
    
    #navbar li.selected a:link,
#navbar li.selected a:visited{
  background-color: #704f2b;
  color: #fff;
  }
    







/* Right column division */
#rightcolumn {
    position: absolute; 
    /* Top = branding+navbar heights */
    top: 3em;
    right: 0;
    /* Style to taste */
    width: 10em; 
    text-align: left;
   
}

/* Content division */
#content {
    padding-top: 3em; 
    /* Right margin = rightcolumn width */
    margin-right: 10em;
    /* Optional, style to taste */
    text-align:left;
    padding-bottom: 0.5em;
    background-color: #fff;
    color: #000;    
}

/* Footer division */
#footer {
    /* Leave room for rightcolumn */
    margin-right: 10em;
    text-align:center;
    background-color: #c10f03;
    color: #fff;
    border-top: solid 1px #B0C4D0;
    min-height: 2em;
    }
    
#footer p {
	font-size: 0.70em;
}

#footer a:link {
	color: #fff;
}


/* ---------------------- End layout division styles ---------------------- */



/* ---------------------- Start Content division styles ------------------- */
/* Heading 1 tags in content division */
#content h1 {
    margin-left: 10px;
    font-size: 1.25em;
    font-style: italic;
    text-align: center;
}

#content h5 {
  color: #c10f03;
    text-align: center;
}

/* Paragraphs in content division */
#content p {
    font-size: 0.8em;
    line-height: 1.5em;
    margin: 1em 1.5em;
}




/* Bulleted lists in content division */
#content ul {
    font-size: 0.8em;
    margin: 1em 2em 1em 5em;
}

#content ul li {
    margin-bottom: 0.5em;
}


#rightcolumn p {
	font-size: 0.75em;
	margin: 1em 1.5em;
}

#rightcolumn li.bullet {
		list-style-image: url(suttercreekclub/bulletred.png);
		margin-left: 2.5em;
}

.bold {
	font-weight: bold;
}

.bolditalic {
	font-weight: bold;
	font-style: italic;
}


li.bullet {
		list-style-image: url(suttercreekclub/bulletred.png);
		margin-left: 2.5em;
}

li.bullet-sm {
		list-style-image: url(suttercreekclub/bullet-sm.png);
		margin-left: 2.5em;
}



img.group {
	margin: 0 5em 1em 5em;
	border: 1px solid #000;
}

img.mainstreet {
	margin: 1em 4em 0 4em;
	border: 1px solid #000;
}

img.map {
	margin: 1em 7em 1em 7em;
	border: 1px solid #000;
}

img.night {
	float: left;
	margin: 1em;
	border: 1px solid #000;
}

img.picket {
	float: right;
	margin: 1em;
	border: 1px solid #000;
}

img.letter {
	float: right;
	margin: 1em;
	
}



.indent {
	margin: 2em 2em 0 6em;
	 font-size: 0.8em;
    line-height: 1.5em;
 
}

hr {
	background-color: #c10f03;
	height: 0.3em;
	width: 20em;
	margin: 0 5em;
	}

img.redflower {
	float: left;
	margin-left: 10em;
}


/* ---------------------- End Content division styles ------------------- */