/** BASIC */

body {
	margin: 20px 0px 0px 0px;
	background-image: url(http://www.canvaspic.com/ebay/images/0008d-background.jpg);
	text-align: justify;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #274690;
}

h1 {
	font-family: Techno, Impact, sans-serif;
	font-size: 44px;
	font-weight: normal;
	letter-spacing: 0px;
}


h2, h3, h4, h5{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #274690;
	letter-spacing: -1px;
}


h6 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #274690;
	letter-spacing: -1px;
	display:inline;
}



ul {
	margin-left: 10px;
	padding-left: 0px;

}

a {
	color: #274690;
}



/** HEADER */



#header {
	width: 800px;
	height: 80px;
	margin: 0px auto;
	background: #9AB0E4 url(http://www.canvaspic.com/ebay/images/img01.gif) no-repeat left top;
}

#header h1 {
	float: left;
	margin: 0px;
	padding: 18px 0px 1px 12px;
}

#header h2 {
	float: right;
	margin: 0px;
	padding: 43px 10px 0px 0px;
	background: url(http://www.canvaspic.com/ebay/images/img02.gif) no-repeat right top;
}



/** CONTENT */

#content {
	width: 800px;
	margin: 0px auto;
	background: url(http://www.canvaspic.com/ebay/images/img04.gif) repeat-y left top;
}

#columnA {
	float: right;
	width: 500px;
	padding: 20px;
}

#columnB {
	float: left;
	width: 200px;
	padding: 20px 20px 0px 20px;
}

#columnB h2 {
	font-size: large;

}
#columnB h3 {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: -1px;
}

/** FOOTER */

#footer {
	width: 800px;
	margin: 0px auto;
	background: #809CDD url(http://www.canvaspic.com/ebay/images/img05.gif) no-repeat left bottom;
}

#footer p {
	margin: 0px;
	padding: 15px 10px;
	background: url(http://www.canvaspic.com/ebay/images/img06.gif) no-repeat right bottom;
	font-size: smaller;
	color: #274690;
}


/** MENU */

#menu {
	width: 800px;
	height: 32px;
	margin: 0px auto;
	background: url(http://www.canvaspic.com/ebay/images/img03.gif) repeat-x left top;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 10px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline; color: white;
	}

}




/** =========== break ============== */



#imageList {
	margin: 0 auto;
	text-align: center;
}
#pictures .img-shadow {
	float: left;

}
#sidebar, #addendum {
	font-family: verdana, arial, sans-serif;
	font-size: 90%;
	line-height: 1.2em;
	margin: 35px 0 0 25px !important;
	margin: 25px 0 0 25px;
	position: relative;
	width: 195px;
}
#sidebar .section {
	background-color: #efefef;
	border: solid 1px #fc9;
	margin: 15px 0;
	padding: 5px;
}
#sidebar h3 {
	/*
	For some crazy reason, IE does not like to render the heading
	background and borders consistently. To accomodate that, since IE
	doesn't follow the !important rules correctly I exploit it to my advantage.
	*/
	background-color: #202020 !important;
	background-color: #efefef;
	color: #fff !important;
	color: #202020;
	font-size: 100%;
	margin: 0;
	padding: 2px 5px 2px 10px;
}
#sidebar p {
	margin: 0;
	padding: 5px;
}
#sidebar a:link, #sidebar a:visited {
	color: #646E57;
	text-decoration: underline;
}
#sidebar a:hover {
	color: #646E57;
	text-decoration: none;
}
#sidebar ul {
	line-height: 1.5em;
	margin: 4px 0 15px 0;
	padding: 5px;
}
#sidebar li {
	margin: 0 0 0 13px;
}




/** =========== extra stuff ============== */

.img-shadow {
	float: right;
	background: url(http://www.canvaspic.com/ebay/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(http://www.canvaspic.com/ebay/images/shadow.gif) no-repeat bottom right;
	margin: 14px 14px 0 14px !important;
	margin: 14px 14px 0 14px;
}
.img-shadow img {
	background-color: #fff;
	border: 1px solid #A9A9A9;
	display: block;
	margin: -6px 6px 6px -16px;
	padding: 3px;
	position: relative;
}


/* Design 4 */
table.Design4 {
    border-spacing: 0px;
    border-collapse: collapse;
    position:relative;
    left:10px
}
table.Design4 th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border-bottom: 2px solid #FFFFFF;
    background: #D4DCED;
}
table.Design4 td {
    text-align: right;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.1em 0.5em;
    background: #C3CCE1;
}

table.Design4 thead th {
    background: #687EAB;
    color: #FFFFFF;
    text-align: center;
}
table.Design4 th.Corner {
    text-align: left;
}

/** =========== footer menu ============== */

 #footerM{
   margin-top:10px;
   float: left;
   position:relative;
   display:block;
   height:26px;
   margin-bottom:0px;
   bottom: 0;
   width: 100%;
   text-align: center;
   }

      #footermenu{
      margin-left: 150px ;
      margin-right: auto ;
      height: 26px;

      }

         #footermenu ul{
         display:inline;
         list-style: none;
         padding: 0px;
         vertical-align:bottom;
         }

            #footermenu ul li{
            display:inline;
            float:left;
            height: 30px;
            padding-right: 1px;
            padding-left: 5px;
            margin-top: -8px;
            padding-top:21px;
            width: 1;
            }

               #footermenu ul li a{
               font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
               font-size:11px;
			   font-weight: bold;
               height: 16px;
               padding: 0px 8px;
               color: #111111 ;
               display: block;
               float:left;
               clear:both;
               }

                  #footermenu ul li a:hover{
                  height: 18px;
                  color: #666666;
                  text-decoration: underline; color: blue;
                  }

                     #footermenu ul li a.current{
                     height: 25px;
                     color: #666666;
                     text-decoration: none;
                     }