body
{
	margin: 10px 0px 0px 10px;
	padding: 0;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
	background-color: #EADACC;
	color: #333;
	width: 810px;

}

#header
{
	width: 100%;
	height: 80px;
	color: #000;
	background-color: #FFF;
	background-image: url(/listamatic/images/listamatic.gif);
	background-repeat: no-repeat;
	background-position: 17px 6px;
}

#header h1 { display: none; }
h2, h3, ul, ol { margin-left: 30px; }
p { margin-left: 5px; }
/*p, ol { width: 50em; } */
ul, ol { padding-left: 30px; }

h2
{
	font-size: 140%;
	color: #666;
	background-color: transparent;
	width: 22em;
}

h3
{
	font-size: 110%;
	color: #666;
	background-color: transparent;
	width: 25em;
}

#navcontainer ul
{
margin: 0;
padding-left: 0;
margin-left: 0;
margin-bottom: 10;
background-color: #004f53;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #004f53;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #5d9d9d;
color: #fff;
}

#navcontainer li#active 
{ 
background-color: #5d9d9d;
color: #fff;
}

#navcontainer a#current
{
background: #5d9d9d;
}

#navcontainer_v { width: 100%; }

#navcontainer_v ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer_v a
{
display: block;
padding: 5px;
width: 160px;
background-color: #004f53;
border-bottom: 1px solid #eee;
}

#navcontainer_v a:link, #navlist_v a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer_v a:hover
{
background-color: #5d9d9d;
color: #fff;
}

.header {font-size: 14px; font-family: geneva, verdana, sans-serif }
.special { font-size: 12px }
.specialAnnouncement { color: #FFFFFF ; font-weight: bold}
.specialPrice { font-size: 10px; font-family: geneva, verdana, sans-serif }
.specialArtistName { font-weight: bold; color: #065073}
.specialAlbumTitle { font-weight: bold}
.specialTitle { font-weight: bold}
.blueHeader { font-size: 13pt; 
    background-color: #0C568D; 
    color: #FAFAFA; 
    background-image: url(images/nav_background2.gif) }
.blueTitle {background-color: #EEF1FF; color: #000000; }

.greenheader { font-size: 13pt; 
    background-color: #004f53; 
    color: #FFFFFF; }
.greentitle {background-color: #ADD7A7; color: #000000; }
.traveltitle {background-color: #E6E01E; color: #000000; }

.colorRed{ color: #FF0000 }
.colorGreen{ color: #09EE09 }
.colorGray{ color: #999999 }
.colorWhite{ color: #FFFFFF }

.backgroundGray{ background-color: #EFEFEF }
.backgroundWhite{ background-color: #FFFFFF }

ul#photolist
{
width: 336px;
\width: 338px;
w\idth: 336px;
padding: 0px;
border: 1px solid #808080;
border-top: 0px;
margin: 0px;
font: bold 12px verdana,helvetica,arial,sans-serif;
background: #808080;
}

ul#photolist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #808080;
}

ul#photolist li a
{
display: block;
width: 300px;
\width: 302px;
w\idth: 300px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #aaaabb;
background: #ccccdd;
text-decoration: none;
text-align: right;
}

ul#photolist li a:link { color: #666677; }
div#photocontainer li a:visited { color: #666677; }

ul#photolist li a:hover
{
border-color: #ff9000;
color: #ffffff;
background: #000d33;
background: #004f53;

}


/*set CSS for SPAN tag surrounding each image*/
.seqslidestyle{
margin-right: 15px;
}


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                      /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form.login input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
	
form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}