body {
font-family:verdana, arial, sans-serif;
color:#333;
margin:0;
padding:0;
background:#BED1E0 url(/images/bg_gradient.jpg) repeat-x top left;
line-height: 1.5em;
font-size:    x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size:    small;
}

body.tutorial {
background:#8f8f8f url(/images/bg_tut.jpg) repeat-x top left;
padding: 15px;
}

#container {
position: relative;
margin:0 auto;
padding: 2em 2% 2em 2%;
width: 900px;
background: #fff;
text-align: left;
}


#main {
width: 100%;
padding-bottom: 50px;

}

#side {
width: 45%;
float: left;
padding-bottom: 10px;
}

#footer {
clear: both;
width: 100%;
margin-top: 10px;
border-top: 1px solid #ccc;
padding: 1em;
color: #666;
}

#side ol {
padding: 10px;
font-size: 80%;
margin-left: 20px;
}

h1 {

font-family: "Trebuchet MS", "Lucida Sans", Serif;
font-size: 170%;
}

h2 {

font-family: "Trebuchet MS", "Lucida Sans", Serif;
font-size: 140%;
}

h3 {
font-family: "Trebuchet MS", "Lucida Sans", Serif;
font-size: 120%;
margin-left: 16px;
}

#main p {
padding-left: 15px;
}

#main th,td {
padding: 5px;
}

#main th {
text-align: right;
font-size: 75%;
font-weight: normal;
}

#main td {
font-size: 75%;
}

#main h2 {
background: #eee;
border-bottom: #333 1px solid;
padding: 7px;
margin: 15px 0 20px 0;
}

.star {
font-size: 130%;
color: #c00;
font-weight: bold;
}

#contact {
margin-left: 5%;
margin-top: 50px;
width: 45%;
float: right;
}

caption {
font-family: "Trebuchet MS", "Lucida Sans", Serif;
font-size: 145%;
background: #eee;
border-bottom: #333 1px solid;
padding: 7px;
margin: 15px 0 30px 0;
text-align: left;
font-weight: bold;
}

#submission {
margin-top: 40px;
clear: both;
}

#side h3 {
font-decoration: underlined;
color: #06c;
}

.highlight {
padding: 10px 0 10px 0;
}

.highlight a {
padding: 10px;
background: #F5F4E9;
font-family: "Trebuchet MS", "Lucida Sans", Serif;
color: #333;
font-size: 120%;
text-decoration: none;
border-top: 1px dashed #666;
border-bottom: 1px dashed #666;
line-height: 1em;
}

.highlight a:hover {
border-top: 1px solid #666;
border-bottom: 1px solid #666;
background: #98B6D3;
color: #fff;
}

.close {
clear: both;
padding: 20px 0 15px 0;
}
.close a {
color: #000;
background: #eee;
padding: 3px 15px;
float:right;
font-size: 80%;
text-decoration:none;
}

.close a:hover {
background: #666;
color: #fff;
}

.stepmenu {
width:100%;
text-align:center;
}

.stepmenu a {
color: #fff;
font-size: 140%;
text-decoration: none;
font-family: "Trebuchet MS", "Lucida Sans", Serif;

}

.stepmenu a:hover {
color: #f00;
}

.note {
font-size: 75%;
line-height: 1.5em;
}

img {

padding-left: 15px;
}

#submission ol {
list-style: none;
}
#submission li {
padding-bottom: 10px;
padding-left: 35px;
}

#submission li.one {
background:#fff url(/images/num1.gif) no-repeat 0 5px;
}

#submission li.two {
background:#fff url(/images/num2.gif) no-repeat 0 5px;
}

#submission li.three {
background:#fff url(/images/num3.gif) no-repeat 0 5px;
}