/* Written by Simon Britchford Nov 2009 */

/* Normalization
=================================================*/

html, body, div, th, td, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	}

h1, h2, h3, h4, h5, h6 {font-size: 100.1%;}
ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
caption, th {text-align: left;}
q:before, q:after {content: '';}

/* Blueprint Structure
=================================================*/

.container {width: 950px; margin: 0 auto;}

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right: 10px;}

/* The last column in a row needs this class. */
div.last {margin-right: 0;}

/* Use these classes to set the width of a column. */
.span-1  { width: 70px;}
.span-2  { width: 150px;}
.span-3  { width: 230px;}
.span-4  { width: 310px; /*background: yellow;*/}
.span-5  { width: 390px;}
.span-6  { width: 470px;}
.span-7  { width: 550px;}
.span-8  { width: 630px;}
.span-9  { width: 710px;}
.span-10 { width: 790px;}
.span-11 { width: 870px;}
.span-12, div.span-12 { width: 950px; margin: 0;}

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}
.clear { clear:both;}

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

body {background: #cccccc url(./images/site/bgtile_header_grey.gif) repeat-x 0 -20px;}
#header {position: relative; background: transparent url(./images/site/bgtile_header_grey.gif) repeat-x; height: 160px;}
#auxillary_wrapper {position: absolute; left: 0; top: 0; background: #222222; width: 100%; font-size: 11px; text-align: center; z-index: 100;}
#nav_wrapper {position: absolute; left: 0px; bottom: 0; border: 8px #ffffff solid; width: 950px; background: transparent url(./images/site/bgtile_nav_site.jpg) repeat-x 0 50%;}
#wrapper {width: 966px; margin: 0 auto; background: white; padding: 0 0 0 0;}
#footer {background: #ffffff url(./images/site/bgtile_footer_gradient.jpg) repeat-x; padding: 10px 0; border: 8px #ffffff solid; /*border-top: #cccccc 1px solid;*/}

#auxillary {/*width: 960px;*/ text-align: right; margin: 0 auto; padding: 5px 10px 5px 0;}
#intro {height: 250px; background: #eeeeee;}

#page {background: transparent url(./images/site/bgtile_page_gradient.jpg) repeat-x;}
#content {padding-bottom: 15px;}
#sidebar {padding: 12px 0 15px 0;}

#feature_panel {background: transparent url(./images/site/bg_banner.jpg) no-repeat; height: 250px; margin-top: 8px;}
#feature_panel .span-4 {height: 250px;}
#panel_1, #panel_2, #panel_3 {position: relative;}

div.box_staff {position: relative; background: #eeeeee; margin-left: 20px; border-bottom: 1px white solid;}
div.notes {margin: 0 20px 15px 20px; padding: 8px; font-size: 11px; color: #666666; line-height: 1.4; border: 1px #cccccc dotted;}

/* Lists
=================================================*/
ul#nav_site {}
ul#nav_site li {display: inline; font-size: 12px; text-align: center; float: left; background: transparent; text-transform: uppercase;}
ul#nav_site li a {display: block; color: #d68fad; font-weight: normal; text-decoration: none; padding: 12px 20px;}
ul#nav_site li a:hover {color: #eeeeee; text-decoration: none;}
ul#nav_site li a.hilite {color: #333333; font-weight: bold;}

ul.nav_sub {margin: 0 20px; border-top: 1px #cccccc dotted;}
ul.nav_sub li {font-size: 14px; color: #b00058; padding: 3px 0; border-bottom: 1px #cccccc dotted;}
ul.nav_sub li a {color: #333333; text-decoration: none;}
ul.nav_sub li a:hover {color: #b00058;}

ul.pink_bullets {margin: 20px 10px 10px 30px;}
ul.pink_bullets li {padding: 0 0 5px 15px; background: transparent url(./images/site/bullet_pink_square4.gif) no-repeat 0 6px;}

dl.body {margin: 20px; font-size: 14px;}
dl.body dt {font-weight: bold; float: left; clear: both; width: 180px;}
dl.body dd {margin-bottom: 10px; padding-left: 200px;}

ul.docs {margin: 0 20px;}
ul.docs li {margin: 4px 0; font-size: 12px; padding: 2px 0 2px 25px; background: transparent url(./images/site/icon_pdf_16.gif) no-repeat 0 50%;}
ul.docs li a {color: #cccccc; text-decoration: none;}
ul.docs li a:hover {color: #ffffff; border-bottom: 1px #ffffff dotted;}

/* Tables
=================================================*/
table#applications {font-size: 14px; margin: 20px; width: 600px;}
table#applications th {font-size: 12px; padding: 5px 10px; background: #333333; color: #999999;}
table#applications th.center {text-align: center;}
table#applications td {padding: 7px 10px;}
table#applications td.forms {font-size: 11px; text-align: center;}
table#applications tr.odd {background: white;}
table#applications tr.even {background: #eeeeee;} /* #f9f5f2 */

table#profiles {font-size: 14px; margin: 10px 20px;}
table#profiles th {font-size: 12px; padding: 5px 10px; color: #b00058; border-bottom: 1px #333333 dotted;}
table#profiles td {padding: 5px 10px;}
table#profiles td.forms {font-size: 11px; text-align: center;}

/*table#staff {margin: 10px 20px;}
table#staff tr {border-bottom: 1px white solid;}
table#staff td {background: #eeeeee; padding: 0;}
table#staff td h2 {margin: 8px 0 2px 0;}*/

table#bare {margin: 20px; font-size: 14px;}
table#bare td {padding: 3px 5px;}

/* Forms
=================================================*/
form#general {}
form#general label {color: #777777; font-size: 12px;}
form#general input.fieldz, form#general textarea.fieldz {font-size: 14px; font-weight: normal; color: #333333; width: 400px;}
form#general input.buttonz {width: 75px; margin-left: 10px;}

/* Images
=================================================*/

#logo {position: absolute; left:10px; top:45px;}
img.staff_thumb_dummy {margin: 15px; background: #eeeeee; border: 8px #ffffff solid;}
img.staff_thumb {margin: 15px; border: 8px #ffffff solid;}
img.staff_photo {margin: 10px 20px; border: 8px #eeeeee solid;}
img.body {margin: 0 20px;}
img.feature_icon {float: left; margin: 5px;}

/* Special
=================================================*/
span.sml {font-size: 14px; padding-left: 8px;}
span.more {color: #b00058; margin-left: 5px;}
.inline a {color: #b00058; text-decoration: none; border-bottom: 1px #b00058 dotted;}
.inline_quiet a {color: #333333; text-decoration: none; border-bottom: 1px #333333 dotted;}
.inline_quiet a:hover {color: #b00058; text-decoration: none; border-bottom: 1px #b00058 dotted;}

.divider {background: transparent url(./images/site/bg_divider.gif) no-repeat 0 50%;}    /* vertical divider for feature panel on home page */

/* Type
=================================================*/

h1, h2, h3, h4, p {margin: 0 20px;}
h1 {font-size: 24px; padding: 20px 0 10px 0; font-weight: normal;}
h2 {font-size: 18px; padding: 15px 0 10px 0; font-weight: normal;}
h3 {font-size: 14px; padding: 10px 0 5px 0; font-weight: normal;}
h3.links {font-size: 12px; padding: 8px 0 10px 0; font-weight: bold;}
h4 {font-size: 12px; padding: 8px 0 3px 0; font-weight: bold;}

h1 span.sml {font-size: 16px;}

#intro h1 {color: #333333; font-size: 32px;}
#intro p {font-size: 14px; line-height: 1.5; width: 45%;}

#feature_panel h2 {color: #cccccc;}
#feature_panel p {font-size: 12px; color: #cccccc; line-height: 1.6;}

#content h2 {color: #333333; border: none; padding: 10px 0;}
#content h2.subtitle {color: #333333; border-bottom: 1px #606 dotted; margin-bottom: 5px;}
#content p {font-size: 14px; line-height: 1.5; margin-bottom: 10px;}
#sidebar p {font-size: 12px; line-height: 1.5; margin-bottom: 5px;}
#sidebar h2 {border-bottom: 1px #333333 dotted;}
#sidebar h2.bare {border-bottom: none;}

#content p#role {font-size: 12px; margin: -10px 20px 10px 20px; padding: 0;}
#content p#email {font-size: 14px; margin: 0 20px 10px 20px; padding: 0;}

#content p.sml {font-size: 12px;}
p.strong {font-weight: bold;}
p.seperator {margin: 10px 20px; border-bottom: 1px #777777 dotted;}
#feature_panel p.date {margin: 0 20px; font-size: 11px; color: #999999; font-weight: bold;}
#content p.return {font-size: 12px; color: #b00058; text-align: right;}
#content p.date {margin: 0 20px; font-size: 11px; color: #b00058; font-weight: bold;}
#content p.date_full {margin: -5px 20px 10px 20px; font-size: 11px; color: #b00058; font-weight: bold;}
#content h2.news_title {padding-top: 5px;}
#feature_panel h3.news_title {padding-top: 5px;}
#content h2.staff_title {position: absolute; top: 17px; left: 115px; margin: 0; padding: 0;}
#content div.box_staff p.role {position: absolute; top: 38px; left: 115px; font-size: 12px; margin: 0;}
#content div.box_staff p.email {position: absolute; top: 58px; left: 115px; font-size: 12px; margin: 0;}

#footer p.nav {text-transform: uppercase; margin-bottom: 15px;}
#footer p {font-size: 11px; color: #666666; margin-bottom: 3px; text-align: center;}
#footer p a {color: #666666; text-decoration: none; border-bottom: 1px #666666 dotted;}
#footer p a:hover {color: #b00058; text-decoration: none; border-bottom: 1px #b00058 dotted;}

table#staff td p.email {font-size: 12px; margin: 0;}

p.more {position:absolute; left:0; bottom:16px; text-align:center; font-size:12px;}
p.more a {display:block; width: 96px; padding:7px 0 9px 0; background: transparent url(./images/site/btn_more_grey.png) no-repeat 0 50%; color:#cccccc; text-decoration:none;}
p.more a:hover {color:#ffffff; background: transparent url(./images/site/btn_more_grey_f2.png) no-repeat 0 50%;}

/* Links
=================================================*/
a.actionlink:link {color: #b00058; text-decoration: none; border-bottom: 1px #b00058 dotted;}
a.actionlink:visited {color: #b00058; text-decoration: none; border-bottom: 1px #b00058 dotted;}
a.actionlink:hover {color: #b00058; text-decoration: none; border-bottom: 1px #b00058 dotted;}
a.actionlink:active {color: #b00058; text-decoration: none; border-bottom: 1px #b00058 dotted;}

a.featurelink:link {color: #cccccc; text-decoration: none;}
a.featurelink:visited {color: #cccccc; text-decoration: none;}
a.featurelink:hover {color: #ffffff; text-decoration: none; border-bottom: 1px #ffffff dotted;}
a.featurelink:active {color: #cccccc; text-decoration: none;}

a.plainlink:link {color: #333333; text-decoration: none;}
a.plainlink:visited {color: #333333; text-decoration: none;}
a.plainlink:hover {color: #b00058; text-decoration: none; border-bottom: 1px #b00058 dotted;}
a.plainlink:active {color: #333333; text-decoration: none;}

a.hyperlink:link {color: #333333; text-decoration: none; border-bottom: 1px #333333 dotted;}
a.hyperlink:visited {color: #333333; text-decoration: none; border-bottom: 1px #333333 dotted;}
a.hyperlink:hover {color: #b00058; text-decoration: none; border-bottom: 1px #b00058 dotted;}
a.hyperlink:active {color: #333333; text-decoration: none; border-bottom: 1px #333333 dotted;}

/* Colors
=================================================*/

.bg_dkgrey {background: #444444;}
.pink {background: #b00058;}
.pink_lite {background: #e5b0c7;}

/* Blueprint Credits
=================================================

  * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2009-11-24) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            950 px
    * Number of columns:     12
    * Column width:          70 px
    * Margin width:          10 px
   ====================================== */