/* Maroon: #b21e1e
Mulberry: #9c6d6d
Gold: #e79203 
Blue: #58a0dc
*/

html {background-color: #9c6d6d;}

body {background-color: #ffffff; margin-top: 0px; margin-left: auto; margin-right: auto; padding: 20px; min-height: 800px; width: 780px;}
 /* mac hide \*/
 * html body{height: 1000px}
 /* end hide */

a:link{
color:#58a0dc;
background-color: #transparent;
text-decoration:none;
cursor:pointer;hand}

a:hover{
color: #e79203;
background-color:transparent;
text-decoration:none;
cursor:pointer;hand}

a:active{
color:#ff0000;
background-color:transparent;
text-decoration:none;
cursor:pointer;hand}

a:visited{
color:#58a0dc;
background-color:transparent;
text-decoration:none;
cursor:pointer;hand}

a.nav:link{
color:#ffffff;
font-weight : bold;
background-color:#ac8787;
text-decoration:none;
cursor:pointer;hand}

a.nav:hover{
color:#edad42;
font-weight : bold;
background-color:#ac8787;
text-decoration:none;
cursor:pointer;hand}

a.nav:active{
color:#ff0000;
font-weight : bold;
background:transparent;background-color:#ac8787;
text-decoration:none;
cursor:pointer;hand}

a.nav:visited{
color:#e2f8fb;
font-weight : normal;
background-color:#ac8787;
font-style:normal;
cursor:pointer;hand}

p { font-family : Verdana, Geneva, sans-serif;
font-style : normal;
font-weight : normal;
color : #000000;
background-color: #ffffff; 
word-spacing : normal;
letter-spacing : normal;
text-decoration : none;
text-align : left;
line-height : 15px;
font-size : 12px;
margin-top : 0px;
margin-bottom : 5px;}

p.specs { font-family : Verdana, Geneva, sans-serif;
font-style : normal;
font-weight : normal;
color : #000000;
background-color: #ffffff; 
word-spacing : normal;
letter-spacing : normal;
text-decoration : none;
text-align : left;
line-height : 15px;
font-size : 12px;
margin-top : 0px;
margin-right: 10px;
margin-bottom : 5px;}

h1 { font-family : Verdana, Geneva, sans-serif;
font-style : normal;
font-weight : bolder;
color : #b21e1e;
background-color: #ffffff;
letter-spacing : 0px;
text-decoration : none;
text-align : left;
line-height : 28px;
font-size : 22px;
margin-top : 0px;
margin-bottom : 5px;}

h2 { font-family : Verdana, Geneva, sans-serif;
font-style : normal;
font-weight : bold;
color : #b21e1e;
background-color: #ffffff; 
word-spacing : normal;
letter-spacing : 0px;
text-decoration : none;
text-align : left;
line-height : 24px;
font-size : 18px;
margin-top : 0px;
margin-bottom : 5px;}

h3 { font-family : Verdana, Geneva, sans-serif; font-style : normal;
font-weight : bold;
color : #b21e1e;
background-color: #ffffff; 
word-spacing : normal;
letter-spacing : 0px;
text-decoration : none;
text-align : left;
line-height : 20px;
font-size : 16px;
margin-top : 0px;
margin-bottom : 5px;}

h4 { font-family : Verdana, Geneva, sans-serif; font-style : normal;
font-weight : bold;
color : #b21e1e;
background-color: #ffffff; 
word-spacing : normal;
letter-spacing : 0px;
text-decoration : none;
text-align : left;
line-height : 18px;
font-size : 14px;
margin-top : 0px;
margin-bottom : 5px;}

h5 { font-family : Verdana, Geneva, sans-serif; font-style : normal;
font-weight : bold;
color : #b21e1e;
background-color: #ffffff; 
word-spacing : normal;
letter-spacing : 0px;
text-decoration : none;
text-align : left;
line-height : 15px;
font-size : 12px;
margin-top : 0px;
margin-bottom : 5px;}

h6 { font-family : Verdana, Geneva, sans-serif; font-style : normal;
font-weight : bold;
color : #58a0dc;
background-color: #ffffff; 
word-spacing : normal;
letter-spacing : 0px;
text-decoration : none;
text-align : left;
line-height : 15px;
font-size : 10px;
margin-top : 0px;
margin-bottom : 5px;}

h6.return { font-family : Verdana, Geneva, sans-serif; font-style : normal;
font-weight : bold;
color : #58a0dc;
background-color: #ffffff; 
word-spacing : normal;
letter-spacing : 0px;
text-decoration: underline;
text-align : left;
line-height : 20px;
font-size : 10px;
margin-top : 0px;
margin-bottom : 5px;}

strong {font-weight: bold; color : #b21e1e;}

li {margin-bottom : 5px;}

td.text{border-right: 4px solid #e79203; 
width: 220px; 
padding: 0px;
vertical-align: top;}

td.images{padding-top: 5px; padding-left: 5px; vertical-align: top;}

ul{ list-style: square inside;
  font: normal 12px/14px Verdana,Geneva,sans-serif;
  color: #b21e1e;
  background: transparent;
  text-align: left;
  margin: 2px 5px 5px 5px}

ol{font: normal 12px/14px Verdana,Geneva,sans-serif;
  color: #000000;
  background: transparent;
  text-align: left;}

img.mini {border:none} /* no border around left column images */

div.minis a:hover {background:white} 
/*necessary for css to work properly in IE6 */

div.minis a img.big {height: 0; width: 0; border-width: 0;} 
/* hide the big image by making its height and width 0 */

div.minis a:hover img.big {position: absolute; top: 0px; left: 110px; height: 285px; width: auto; border: none; z-index: 50;}
/* make the big image appear in the same space as the frame at right when the visitor hovers over one of the images in left column */

p.pics {margin-bottom: 8px}
 /*add bottom margin to p elements so that they are (roughly) aligned with the big image frame */

img {background-color: transparent;}