body {
			    /*background-color: #0e242d;*/
			    /*background-color: #fce2ff; */
			    background-color: #86537d;
			    background-image: url(images/bg.gif); background-repeat: repeat;
		    }

	a {
		text-decoration: none;
                font-weight: bold;
                color: #25a0ff;
	}

	img {
		border: 1px solid #fce2ff;
		padding: 2px;
	}
	

            #wrapper {
                width: 750px; 
                border: 1px solid #e8c1ff;
                margin: 2px;
                background-color: #330028;
                padding: 5px;
		overflow: hidden;
		margin-left: 10%;
		margin-right: auto;
            }

            #menu {
                margin-left: 50px;
                color: #0e6284;
                font-family: Verdana;
                font-size: 10px;
		/* this doesn't work wit IE so changed
		position: relative;
                left: 50px; */
            }

            .infobox {
                color: #0e6284;
                font-size: 10px;
                font-family: Verdana;
                
		background-color: #fce2ff;
		border: 1px dotted #25a0ff;
		padding: 10px;
		margin-bottom: 10px;
            }

	    .infobox ul {
		margin-left: 0;
		padding-left: 0;
		padding-left: 1em;
		text-indent: -1em;
			    list-style: none;
		   
	    }

		.infobox ul li:before {
		content: "\2665 \0020";
		}
	    

	    .infobox li {
		    text-align: left;
	    }

            #menu a {
                text-decoration: none;
                text-transform: uppercase;
                font-weight: bold;
                color: #fce2ff;
                background-color: #0e6284;
                padding: 10px;
                border-left: 2px dotted #e8c1ff;
                margin: 4px;
                /* hack for Opera: */
                float: left;
            }

	    #menu a:before {
		content: ":: \0020";
		color: #25a0ff;
		vertical-align: 0.8;
		padding-right: 2px;
	}

            #menu a:hover {
                background-color: #fce2ff;
                color: #0e6284;
                border-left: 2px dotted #0e6284;
            }

            #sidemenu {
		    float: left;
                background-color: #bba4b7;
                font-family: Verdana;
                font-size: 10px;
                color: #0e6284;
                width: 205px;
                margin-right: 5px;
		padding: 4px;
		margin-top: 10px
            }

            #maincontent {
                float: right;
                background-color: #bba4b7;
                font-family: Verdana;
                font-size: 10px;
                color: #0e6284;
                width: 510px;
		padding: 4px;
		text-align: justify;
            }

	    #footer { 
		    background-color: #bba4b7;
		    width: 99%;
		   padding-top: 20px; 
		    height: 50px;
		    text-align: center; 
		    float: left; 
		    margin-top: 3px;
		    margin-left: 5px;
		    font-family: Verdana;
                font-size: 9px;
		color: #0e6284;
	}

	#title {
		color: #dfd5dd;
		font-family: Verdana;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		padding: 5px 0px 5px 0px;
		letter-spacing: 18;
		display: none;
		}

	.infopic {
		margin-top: 5px;
		margin-bottom: 3px;
		border: 1px solid #25a0ff;
	}

	#header {
		height: 400px; 
		width: 750px; 
		background-image: url(images/sam_2.png); 
		float: left;
		margin-bottom: 30px;
	}

	#content {
		margin-left: auto; 
		margin-right: auto; 
		padding: 5px;
	}

	#maincontent {
		margin-top: 10px
	}