body { margin: 0; padding: 0; border: 0; font: 14pt 'Roboto', sans-serif; background: #fff url("/images/bg-bar.gif") repeat-x }

#main { width: 100%; margin: 0 auto; text-align: center }
#mainc { width: 1300px; margin: 0 auto }
#mainlt { width: 300px; float: left; padding: 12px 0; text-align: left }
#mainrt { width: 700px; float: left; padding: 0; text-align: left; line-height: 150% }

#menu {	width: 756px }
#menu ul { list-style-type: none; padding: 0; margin: 0; position: relative; left: -28px }
#menu li { float: left; width: 248px; margin: 0; border-left: 3px solid #fff; font: bold 120% 'Roboto'; color: #fff; text-align: center }
#menu a { display: block; width: 100%; height: 28px; padding: 7px 0; color: #fff; text-decoration: none }
#menu a:hover { background: #2d9ab3 }

#content { position: relative; top: 36px }
#foot { text-align: center }

h1 { font: bold 200% 'Roboto', sans-serif; color: #000; padding: 12px 0 0 0; margin: 0 }
h1 a { color: #000; text-decoration: none }
h1 a:hover { color: #3399ff }
h2 { font: bold 150% 'Roboto', sans-serif; color: #000; padding: 18px 0 12px; margin: 0 }
h3 { font: bold 125% 'Roboto', sans-serif; color: #000; padding: 0; margin: 0 }
h4 { font: bold 125% 'Roboto', sans-serif; color: #fff; padding: margin: 0; display: inline }
.list { font: bold 130% 'Roboto', sans-serif; color: #000; line-height: 14pt; }
.small { font-size: 80% }

hr { border: 0; height: 1px; background: #cccccc }

.img1 { float: right; padding: 0 0 8px 16px }
.img2 { float: right; border: solid 2px #cdcdcd; padding: 2px; margin: 0 0 8px 16px }
.image { border: 3px solid #99b2ff; padding: 2px; margin: 0 0 10px 16px; background: #ffffff }
.image2 { margin: 4px 0 10px 16px; background: #ffffff }

.button2 { background: #3399ff; border: 4px solid #3366b1; padding: 4px 16px; margin-top: 8px; font: bold 125% 'Roboto'; color: #fff }
.button2:hover { background: #2d9ab3 }