/* CSS file for www.desertveils.org Derived from altcyberpunk.com, circuit-riders.net and ndnb.com. */

	body {
                background-color: #092138; /* Dk. indigo */
/*                background-image: url(images/wp_damask_199.jpg); /* wp_damask_199.jpg is blue, 074 is brown */
                background-repeat: repeat; */
                padding: 0;
                font-family: trebuchet, ariel, sans-serif;
                font-size: 100%;
                text-align: left;
                color: #570203;
	}
	
	a:link { 
                color: #B52C07;  
                text-decoration: none; 
        }


	a:visited { 
                color: #B52C07; 
                text-decoration: none; 
        }
	
	a:hover, a:active {
		color: #0c3868;
                text-decoration: none; 
	}
	


        h1 {  
                color: #a70608;
                font: 1.4em Verdana, Arial, sans-serif;
/*                font-weight: bold; */
        }


	h2 {
		color: #e08114;
		font: 1.2em Verdana, Arial, sans-serif;
		font-weight: normal;
		margin: 0 0 2px 0;
	}


	h2 a { text-decoration: none; }
	

	h3 {
                background-color: #eff1f3;
		color: #759b4d;
		font: 1em "Century Gothic", Arial, san- serif;
		font-weight: bold;
		margin-top: 10;
                padding: 0 0 5px 5px;
	}



/* Class for form tables. See also class .required at the end of this css file. */
        .form { 
                padding-left: 10px;
        }

        .form h4 { 
                font-size: 100%;
                color: #70a398;
                border-top: 1px dotted #cdcdcd;
        }

        .form table { 
                margin-left: 25px;
                font-size: 80%;
        }


        .required { 
                color: #a81507;
        }





	#container {
/*                background-color: #092138;  Dk. indigo. */
		background-image: url(images/indigo-grad-800.jpg); 
                background-repeat: repeat;
                margin: 20px auto;
		width: 800px;
		text-align: left;
/*		border: 1px solid #6a9b8e; */
	}



/* Container for index.php only. */

        #container-index { 
                background-color: #092138; /* Dk. indigo. */
                margin: 20px auto;
                width: 800px;
                border: none;
        }



	#header {
		background-color: #092138; /* Dk indigo. */
		height: 220px;
                background-position: 10px 0px;
                position: relative;
	}



/* Header for index.php only. */

	#header-index {
                background-color: #092138; /* Dk indigo. */
		height: 220px;
                background-position: 10px 0px;
                position: relative;
	}



/* Right margin navigation section. */
	#menu {
		float: right; 
                padding-top: 0px;
/*                border-left: 1px dotted #c9cfcc; */
		width: 200px;
	}

        #menu ul {
		margin-left: 20px;
		padding-left: 5px;
		list-style-type: none;
		line-height: 165%;
	}	

        #menu li a {
		text-decoration: none;
		color: #c5d8dd;
                background-color: none;
	}
	
	#menu li a:hover, a:active {
		text-decoration: none;
		color: #e6a740;
                background-color: none;
	}

        #menu li img { 
                padding-right: 5px;
        }




/* Content block. */

	#contents {
/*                background-image: url(images/indigo-grad-550.jpg); 
                background-repeat: repeat; */
                margin-top: 0px;
		margin-right: 200px;
                margin-bottom: 40px;
		margin-left: 0px;
                padding: 20px;
	}

        #contents p { 
                line-height: 1.65em;
        }	

        #contents ul {
                list-style-type: disc;
                text-align: left;
                margin-top: 10px;
                margin-left: 20px;
        }
	
        #contents ul li {
/*                display: inline; */
                padding: 0 0 0 7px;
         }

        #contents ul li a {
                text-decoration: none;
        }

        #contents ol { 
                list-style-type: decimal;
        }

        #contents ol li { 
                display: list-item;
                margin: 0 50px 20px 20px;
        }



/* Contents div for the index.php page, which is different than the others. */

        #contents-index { 
                margin: 10px auto;
                width: 795px;
                background-color:  #092138; /* Dk indigo. */
                position: relative;
                text-align: center;
        }




/* This is the horizontal navigation bar. It's a php include in the footer.  */
	#navbar {
		background-color: #092138; /* Dk indigo. */
		color: #da7b15;
		margin-top: 10px;
		margin-bottom: 25px;
                padding: 3px 0 3px 3px;
                font-size: .8em;
                text-align: center;
	}
	
	#navbar ul {
		margin: 0 0 0 20px;
		padding: 0;
		list-style-type: none;
	}
	
	#navbar li {
		display: inline; 
/*		border-right: 2px solid #bebeed;
                border-left: 1px solid #bebeed; */
                padding-right: 10px;
                padding-left: 10px;
	}
	
	#navbar li a
	{
		text-decoration: none;
		color: #94d7c8;
	}
	
	#navbar li a:hover, a:active {
		text-decoration: none;
		color: #cd210c;
		background-color: none; 
	} 



/* Footer div. */
	#footer	{
		clear: both;
                background-color: #092138; /* Dk indigo. */
                padding-top: 10px;
                padding-bottom: 20px;
/*                border-top: 1px dotted #809388; */
	}

	.footerinfo { 
                color: #90928f;
                margin-right: 150px;
                margin-left: 150px;
                font-size: .9em;
                text-align: center;
                background-color: #092138; /* Dk indigo. */
        }



/* Miscellaneous rules. */



/* Floating images. */
        .imagefloatright {
		float: right;
		padding: 2px;
                color: #89590d;
                font-size: .9em;
/*		border: 1px solid #809388; */
		margin: 0px 0px 10px 15px;
                text-align: center;
        }

        .imagefloatleft {
		float: left;
		padding: 2px;
                color: #89590d;
                font-size: .9em;
/*		border: 1px solid #809388; */
		margin: 0px 15px 10px 0px;
                text-align: center;
        }


        .center-nofloat { 
                float: none;
                color: #89590d;
                font-size: .9em;
                text-align: center;
        }

/*        .center-nofloat p {
                color: #89590d;
                font-size: .9em;
                text-align: center;
                } */



        .name { 
                color: #380202;
		font: 1.2em trebuchet, ariel, sans-serif;
                font-size: 1em;
        }


        .cost { 
               color: #a15edb;
               font-weight: bold;
        }


        .top { 
                font-size: .8em;
                text-align: right;
        }


/* Basic alignment rules. Example html:
<p class="left"></p> <p align="left"></p>*/

        .center { 
                text-align: center;
        }

        .left { 
                text-align: left;
        }

        .right { 
                text-align: right;
        }




/* Forms. */

        .formlabel { 
               color: #4b8e2e;
               text-align: right;
        }


        .required { 
               color: #e82321;
               font-size: 1.35em;
        }




/* Clean gallery output styles. gThumb generated. */


    span.titolo { 
      color: black; 
      font-weight: bold;
      font-size: large;
      text-transform: uppercase; 
    }
    span.copyright {
      color: gray;
      font-size: x-small;
      text-align: center;
    }
    img.thumbnail {
      border-width: 0px;
    }
    td.td_index {
      width: 215px;
      vertical-align: top;
    }




    .clearboth { 
      clear: both;
    }