@charset "UTF-8";
/* --------------------------------------------
site: WAI
author: patu tifinger
ver: 1.7
updated: 18/06/2010
----------------------------------------------- */
@import url(wai_grid.css);

#micro_container { margin-bottom: 10px; float: left; width: 744px; background: #fff url(../images/wai_body_bg.gif) no-repeat; }
#hd { margin: 0 60px; position: relative; height: 120px; }
#bd { float: left; margin: 0; width: 744px; }
#bd div.full { margin-left: 0; margin-bottom: 15px; }
#ft { margin: 0 60px; }
#hd h1 a { position: absolute; top: 45px; left: 0; z-index: 51; outline: none; }
#hd h1.wai a { width: 182px; height: 30px; background: transparent url(../images/who_am_I.png) no-repeat; text-indent: -9999px; }
#hd h1.fom a { width: 231px; height: 50px; background: transparent url(../images/find_out_more.png) no-repeat; text-indent: -9999px; }
#hd h2 { display: none; font-size:1.2em; position: absolute; top:77px; left: 2px;}
#bd .container_6 { margin: 0 0 15px 0; padding-left: 60px; }
.row { padding-bottom: 30px; }
a:link, a:visited { color: #00009F; text-decoration:underline; }
a:hover, a:active { color: #00009F; text-decoration: none; }

ul#nav { height: 31px; width: 297px; position: absolute; top: 47px; right: 0; z-index: 50; list-style:none; } 
ul#nav li { display: inline; margin: 0; }
ul#nav li a { padding: 0; height: 31px; display:block; float: left; text-indent: -9999px; background: transparent url(../images/nav.gif) no-repeat 0 0; }
ul#nav li a:focus { outline:none; }
ul#nav li#first a { width: 91px; background-position: 0 0; }
ul#nav li#first a:hover { background-position: 0 -33px; } 
ul#nav li#second a { width: 106px; background-position: -91px 0; }
ul#nav li#second a:hover { background-position: -91px -33px; } 
ul#nav li#third a { width: 100px; background-position: -197px 0; }
ul#nav li#third a:hover { background-position: -197px -33px; } 

ul#nav li#first.active a { background-position: 0 -99px; } 
ul#nav li#second.active a { background-position: -91px -99px;}
ul#nav li#third.active a { background-position: -197px -99px;}

ul#secnav { list-style:none; padding: 15px 0 25px; }
ul#secnav li { display: inline; margin: 0; padding-right: 0.5em; border-right: 1px solid #ccc; margin-right: 0.5em; }

#sponsors .col_one { float: left; width: 46%; }
#sponsors .col_two { float: left; width: 48%; }
#sponsors p { font-size: 0.92em; margin: 10px 0; }
#sponsors img { margin-right: 45px; margin-bottom: 35px; }

#bd p, #bd dd {  margin-bottom: .6em; }
h2 { font-size: 1.4em; margin: 0 0 .5em; line-height:1.3em; }
h3 { font-size: 1.6em; margin: 0 0 .5em; line-height:1.3em; }
h4 { font-size: 1.1em; margin: 1em 0 .5em; line-height:1.3em; }

dl.quotes dt { font-style:italic; }
dl.quotes dd { padding: 5px 0 5px; }
.info dt { font-weight: bold; }
.socmed, .error { background: yellow; } /* DELETE THIS LINE AFTER CONTENT IS ADDED */
h3 a:link, h3 a:visited { color: #333; text-decoration: none; }
h3 a:hover, h3 a:active { text-decoration: underline; }
.teaser h3 { margin-top: 10px;}
