/* <default rules> */
/* it's recommended not to change them */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
img {vertical-align:top;}
ul,ol { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
.clearer { clear: both; height: 1px; overflow: hidden; margin-bottom: -1px; font-size: 1px; line-height: 1px; }
.replacement { position: absolute; z-index: 10; background-repeat: no-repeat; }
a:link, a:visited { text-decoration:underline; }
a:hover { text-decoration:none;}
a .replacement {    z-index: 20; cursor: hand; }
/* </default rules> */ 

body {background: url(pix/tlo.jpg) repeat-x; font-family: Trebuchet MS, Arial; font-size: 13px;}
h1 {font-size: 18px; color: #b6272e; padding-bottom: 15px;}
p {padding-bottom: 15px;}

#wrapper {margin: 0 auto; width: 973px;}
#container {background: #f0f0f0 url(pix/menu-tlo.gif) repeat-y; height:100%;}
#menu {float: left; width: 250px; text-align:right; clear: none;}
#menu ul {padding-right: 6px; padding-top: 2px;}
#menu li {padding-bottom: 2px;}
#menu a {height: 43px;}

#content {float: left; width: 643px; min-height: 310px; ; background: #fff url(pix/content-tlo.jpg) top right no-repeat; padding: 30px 40px 15px 40px; }
#content ul {list-style-type: disc; padding-left: 15px; padding-bottom: 15px;}

a:hover {color: #018dc0; background: #e9f1f4; text-decoration:underline;}
a:link {color: #018dc0; }