/* reset all default values */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, hr,
table, caption, tbody, tfoot, thead, tr, th, td,
form, input, select, textarea {margin:0; padding:0; border:0; outline:0; font-size: 100%;}
html {line-height: 1; height: 100%;}
body {line-height: 1; height: 100%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

body { height: 100%; width: 100%; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #222; background: #254c73 url(/images/bg.jpg) top left repeat-x; }

a { font-size: 12px; color: #2374b0; text-decoration: none; }
a:hover { font-size: 12px; color: #2374b0; text-decoration: underline; }

hr { margin-bottom: 12px; width: 100%; border-bottom: 1px solid #eee; }

p { margin-bottom: 6px; font-size: 12px; line-height: 16px; }
h1 { margin-bottom: 12px; font-size: 16px; color: #114473; }
h2 { margin-bottom: 8px; font-size: 15px; color: #777; }
h3 { margin-bottom: 4px; font-size: 14px; color: #555; }
h4 { margin-bottom: 4px; font-size: 13px; color: #444; }
h5 { margin-bottom: 4px; font-size: 12px; color: #222; }
h6 { margin-bottom: 4px; font-size: 12px; color: #222; }

li { line-height: 20px; }
table.contact th { padding-right: 8px; line-height: 20px; text-align: left; }
table.contact td { padding-right: 8px; line-height: 20px; }

.brclear { clear: both; }
.success { padding: 0 0 8px 0; font-weight: bold; color: #2d2; text-align: center; }
.error { padding: 8px 0; font-weight: bold; color: #f44; }
.validationError { color: #f44; }
p.validationError { margin: 0; padding-bottom: 2px; line-height: 12px; }

label { float: left; padding-right: 10px; width: 130px; font-size: 12px; line-height: 18px; color: #222; text-align: right; }
input, select, textarea { font-size: 12px; font-family: Helvetiker, Helvetica, Arial, Verdana, Verdana, sans-serif; background-color: #fdfdfd; border: 1px solid #e5e5e5; }
input:focus, select:focus, textarea:focus { background-color: #fff; border: 1px solid #999; }
input.input { padding: 2px; width: 250px; color: #888; }
select.select { padding: 2px; width: 250px; color: #888; }
textarea.textarea { padding: 2px; width: 250px; height: 60px; color: #888; }
textarea.textareaLarge { padding: 2px; width: 600px; height: 100px; color: #888; }
input.button { padding: 2px 10px; font-weight: bold; color: #fff; border: 1px solid #ddd; background-color: #ccc; cursor: pointer; }
input.button:hover { color: #888; border: 1px solid #ccc; background-color: #eee; }
div.checkboxList input[type='checkbox'], div.radioList input[type='radio'], input.radio, input.checkbox { float: left; margin-right: 4px; width: auto; border: 0; }
div.checkboxList div { float: left; width: 150px; padding: 0 8px 8px 0; }
div.formInput div { padding: 5px; float: left; }

#wrapper { margin: 20px auto; width: 1000px; height: 100%; }

#headerCurve { width: 1000px; height: 13px; background: url(/images/header-curve.jpg) top left no-repeat; }
#header { width: 1000px; height: 113px; background-color: #fff; }
#logo { float: left; margin: 0 0 0 30px; width: 173px; height: 113px; }

#primaryNavigation { float: left; margin: 32px 0 0 285px; }
#primaryNavigation li { display: inline-block; }
#primaryNavigation ul li a { font-size: 15px; font-weight: bold; color: #015cab; text-transform: uppercase; }
#primaryNavigation ul li:hover a, #primaryNavigation ul li a:hover { font-size: 15px; font-weight: bold; text-decoration: none; color: #ed1b24; }
#primaryNavigation ul li.separator, #primaryNavigation ul li.separator:hover { margin: 0 15px; width: 3px; height: 14px; background: url(/images/nav-separator.gif) top left no-repeat; }
#primaryNavigation ul li.selected a { color: #0e4271; }
#primaryNavigation ul li ul { margin: 0 0 2px 35px; }
#primaryNavigation ul li ul li { display: block; line-height: 16px; }
#primaryNavigation ul li ul li a, #primaryNavigation ul li.selected ul li a { font-size: 13px; font-weight: bold; color: #ccc; }
#primaryNavigation ul li ul li:hover a, #primaryNavigation ul li ul li a:hover { font-size: 13px; font-weight: bold; text-decoration: none; color: #888; }
#primaryNavigation ul li ul li.selected a { font-size: 13px; font-weight: bold; text-decoration: none; color: #888; }

#heroImage { width: 1000px; height: 375px; }

#contentContainerHeader { margin-top: 8px; width: 1000px; height: 11px; background: url(/images/content-header.png) top left no-repeat; }
#contentContainerFooter { width: 1000px; height: 11px; background: url(/images/content-footer.png) top left no-repeat; }

#contentContainer { width: 1000px; min-height: 294px; }
#leftColumn { float: left; padding: 25px 30px; width: 611px; min-height: 320px; overflow-x: hidden; background-color: #fff; }
#rightColumn { float: left; margin-left: 8px; padding: 25px 30px; width: 261px; min-height: 320px; overflow-x: hidden; background-color: #fff; }

hr.verticalStripes { margin: 16px 0; width: 100%; height: 4px; background: url(/images/hr-vertical-lines.gif) top left repeat-x; }

#accreditations { margin: 0 auto; width: 490px; }
#accreditations div { float: left; margin: 0 15px; }
#footer { margin-top: 8px; padding-left: 30px; width: 970px; height: 30px; line-height: 30px; color: #000; background: url(/images/footer.jpg); }

#rhombus { margin-bottom: 18px; padding-right: 10px; text-align: right; color: #333; }