/* A CSS Framework by Mike Stenhouse of Content with Style */

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 0;
        background: #f6f9f1 url(../images/bg.png) repeat-x 0 81px;         
        text-align: center;
    }
    div#page {
        margin: 0 auto;
        padding: 0;  
        background: transparent; 
        text-align: center;
    }
    /* Site Width */
    div#nav, div#content, div#footer-inner {
        width: 65em;
        margin:  0 auto;
    }
    div#header-top, div#header-under {
        width: 940px;
        margin:  0 auto;
    }
    div#content {
        position: relative;
        margin: 0 auto 20px auto;
        padding: 0;
        text-align: left;
    }
    
    /* HEADER */
        div#header {
            margin: 0;
            padding: 0; 
            color: black;
        	background: #ddf0de url(../images/header-bg.png) no-repeat center top;  
            text-align: left;
            height: 81px;
            overflow:hidden;
        }
        div#header-under {
         margin-bottom: 1.5em;
         text-align: left;
        }
        div#branding {
            float: left;
            width: 370px;      
            margin: 0;
            padding: 0;  
            text-align: left;
        }
        div#mininav {
            float: right;
            width: 556px;   
            margin: 0;
            padding: 0;
        }
        div#header div#searchbar {  
            margin: 12px 0 0 0;
            padding: 6px 0 0 11px;
			background: transparent url(../images/search-bg.png) 0 0 no-repeat;
			height: 55px;
			width: 556px;
        }
        div#header div#searchbar input#search {
        	font-size: 1.2em;
        	color: #babeba;
        	border: 1px solid #c3485a;
            width: 400px;
            padding: 4px 6px;
            letter-spacing: 1px;
        }
        div#header div#searchbar input#searchsubmit, div#header div#searchbar button#serachsubmit {
			margin-left: 0; 
			margin-top: 4px; 
			border: 0; 
			vertical-align: top; 
			background: transparent url(../images/btn-search.png) no-repeat 0 0; 
			width: 105px; 
			height: 30px; 
			text-indent: -1000em; 
			cursor: pointer; 
		}
    /* END HEADER */
    
    
    /* NAV */
    div#nav {
		margin: 4px auto 0 auto;
    }
    /* END NAV */
    
    
    /* FOOTER */
        div#footer {
        	background: #fafcf9 url(../images/footer-bg.png) repeat-x 0 0;
        }
        div#footer-inner {
        	padding: 2em 0 4em 0;
            color: #b2b8b2;
			text-align: left;
        }
        div#footer p {
            margin: 0;
            padding: 0;
			text-align: left;
        }
        div#footer a {
            font-size: 1.1em;
						color: #8c5f4d;
            /*color: #c1af8d;*/
        }
        div#footer a:hover  {
            /*color: #8c5f4d;*/
        }
        div#footer ul {
		}
        div#footer ul li {
			list-style: none;
			float: left;
			padding-right: 20px;
			margin-right: 20px;
			background: transparent url(../images/asterisk.gif) no-repeat center right;
		}
	    div#footer ul li.last {
			padding-right: 10px;
			margin-right: 0;
			background: none;
		}
        div#footer .copyright {
        	font-family: Georgia, "Times New Roman", serif;
        	font-style: italic;
        	font-size: 0.9em;
			padding-top: 0.5em;
		}
    /* END FOOTER */
/* END LAYOUT */