body{background-color: #bfbfbf;}
div#doc{background-color: #fff; padding: 0 2.4em 0 2.4em; padding-bottom: 1em;}

/* header images for each template */
.header{height: 250px; background: #fff url(images/uploads/headers/connections.jpg) top left no-repeat;}
.about .header{background-image: url(images/uploads/headers/about_tautoko.jpg);}
.resources .header{background-image: url(images/uploads/headers/resources.jpg);}
.connections .header{background-image: url(images/uploads/headers/connections.jpg);}
.how .header{background-image: url(images/uploads/headers/tautoko_works.jpg);}
.links .header{background-image: url(images/uploads/headers/links.jpg);}
.news .header{background-image: url(images/uploads/headers/news.jpg);}
.home .header{background-image: url(images/uploads/headers/home.jpg);height: 370px;}
.tools .header{background-image: url(images/uploads/headers/tools.jpg); }

.header a{display: inline;}
ul#sub li, ul#main li{display: inline; list-style: none; list-style-position: outside; padding: 0; margin: 0;}
.home ul#main li{padding-right: 5px;}
ul#sub{margin-bottom: 4px;}
#contactlink{float: right; margin-top: -180px; width: 37px; margin-right: -32px;}
/* ie6 */
* html #contactlink{margin-right: 6px;}

img#logo{margin-top: -2px;}
/* ie7 */
*+html img#logo{margin-top: 2px;}
/* ie6 */
* html img#logo{margin-top: 2px;}

/*homepage*/
.home img#logo{margin-top: 116px; margin-left: 2px;}
/* ie7 */
*+html .home img#logo{margin-top: 120px; margin-left: 2px;}
/* ie6 */
* html .home img#logo{margin-top: 120px; margin-left: 2px;}


img#navindicator{margin-top: 1em; display: block;}
div#yui-main{background: #fff url(images/uploads/bg.gif) repeat-y; }
.home div#yui-main{background-image: none;}
#linklists{background-image: url(images/uploads/home_bg.gif); padding-bottom: 1.5em; padding-top: 1em; margin-top: -5px; margin-left: -1px;}

/* category nav (home and interior pages) */
ul#catnav{margin-top: 1.4em;}
ul#catnav, .home .yui-g ul{list-style: none outside;}
ul#catnav li, .home .yui-g ul li {padding: 0 0.5em 0.2em 1.3em; margin: 0; background-color: inherit;}
ul#catnav li a, .home .yui-g ul li a{text-decoration: none; color: #333; font-weight: bold; font-family: helvetica, trebuchet,  "Trebuchet MS", sans-serif; font-size: 90%;}
ul#catnav li a:hover, .home .yui-g ul li a:hover {color: #A69928;}
/* home nav */
.home .yui-g ul li{padding-left: 0;}
ul#ab{margin-left: 0.8em;}
ul#re{margin-left: 0.2em;}
ul#to{margin-left: -0.1em;}
ul#ne{margin-left: -0.6em;}

/* content */
h1, h2, p, ul, li{font-family: helvetica, trebuchet, sans-serif; line-height: 1.3em;}
h1, h2{font-family: georgia, times new roman, serif;}
h1{font-size: 3em; color: #72671D; margin-left: 0.4em; margin-bottom: 0.3em; margin-top: -0.2em;}
h2{font-size: 2em; color: #333; margin-left: 0.6em; margin-bottom: 0.3em;}
p{margin-left: 1.3em; margin-bottom: 0.6em;}
#content ul{margin-left: 2.5em; margin-bottom: 1.6em;}
p strong{font-weight: bold;}
p, ul li{font-size: 0.95em;}
li{margin-bottom: 0.3em;}

/* footer */
div#ft{margin-top: 1.5em; border-top: solid 7px #EBE7E4; margin-bottom: 2em;}
.home div#ft{width: 98.5%;}
#ft ul{margin-top: 0.4em;}
#ft ul li{display: inline; list-style: none; border-right: solid 1px #6F6D6D; padding-right: 0.8em; padding-left: 0.8em;}
#ft ul li a{color: #6F6D6D; text-decoration: none; font-family: helvetica, verdana, sans-serif; font-size: 95%; font-weight: bold;}
#ft li.first{padding-left: 0;}
#ft li.last{border-right: 0;}

.home #ft{margin-top: 3em;}

/* opera 8 & 9 */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
  /* 7.2 up */
  head~body #contactlink{margin-top: -38px;}
  /* 9.5 up */
  :root #contactlink{margin-top: -38px;}
}