/* -----------------------------------------------
SITE STRUCTURE
Imported from the old site, with some tweaks:
----------------------------------------------- */

/* Navigation Secondary */
div#NavigationSecondary { float: left; width: 185px; }
div#NavigationSecondary h2 { background: url(../img/previous/navsecondary_h2_bg.gif); font-size: 1.6em; color: #fff; padding: 8px 15px; margin: 0; }
div#NavigationSecondary ul { list-style: none; margin: 0; padding: 8px; background: #fff; }
div#NavigationSecondary li { margin: 0 0 4px 0; padding: 0; }
div#NavigationSecondary li a { background: #e1e4e8; display: block; padding: 8px 10px; font-size: 1.2em; color: #414040; font-weight: normal; }
div#NavigationSecondary li a:hover { background: #02b1e5; color: #fff; }
div#NavigationSecondary li a.active { background: #02b1e5; color: #fff; }

/* Content */
div#Content { background: #fff; min-height: 500px  }


/* -----------------------------------------------
CLASSES
----------------------------------------------- */
.cleaner { overflow: hidden; clear: both; height: 1px; margin-top: -1px; }
.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.nowrap { white-space: nowrap; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }

/* -----------------------------------------------
PAGES
----------------------------------------------- */

/* who are we */
body.whoarewe div#Content { background: url(../img/previous/content_bg.jpg) no-repeat #fff; padding: 20px 40px 20px 30px; }
body.whoarewe div#ContentPrimary { float: right; width: 465px; background: url(../img/previous/contentprimary_bg.gif) no-repeat #fff; padding: 10px; }
body.whoarewe div#ContentPrimary h1 { background: url(../img/previous/h1_bg.jpg); height: 210px; color: #fff; margin: 0 0 30px 0; font-size: 3.4em; }
body.whoarewe div#ContentPrimary h1 span { padding: 10px 20px; display: block; }
body.whoarewe div#ContentPrimary h2 { font-size: 2.2em; color: #02b1e5; margin: 0 25px 15px 0; padding-right: 30px; font-weight: normal; background: url(../img/previous/h2_bg.gif) no-repeat top right; }
body.whoarewe div#ContentPrimary h3 { font-size: 1.6em; font-weight: normal; margin: 0 0 5px 0; }
body.whoarewe div#ContentPrimary div.plinth { width: 440px; background: #f1f3f6; padding: 0 0 10px 0; }
body.whoarewe div#ContentPrimary div.plinth h3 { background: url(../img/previous/plinth_h3_bg.png) #02b1e5 no-repeat; font-size: 1.8em; color: #fff; padding: 20px 15px 12px 70px; margin: 0; }
body.whoarewe div#ContentPrimary p { margin-right: 25px; }
body.whoarewe div#ContentPrimary div.plinth div.content { background: #fff; margin: 10px 10px 0 10px; padding: 10px; }
body.whoarewe div#ContentPrimary div.plinth div.content h4 { margin: 10px 0 0 0; font-size: 1.8em; color: #02b1e5; }
body.whoarewe div#ContentPrimary div.plinth div.content p { margin: 0 0 5px 0; }
body.whoarewe div#ContentPrimary ul { margin: 15px 0 0 0; padding: 0; list-style: none; font-size: 1.2em; }
body.whoarewe div#ContentPrimary li { background: url(../img/previous/li_bg.gif) no-repeat; padding: 0 0 10px 25px; }

/* who are we */
body.form div#Content { background: url(../img/previous/content_bg.jpg) no-repeat #fff; padding: 20px 40px 20px 30px; }
body.form div#ContentPrimary { float: left; width: 465px; background: url(../img/previous/contentprimary_bg.gif) no-repeat #fff; padding: 10px; }
body.form div#ContentPrimary h1 { font-size: 2.2em; color: #02b1e5; margin: 0 25px 15px 0; padding-right: 30px; font-weight: normal; background: url(../img/previous/h2_bg.gif) no-repeat top right; }
body.form div#ContentPrimary h2 { font-size: 1.6em; font-weight: normal; margin: 0 0 5px 0; }