/* CSS Document */
/* @import url(http://fonts.googleapis.com/css?family=Eagle+Lake); */


html{
        height:100%;
		margin:0 10px;
		padding:0;

	}

body {
        height:100%;        /* THIS IS NEEDED TO ALLOW DIVS OF 100% HEIGHT TO WORK */
		min-width:850px; /* Prevent content from becoming unreachable in Gecko */
		margin:0;
		padding:0;
		color:#000;																				/* BODY BAR COLOR*/
		/* background-image: url(../imgs/tile1.png);
		background-attachment:fixed; */
		background:rgb(245,	210,	190)  -20% 0 repeat;
		padding:0px;
		margin:0px;
		font-family: Didot, cursive;
		font-size:1.2em;
		font-style:italic;

	}

div#header {
	width:900px;
    height:auto;
    margin:0 auto;
    padding:0.5em 0;
    border:0px solid;
    text-align:center;
    background:transparent  20% 0 repeat;
    display:block;

    }



div#contentwrap{
    padding:0 0 0 0;
    border:0px solid;
    }

div#content,
div#content-other
{
	font-size:0.9em;
    width:900px;
	height:600px;
    margin:0.5em auto;
    padding:0.5em;
    border:rgb(195, 165, 88) 0px solid;
    text-align:center;
    }

div#content{
    background:url(../imgs/bg.jpg) 50% 50% no-repeat;
    }

div#content-other{
    /* background:url(../imgs/bg_bottom.jpg) 50% 100% no-repeat; */
    }


div#content h2, h1{
	letter-spacing:0.05em;
	text-align:left;
	font-size: 3.2em;
	margin:0;
	color: rgb(200, 150, 120);
	}

div#content p,
div#content-other p{
	width:80%;
	margin:1em auto;
	padding:1em;
	font-size:0.9em;
	}

div#content-other h4 {
	text-align:center;
	}

div#footer{
/*    p\osition:absolute;
*/
	position:relative;
    top:2em;
    left:0;
    margin:auto;
    width:100%-10px;
    height:1em;
    padding:0px;
    border:0px solid;
    text-align:center;
    background:transparent 20% 0 repeat;
    }

#header, #contentBoth, div#contentOnly, #sidebar, #infobar, #footer{
    border-radius: 10px; /* works in Safari 5> Chrome 11.0> Opera11.10> Firefox 4> */
    display:block;
    background:transparent  20% 0 repeat;

    }

/*  ======== MENU BAR CODE STARTS HERE =========*/

div#menu {
	line-height:1.5em;
	max-width:50%;
    height:auto;
    margin:0px auto;
    padding:0.5em;
    border:0px solid;
    text-align:center;
    float:right;
    position:relative;
    bottom:3em;
    }

#iOs {
	display:none;
	}

    #menu ul {
    margin: 0px auto;
    padding: 0 0 0 0;
    list-style-type: none;
    text-align: center;

    }

#menu ul li {
    display: inline;
    }

#menu ul li a {
    text-decoration: none;
    padding: 0.2em  0.8em;
    color: rgb(180, 130, 100);
    /* border-radius: 1em; */


    }
/* #menu ul li a {
    background-image:url(../imgs/disc_s.png);
    background-repeat:no-repeat;
    }
*/

    /* sets link of current page to different attributes */
#menu ul li .current,
#menu ul li a:hover {
    /* background-color: rgb(190, 130, 110); */
	color:rgb(140, 90, 80);
	border-bottom:1px solid rgb(140, 90, 80);
    }



/*  ======== MENU BAR CODE ENDS HERE =========*/