body{
text-align:center;
}

#container{
width:800px;
height:auto;
background-color:#fff;
margin-left:auto;
margin-right:auto;
text-align:center;
background-color:#ffebde;
}

#banner{
width:800px;
}

#nav{
width:800px;
background-color:#ffebde;
text-align:center;
}

#nav ul{
display:inline;
font-family:ms trebuchet,verdana,sans-serif;
color:#c0c0c0;
font-size:.7em;
}
#nav ul li{
display:inline;
}

#info{
width:500px;
float:left;
background-color:#ffebde;
margin-right:25px;
margin-left:10px;
}

#news{
width:220px;
float:left;
border:1px solid #000000;
border-top:0px;
background-color:#ffebde
}

#logos{
width:800px;
border-top:2px solid #000;
}



#footer{
width:800px;
}

h2 {
font-size:22px;
font-family:trebuchet ms,sans-serif;
display:inline;
color:#3333ff;
}

h3 {
font-size:16px;
font-family:trebuchet ms,sans-serif;
text-align:center;
color:#3333ff;
}

h4{
font-size:14px;
font-family:trebuchet ms,sans-serif;
text-align:center;
color:#000;
}

p {
font-size:14px;
font-family:trebuchet ms, sans-serif;
text-align:center;
}

table{
font-size:14px;
font-family:trebuchet ms, sans-serif;
}

.stripe {
background: #333 url(images/stripe.png);
height: 6px;
}

#nav a {
display: inline;
height: 40px;
width: 100px;
padding: 0 15px;
color: #000;
text-decoration: none;
background-color: #ffebde;
border-left:1px solid #000;
border-right:1px solid #000;
}

#nav a:hover {
color: #000000;
background-color: #CCCCCC;
background-image: url('../images/navroll.jpg');
}

#info ul{
display:inline;
font-family:ms trebuchet,verdana,sans-serif;
color:#c0c0c0;
font-size:.7em;
}
#info ul li{
display:inline;
}

#info a {
display: inline;
padding: 0 15px;
color: #000;
text-decoration: none;
background-color: #ffebde;
border:1px solid #000;
background-repeat:repeat-x;
}

#info a:hover {
color: #000000;
background-color: #CCCCCC;
}

#info li a{
color:#000;
height:50px;
width:150px;
text-decoration:none;
text-align:center;
border:2px solid #000;
background-image:url('../images/productselect.jpg');
padding-bottom:5px;
}

#info li a:hover{
color:#000;
height:50px;
width:150px;
text-decoration:none;
text-align:center;
border:1px solid #000;
background-image:url('../images/productselectroll.jpg');
background-color:#ffebde;
padding-bottom:5px;
}

#info li.2 a{
color:#000;
height:50px;
width:300px;
text-decoration:none;
text-align:center;
border:2px solid #000;
background-image:url('../images/productselect.jpg');
padding-bottom:5px;
}

#info li.2 a:hover{
color:#000;
height:50px;
width:300px;
text-decoration:none;
text-align:center;
border:1px solid #000;
background-image:url('../images/productselectroll.jpg');
background-color:#ffebde;
padding-bottom:5px;
}

#info ul li.2{
display:inline;
}

#info p a{
color:#0000ff;
height:auto;
width:auto;
text-decoration:none;
text-align:center;
border:0px;
background-image:none;
padding-bottom:5px;
}

#info p a:hover{
color:#ff0000;
height:auto;
width:auto;
text-decoration:none;
text-align:center;
border:0px;
background-image:none;
background-color:#ffebde;
padding-bottom:5px;
}

p.left{
font-size:14px;
font-family:trebuchet ms, sans-serif;
text-align:left;
}

info table td a img{
background-image:none;
background-color:#ffebde;
border:0px;
}

info table td a img:hover{
background-image:none;
background-color:#ffebde;
border:0px;
}

/*Drawer controls*/
div.csheader
{
width:100%;
margin:0;
font-family:trebuchet ms,Verdana, sans-serif;
font-size:14px;
color:#000;
background:#ffebde;
border-bottom:1px #000 solid;
text-align:center;
}
div.csbodycollapse
{
display:none;
width:100%;
height:0px;
}
div.csbodycollapse img
{
height:0px;
}
div.csbodyexpand
{
width:100%;
height:auto; 
overflow:auto; /*This allows the div itself to scroll – a very useful property!*/
border-bottom:2px #000 solid;
}
/*General formatting*/

}
form {
display:inline;
}

.expandable {
		border-top: 1px dotted #aaaaaa;
		background-color: #eeeeee;
		padding: 20px;
		}
		
#jason {
width:100%;
height:700px; /*This allows the div itself to scroll – a very useful property!*/
border-bottom:2px #000 solid;
}