html {height: 100% }

body {  height: 100%;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 0px; 
 margin-right: 0px;
 font-size: 13px;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 background: #ddeeff }

#wrap { min-height: 100%;
 width: 780px;
 margin: auto;
 position: relative;
 float: left }

* html #wrap {height: 100%} 

#header { height: 60px;
 border: 0px none;
 background-image: url('images/tuwd_head.gif');
 background-position: center;
 background-repeat: no-repeat }

#inner-wrap { padding-bottom: 30px }

#inner-wrap: after { content: "";
 display: block;
 clear: both }

#footer { position: absolute;
 bottom: 0;
 height: 20px;
 width: 100%;
 text-align: left;
 margin: auto } 

#left { float: left;
 width: 150px }

#main { position: relative;
 margin-left: 170px } 

a.gnav { margin-left: 10px;
 text-decoration: none;
 color: #0000ff;
 font-weight: bold;
 font-size: 12px;
 font-family: Verdana,Arial,Helvetica,sans-serif }
a.gnav:hover { color: #000066; 
 text-decoration: none }

a { text-decoration: underline;
 color: #0000ff }
a:hover { color: #000066 }

h1 { font-size: 24px;
 font-weight: bold;
 font-family: Verdana,Arial,Helvetica,sans-serif; 
 text-align: center;
 margin-top: 16px;
 margin-bottom: 0px;
 color: #000066 }

h2 { font-size: 21px;
 font-weight: normal;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 margin-top: 12px;
 margin-bottom: 3px;
 color: #0033CC }
 
h3 { font-size: 16px;
 font-weight: bold;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 margin-top: 12px;
 margin-bottom: 3px;
 color: #0033cc }

h4 { font-size: 13px;
 font-weight: bold;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 margin-top: 6px;
 margin-bottom: 3px;
 color: #0033CC }
 
h5 { font-size: 12px;
 font-weight: normal;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 margin-top: 3px;
 margin-bottom: 3px;
 color: #000066 }
 
h6 { font-size: 10px;
 font-weight: normal;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 margin-right: 10px;
 text-align: right;
 margin-top: 3px;
 margin-bottom: 3px;
 color: #FFFFFF }

p { font-size: 13px;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 margin-top: 3px;
 margin-bottom: 6px;
 margin-left: 0px;
 color: #000000 }

td { font-size: 13px;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 margin-top: 3px;
 margin-bottom: 6px;
 color: #000000 }

ul { font-size: 13px;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 margin-top: 6px;
 margin-bottom: 6px;
 color: #000000 }

ol { font-size: 13px;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 margin-top: 6px;
 margin-bottom: 6px;
 color: #000000 }

li { padding-top: 0px;
 margin-top: 0px;
 padding-bottom: 0px;
 margin-bottom: 6px }

hr { color: #0033CC }

ul { list-style-image: url('images/blubul2a.gif') }
ul ul { list-style-image: url('images/blubul3a.gif') }
ul ul ul { list-style-image: url('images/blubul3d.gif') }

input, textarea {margin-top: 5px;
 margin-bottom: 10px }

.first { font-weight: bold }

.td_white { background-color: #FFFFFF }

.td_silver { background-color: #EEEEEE }

.r { color: #FF0000 }
.g { color: #008000 }
.b { color: #0000FF }
.v { color: #8800FF }
.w { color: #FFFFFF}
.s { color: #808080; 
 font-size: 9px }

.4 { font-size: 16px }
.fo { font-family: Arial,Helvetica,sans-serif }
.vab { vertical-align: bottom }
.indent { margin-left: 25px }
.indent p { margin-bottom: 0px }

.icon { margin-top: 6px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 5px;
 float: left;
 border: 0px none }

.img_r { margin-top: 3px;
 margin-bottom: 5px;
 margin-left: 5px;
 margin-right: 0px;
 float: right;
 border: 0px none }