html, div, map, dt, isindex, form, header, nav, article, footer, address, aside, section {  
  display: block;  
}

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - //richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}



/************************************************************************************************/
body {
  background: #dedede;
  line-height: 2em;
  font: 14px helvetica neue, helvetica, arial;
  color: #000000;
}

a, a:hover, a:visited { color: #0032a5; text-decoration: none; }

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.green-color { color: #00a808; }
.red-color { color: #ae0000; }

.grid-one-fourth, .grid-one-fifth { float: left; }
.grid-full { width: 855px; margin: 0 auto; }
.grid-one-fourth { width: 200px; margin-left: 18px; }
.grid-one-fifth { width: 160px; margin-left: 37px; }
.first { margin-left: 0; clear: left; }

#auth { 
  background: #0f2c69; 
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -o-border-bottom-right-radius: 5px;
  -o-border-bottom-left-radius: 5px;
}
#auth a, #auth a:visited { color: #ffffff; }
#auth a:hover { color: #5383b5; }

#wrapper { width: 100%; float: left;}

#red-bar { background: #ad160f; color: #ffffff; font-size: 18px; padding: 10px 0; text-align: center; font-weight: bold;}

#header { background: #3b5997; color: #ffffff; width: 100%; padding: 0 0 10px 0; float: left; }
#header .grid-full { position: relative; }
#header #logo { margin-top: 20px; float: left; }
#header #slogan { font-size: 18px; font-weight: bold; margin-top: 45px; text-align: right; float: right; }

#content { width: 855px; background: #ffffff; padding: 15px; position: relative; border: 1px solid #cccccc; margin: 15px auto 15px auto; }
hgroup { width: 855px; height: 60px; margin-bottom: 15px; float: left; position: relative; clear: both; }
hgroup a, hgroup a:hover, hgroup a:visited { color: #000000; text-decoration: none; }
hgroup h1 { text-align: left; font-size: 28px; margin-top: 0; }
hgroup #register-logo { position: absolute; top: 0; right: 0; }
hgroup #city { font-size: 38px; color: #; font-family: 'Dynalight', arial, sans-serif; }
hgroup h2, hgroup h3 { font-weight: none; display: block; }

hgroup h2 { font-size: 40px; color: #0078ff; float: left; }
hgroup h2 a, hgroup h2 a:hover, hgroup h2 a:visited { color: #0078ff; text-decoration: underline; }
hgroup h3 { margin: 20px 0; }

#register { width: 855px; height: 505px; float: left; }
#register #thumbs { width: 436px; height: 436px; padding: 0; float: left; }
#register #thumbs .pic { margin-bottom: 18px; }
#register #form { width: 419px; height: 400px; text-align: center; float: right; }
#register #form iframe { width: 400px; height: 505px; margin-left: 20px; }

section { width: 855px; margin: 0 0 18px 0; float: left; clear: both; }
section p { font-size: 13px; height: 50px; display: block; position: relative; float: left; }
section p .small-button { position: absolute; top: 0; right: 0; }

nav ul { font-weight: bold; width: 950px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 0; margin: 10px 0 20px 0; float: left; }
nav ul li { display: inline; margin-right: 15px; float: left; }
nav ul li a { background: #ffffff; color: #000000; display: block; text-decoration: none; padding: 5px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
nav ul li a:hover, nav ul li a:visited { color: #000000; text-decoration: none; }
nav ul #selected a { background: #bbbbbb; }
nav ul #next a { background: transparent; }

h2 { font-size: 36px; color: #0078ff; text-decoration: underline; }


footer { background: #232323; font-size: 12px; color: #ffffff; width: 100%; padding: 20px 0; float: left; }
footer a, footer a:hover, footer a:visited { color: #cccccc; text-decoration: none; }


.pic { width: 200px; height: 200px; display: inline-block; position: relative; display: -moz-inline-stack; zoom: 1; float: left; }
.pic ul { width: 200px; font-size: 11px; color: #ffffff; background-color: rgba(0, 0, 0, 0.3); list-style: none; position: absolute; left: 0; bottom: 0; }
.pic ul li { padding: 1px 5px; border: 0; text-decoration: none; }

.link {
	width: 200px;
	height: 200px;
	cursor: pointer;
	display: block;
}
.full {
	width: 200px;
	height: 200px;
	display: block;
}


#footer { background: #3b5997; color: #ffffff; font-size: 11px; line-spacing: 28px; width: 100%; padding: 10px 0; float: left; }
#footer a { color: #cccccc; }
#footer .grid-full {  }
#footer #logo { width: 200px; float: left; }
#footer #slogan { width: 400px; font-size: 20px; font-weight: bold; margin-top: 28px; text-align: right; float: right; }








#inline_content { width: 450px; height: 570px;  margin-top: 0; padding: 15px; background: #FFFFFF; overflow: auto; z-index: 500;
background-image: url(images/seal.png);
background-repeat:no-repeat;
background-position: bottom right;
float: left;
}
#inline_content h1 { font-size: 16px; margin-bottom: 20px; text-align: center; }