/**********/
/*position*/
/**********/

 #nav {
	position:absolute;
        top:20px;
        left:630px;
	padding: 0;
        margin-right:auto;
	background: #dd3333;
	border: none;
        height:100%;
	width: 200px;	}

#main {
        position:absolute;
        top:20px;
        left:20px;
        padding: 10px 2% 10px 2%;
	margin-right:auto;
        margin-left:auto;
	background: #cd3333;
        height:100%;
	border: none;
	width: 550px;
        border-left:1px solid #bb3119;
        border-top:1px solid #bb3119; 
        }
        

/*********/
/*generic*/
/*********/

body {background-color:#dd3333;
        font-family: Verdana;
    font-weight: normal;
    font-size: 10px;
    color:red;
    padding:5px;}

h1 {background-color:#ffffff;
    font-weight: bold;
    font-size: 18px;
    text-align:center;
    color:white;
    padding:2px;
    width:550px;
    }
    
h2 {background-color:#bb3119;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    color:white;}
    
h3 {font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color:red;}


    
p {padding:5px;}
    
a:link, a:visited{
	color: #3333AA;
	text-decoration: none;}
a:hover, a:active{
        color: yellow;
	text-decoration: none;}
        
ul {font-family: Verdana;
    font-weight: normal;
    font-size: 10px;
    color:blue;
    }
    
img {text-align:center;
     border:2px ridge white;}



img.title { border:3px ridge red;}




/*NAV*/
#button, #mainorder {
        padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: #deba90;
	color: #333;
	}
        
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #deba90;
		margin: 0;
		}
                
#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #cd6950;
		border-right: 10px solid #bb3119;
		background-color: #dd3333;
		color: #fff;
		text-decoration: none;
                width: 190px;}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		border-left: 10px solid #e0a35b;
		border-right: 10px solid #d1641c;
		background-color: #d78625;
		color: #fff;
		}
                
/*mainorder*/

#mainorder  {
	width: 200px;
	border-right: 10px solid #bb3119;
	background-color: #dd3333;
        border-left: 10px solid #cd6950;
	padding: 0 0 1em 0;
	margin-bottom: 0;
        font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	
	color: #333;
        text-align:center;
	}


#mainorder ul{
                list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#mainorder li {
		border-bottom: 1px solid #90bade;
		margin: 0;
                color:yellow;


		}
#mainorder  p{margin-bottom: 1em;
background-color: #90bade;
}





/*outside*/
.buffa  {float:left;
        background-color:#ddffdd;
        width:46%;
        border:1px solid red;
        margin:2px;
        padding:2px;
        
    }
    
.buffb  { float:right;
        background-color:#ddffdd;
        width:46%;
        border:1px solid red;
        margin:2px;
        padding:2px;
        
    }
    
.white {color:white;}
    
.clearing {
clear: both;
}


#wrapper {background-color:#dd3333;
        width:545px;
        margin:2px;
        padding:4px;
         }
    

#wrapper h1, #wrapper p {background-color:#dd3333;
        width:545px;
        font-size:12px;
        padding:2px;
        text-align:center;
        color:white;}
        
#wrapper h2 {color:yellow;}

#wrapper form {color:white;}




.adds {font-family: Verdana;
    font-weight: normal;
    font-size: 10px;
    color:blue;
    background-color:#ddffdd;
    border:1px solid red;
    padding:5px;
    list-style: none;
    }
    
.adds li {color:black;}