body {background-color: rgb(77,154,198); text-align: center; font-family: verdana, tahoma, arial, sans-serif;}
p, ul, td, a {font-size: 10px; line-height: 14px; color: rgb(10,62,89);}
#all, #top, #menu, #ads, #foot {width: 848px;}
#all {text-align: center; margin: 0 auto;}
#top, #menu, .box h2, .nid h2 {background-color: transparent; background-position: top left; background-repeat: no-repeat;}
#top {height: 98px; background-image: url(gfx/top.jpg);}

#menu {height: 28px; background-image: url(gfx/menu.jpg);}
#menu img {border: none;}
#menu .first {margin-left: 40px;}
#menu a {margin: 0 8px 0 0;}

#in, .out {float: left; margin-left: 4px;}
#in	{
	width: 475px;
	margin-right: 1px;
}
.out {width: 170px;}

.box h2, .mid h2 {font-size: 10px; line-height: 10px; color: rgb(121,127,144); padding: 6px 0 7px 32px; margin: 0;}

.box {padding-bottom: 8px; margin-bottom: 16px;}
.box h2 {background-image: url(gfx/boxhead.jpg);}
.box div {background-image: url(gfx/boxbg.gif); background-repeat: repeat-x; padding: 4px 4px 4px 4px; border: 1px solid #eee;}
.box p, .box ul {margin-top: 0; margin-bottom: 0;}
.box a {font-weight: bold; text-decoration: none; text-transform: uppercase;}
.box a:hover {text-decoration: underline;}
.box ul {list-style-type: none; margin-left: 0; padding-left: 0;}
.box li {padding-left: 0;}


.mid {padding-bottom: 8px; margin-bottom: 16px;}
.mid h2 {background-image: url(gfx/midhead.jpg); padding-left: 40px;}
.mid div {
	background-image: url(gfx/boxbg.gif);
	background-repeat: repeat-x;
	border: 1px solid #eee;
	padding: 8px;
}

#foot {clear: both; text-align: center; border-top: 1px solid #eee; padding-top: 8px;}
#foot a {color: rgb(10,62,89); text-decoration: none;}
#foot a:hover {text-decoration: underline;}