/* CSS Document */



html{
		margin:0px;
		padding:0px;
	}

body {
        height:100%;
		min-width:780px; /* Prevent content from becoming unreachable in Gecko */
		margin:0;
		padding:0;
		color:#000;																				/* BODY BAR COLOR*/
		background-color:#DDF;
		/* background-image: url(../imgs/palm.gif); */
		background-repeat:none;
		background-attachment:fixed;
		font: 0.75em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;

	}

body a:link, body a:visited {
    text-decoration:none;
    }

.strong {font-style:bold;}
.em {font-style:italic;}


img {border:none;}

.error {
    margin:auto;
    text-align:center;
    color:#F00;
    }

.notvis {
    display:none;
    }

img.linkimg {margin:-4px 0 -4px 0;}

a:link, a:visited, a:hover, a:active {text-decoration:underline;}     /* unvisited link */
a:link {color:#AA0000;}
a:visited {color:#990000;}

div.picholder {
    float:left;
    width:140px
    height:340px;
    border:0px solid;
    overflow:hidden;
    }

    div.ph2 {

    }

div.picholder img {
    vertical-align:centre;
    position:50%;

    }

p {margin:8px;}

.center {
    display:block;
    margin:auto;
    text-align:center;
    }

p.center {
    padding:.3em 0;
    }

img.body {
    /* float:left; disable as it messes things up */
    margin:5px;
    border:solid 1px #AAA;
    width:420px;}



img.sidelogo {
    /* float:left; */
    text-align:center;
    margin:auto;
    padding:35px;;
    border:solid 0px #AAA;
    height:350px;
    }               /* sidebar image width */


div#container {
    color:#DDD;
	width:780px;
	min-height:340px;
	margin:auto;
	padding:18px 0 10px 0;
	border:solid 2px;
	border-color:#AAA;
	background-color:#222;
	background-image:none;
	background-repeat: no-repeat;
    text-align:center;
	}

div#main {
    color:#000;
	width:780px;
	height:450px;
	margin:auto;
	padding:0px;
	border:solid 0px;
	border-color:#666;
	background-color:#77F;
	background-image:none;
	background-repeat: no-repeat;
    text-align:center;
    overflow:hidden;
	}

div#content {
    display:inline;
    float:right;
    margin:1px 6px 0 0;
    width:600px;                /* main content width */
    height:450px;
    overflow:auto;
    text-align:justify;
    background-color:#FFF;
    padding:0 14px;
    }

div#header {
	height:76px;
	width:780px;
	margin:0px auto 0px auto;
	background-image:url(../imgs/banner.png);
	background-repeat: no-repeat;
	background-attachment:top;
    background-position: 50% 0px;
    border:solid 0px;
    padding:0px;

	}

/* for order form */

#order {
text-align:right;

}

.right {
float:right;
margin:0  20px ;
}
.left {
float:left;
}

#order p {
padding:0 20px 0 0}
/* end order form */



}

div#contact {
    margin:auto;
    width:350px;
    text-align:right;
    }

div#footer a:visited {color:#99F; text-decoration:underline;}

div#footer {

    font-size:smaller;
    color:#AAF;
    width:350px;
    margin:0px auto;
    padding:0px 0;
    text-align:center;
    }

#menu {
    /* width:100%;
     position:fixed;
     margin:auto;
     */
    }

#menu img {
    padding:1px;
    }

#menu ul {

    margin: auto;
    padding: 6px 0 6px; 0px;
    width:780px;
    list-style-type: none;
    text-align: center;
    background-color: #77F;
    }

#menu ul li {
    display: inline;

    }

#menu ul li a {
    text-decoration: none;
    padding: .2em 0.5em;
    color: #006;
    background-color: #CCF;
    border:1px solid;
    border-color:#669966;


    }
/* #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 {

    background-color: #AAE;
    color:#770000;

    }

#menu ul li a:hover {
    color: #000;
    background-color: #AAE;
    border-color:#770000;

    }
#header h1, #header h2 {
    color:#64F;
    }

 h1, h2, h3, h4 {
    text-align:center;
    color:#006600;
    }

span.book, span.disc {
    font-weight:bold;
    }