/* Reset */

html,body,div,span,applet,object,iframe,p,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,a img{margin:0;padding:0;border:0;border-style:solid;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Styles */

body {
background-color: #FFFFFF;
font-family: "ff-din-web-1","ff-din-web-2", "Lucida Sans", Arial, sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #000000;
vertical-align: top;
}

#container {
width: 550px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}

div.intro {
margin-bottom: 10px;
}

div.col1 {
width: 100px;
padding: 10px;
padding-bottom: 15px;
float: left;
text-align: right;
}

div.col2 {
padding: 10px;
padding-bottom: 15px;
width: 270px;
float: left;
}

div.col3 {
padding: 10px;
padding-bottom: 15px;
width: 120px;
float: right;
}

div.clear {
clear: both;
}

div.header, div.intro, div.content {
clear: both;
}

div.long {
width: 380px;
}

div.highlight {
background-color: #fffdd9;
border-style: solid;
border-color: #d4d29b;
border-width: 1px 0px 1px 0px;
margin-bottom: 10px;
}

/* Fonts */

h1 {
font-weight: normal;
font-size: 32px;
margin-bottom: 20px;
color: #000000;
}

h2 {
font-weight: normal;
font-size: 14px;
color: #666666;
margin-bottom: 20px;
}

div.col2 {
color: #666666;
}

div.highlight div.col1, div.highlight div.col3 {
color: #abaa8d;
}

div.col1, div.col3 {
color: #c2c2c2;
}

.title {
color: #000000;
margin-bottom: 5px;
}

a:link, a:active, a:focus, a:visited {
text-decoration: none;
color: #0066cc;
}

a:hover {
text-decoration: underline;
}