body {
	margin: 15px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	background-color: #FFF;
	font-size: 14px;
	}

img{
	border:0;
	padding:0;
	margin:0;
}

td{
	vertical-align : top;
	padding: 0; 
	border-width: 0;
}

table#container, table#header{
	width:100%;
}

table#menu{
	width:120px;
	margin:20px 15px;
}

tr#top{
	background-color : #000066;
}

td#topbar{
	background : transparent url(i/bar-top.gif) top left ;
	background-repeat : repeat-x;
	height: 30px;
	padding: 0;
}

td#bottombar{
	background : transparent url(i/bar-bottom.gif) top left ;
	background-repeat : repeat-x;
	height: 16px;
	line-height:10px;
	padding: 0;
}

td#bottomcopy{
	background-color : #000066;
}

td#lside, td#rside{
	background : transparent url(i/bg-sidemenu.gif) top left ;
	background-repeat : repeat;
	padding: 0;
	width : 150px;
}

td#content{
	width: auto;
	padding: 0 20px;
	background-color : transparent;
}	

td#menu-t{
	background : url(i/menu-tt.gif) top left;
	height: 10px;
}

td#menu-c{
	background : url(i/menu-tm.gif) top left  repeat-y;
	padding: 0;
}

td#menu-b{
	background : url(i/menu-tb.gif) top left;
	height: 10px;
}
	
a {
	text-decoration: none;
	font-weight: bold;
	color:  #ccc;
	outline: none;
	}
a:visited {
	color:  #ccc;
	}
a:active {
	color:  #ccc;
	}
a:hover {
	color: #ccc;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 14px;
	line-height: 18px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
	
p.breadcrumbs{
	text-align : right;
	margin: 0;
	padding: 0 180px 0 0;
	font-size : 16px;
	font-weight : bold;
	line-height : 24px;
}

p.search{
	text-align:center;
	font-weight : bold;
}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/
h1,h2,h3,h4,h5,h6{
	color: #222;
	background-color : transparent;
}

h1 {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin: 20px 0 15px 0;
	}
h2 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin: 0;
	}
h3 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin: 20px 0 0 0;
	}
h4 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 0;
	}
h5 {
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	margin: 0;
	}
h6 {
	font-size: 8px;
	line-height: 16px;
	font-weight: bold;
	margin: 0;
	}

	
td#rside img{
			margin: 30px auto;
			display : block;
}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}	

td#menu-c ul{
	list-style : none;
	padding: 0;
	margin: 0;
	border: 0;
	font-weight: bold;
	font: 14px/22px Arial, Helvetica, sans-serif;
	background : url(i/menu-tm.gif) top left  repeat-y;
	color: #222;
}

td#menu-c li{
	text-align: center;
	width: 120px;
	background : url(i/menu-tm.gif) top left  repeat-y;
	color:#333;
}

td#menu-c li a{
	display : block;
	background : transparent;
	color: #222;
	text-decoration: none;
	width: 120px;
}

td#menu-c li a:hover{
	background : transparent;
	color: White;
	background: #708090;
	text-decoration: none;
}

td#menu-c li.thispage{
	text-align: center;
	font-weight:bold;
	width: 120px;
	color: White;
	background: #708090;
	}


	

td#menu-c ul ul{
	list-style : none;
	padding: 0;
	margin: 0;
	border: 0;
}

td#menu-c li li{
	text-align: center;
	width: 120px;
	color: #222;
	background : transparent;
}

td#menu-c li li a{
	display : block;
	background : transparent;
	color: #222;
	text-decoration: none;
	width: 120px;
}

td#menu-c li li a:hover{
	color: White;
	background: #708090;
	text-decoration: none;
}

td#menu-c li li.thispage{
	text-align: center;
	width: 120px;
	font-weight:bold;
	color: White;
	background: #708090;
}

img.rhs{
	/* padding: 15px 0; */
	margin: 0 0 15px 15px;
	/*padding: 0 0 15px 15px;*/
}

img.lhs{
	/* padding: 15px 0; */
	margin: 0 15px 15px 0;
	/*padding: 0 15px 15px 0;*/
}

td#content ul{
	line-height : 160%;
	font-size : 14px;;
	color : #3E3476;
}
a.c{
	font-weight:normal;
}
	
a.c:link{
color: #4682B4;
text-decoration:none;
}

a.c:visited{
color: #4682B4;
text-decoration:none;
}

a.c:hover{
color: #4682B4;
text-decoration:underline;
}

a.c:active{
color: #4682B4;
text-decoration:none;
}
.copyright{
	font-size : 11px;
	text-align : center;
	color: #4682B4;
	margin: 0;
	background-color : transparent;
	padding: 2px 0 2px 0;
}
.address, .formfield{
	margin:0 0 0 10px;
	color: Navy;
	background-color : White;
	line-height:100%;
}

input.search{
	margin: 15px 25px 15px 25px;
	width: 100px;
}

#shopsearch{
	width: 120px;
	text-align : center;
}