/* 1. Global reset 

----------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 

thead, tr, th, td { margin: 0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family: inherit; vertical-align:baseline; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */ }

caption, th, td { text-align: left; font-weight: normal; }

body { font-size:62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */ text-align: center; }

input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif; }

hr { display: none; }

strong { font-weight: bold; }	

em { font-style: italic; }

abbr, acronym { border-bottom: 1px dotted #999; cursor:help; }



/* 2. Common

----------------------------------------------------------------------------------------------*/

.clear { clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/ 

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */



h2 { font-size: 1.25em; font-weight: bold; color: #52699F; margin-bottom: 15px; }

p { margin-bottom: 15px; line-height: 1.5em; }

address { line-height: 1.5em; margin-bottom: 20px; font-size: .9em;}



/* 3. Layout

----------------------------------------------------------------------------------------------*/

body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; }

#page { width: 760px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; color: #000; border-left: 1px solid #B5B9BC; }

#header { position: relative; background: url(../img/header.jpg) 0 0 no-repeat; height: 141px; border-right: 1px solid #B5B9BC; }

#ribbon { height: 20px; background-color: #52699F; color: #fff; font-size: .9em; border-right: 1px solid #B5B9BC; }

#content { position: relative; padding: 15px 20px; }

#main-content { margin-right: 225px; min-height: 330px; }

#main-content-strict { margin-right: 225px; min-height: 330px; width: 495px;}

#left-col { position: absolute; right: 20px; top: 15px; width: 210px; }

#footer { border-top: 1px solid #B5B9BC; border-left: 1px solid #fff; margin-left: -1px; text-align: right; padding-top: 5px; }



/* 4. Header

----------------------------------------------------------------------------------------------*/

h1 span { visibility: hidden; }

/* 5. Main

----------------------------------------------------------------------------------------------*/

#ribbon p { text-align: right; padding: 3px 5px 0 0;}

#map { height: 450px; width: 500px; }

#left-col img { display: block; margin: 0 auto 25px auto; }



ul.actions { margin: 20px 0;}

ul.actions li { float: left; margin-right: 25px; background-color: #52699F; border: 1px solid #B5B9BC; }

ul.actions a { color: #fff; text-decoration: none; text-align: center; font-size: 1.15em; display: block;padding: 8px 15px;  }



fieldset { border: 1px solid #000; padding: 2px; font-size: .9em; margin-bottom: 10px; }

fieldset h3 { background-color: #B1B8BE; color: #000; font-weight: bold; font-size: 1em; margin-bottom: 5px; padding: 2px; text-align: center; }

fieldset p { margin: 0 0 3px 0; }

fieldset label { float: left; width: 45px; text-align: right; margin-right: 3px; }

fieldset p input { height: 15px; width: 140px; border: 1px solid #000; margin-left: 10px; }

fieldset li { float: left; margin-top: 5px; }

fieldset li a { color: #7C8292; text-decoration: underline; display: block; margin-right: 83px; padding-left: 10px; }

fieldset li input { background-color: #eee; color: #000; border: 1px solid #000; font-size: .9em; }



#bottom-bar {border-top: 1px solid #B5B9BC; padding: 20px;}

#bottom-bar li { float: left; margin-right: 45px; }

#bottom-bar li img { vertical-align: top; }



/* 6. Footer

----------------------------------------------------------------------------------------------*/

#footer ul { margin: 10px 0 0 20px; }

#footer li { float: left; margin-right: 15px; }