body {
background-image:url(images/bodybg.jpg);
}

#wrapper {
width:780px;
margin:0 auto;
background-color:#FFFFFF;
border:1px solid #0099FF;
text-align:justify;
}
#wrapper #header {
width:100%;
}

#wrapper a:link, a:visited {
text-decoration:none;
color:#0000FF;
}
#wrapper a:hover {
text-decoration:underline;
color:#0088FF;
}
#header .header-left {
float:left;
width:560px;
}
#header .header-right {
float:right;
width:218px;
}

#wrapper #top-nav {
clear:both;
}

#top-nav .nav-l {
float:left;
background-image:url(images/nav-l.gif);
height:30px;
width:8px;
background-repeat:no-repeat;
margin-left:5px;
}
#top-nav .nav-m {
background-image:url(images/button-n.gif);
height:25px;
width:100px;
font:17px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
text-align:center;
background-repeat:no-repeat;
}

#top-nav .nav-m a:link {
color:#FFFFFF;
text-decoration:none;
}
#top-nav .nav-m a:visited {
color:#FFFFFF;
text-decoration:none;
}
#top-nav .nav-m a:hover {
color:#FFFF99;
text-decoration:underline;
}
#top-nav .nav-r {
float:left;
background-image:url(images/nav-r.gif);
height:30px;
width:8px;
background-repeat:no-repeat;
}
#wrapper #content {
clear:both;
height:auto;
overflow:hidden;
}

#content .sidebar {
float:left;
width:145px;
background-image:url(images/sidebar-bg.jpg);
padding-bottom: 30000px;
margin-bottom: -30000px;
background-repeat:repeat-y;

}

#content .main {
float:right;
width:610px;
margin-right:5px;
}

.main h2, h3 {
color:#003366;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:0;
}

.main .showmain {
color:#CC0000;
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
}

.matter-ul ul {
list-style-type:square;
font:14px Verdana, Arial, Helvetica, sans-serif;
color:#222222;
margin-top:0;
}

.main .matter-hl {
margin:0 auto;
width:450px;
font:16px Arial, Helvetica, sans-serif;
padding:10px 40px 10px 40px;
border:2px solid #333333;
background-color:#DDDDDD;
}

.main .slightly-big {
font:15px Verdana, Arial, Helvetica, sans-serif;
color:#222222;
}

.main .bot-nav {
font:13px Verdana, Arial, Helvetica, sans-serif;
color:#222222;
text-align:center;
}

.main .copy {
font:12px Arial, Helvetica, sans-serif;
color:#222222;
}

.main .matter {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#222222;
line-height:18px;
text-align:justify;
padding:10px 10px 10px 10px;
}

.main .orderline {
font:22px Arial, Helvetica, sans-serif;
color:#222222;
text-align:center;
}

.sidebar .newsform {
border:1px solid #333333;
margin:0 5px 0 5px;
font:13px Verdana, Arial, Helvetica, sans-serif;
}

.newsform .textbox {
border:1px solid #999999;
width:110px;
margin:0 auto;
}

.main .faq {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#111111;
line-height:18px;
text-align:justify;
padding:10px 20px 10px 20px;
}

.main .note {
font:14px Verdana, Arial, Helvetica, sans-serif;
color:#336699;
padding:20px 20px 20px 20px;
}

.main .gu-ans {
color:#111111;
font:13px Arial, Helvetica, sans-serif;
line-height:18px;
text-align:justify;
padding:20px 20px 20px 20px;
}