/* 

Note: in determining the section colors, the 'default' homepg grey appears to be the same as the 'support' section grey, so use default and then create variations only for 'explore' (blue) and 'logistics' (orange)

Default/Support:

a { #969696 )

Explore: 

a { #2484fe }

Logistics: 

a { #ff8000 )

*/

h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
}

body {
  behavior: url(csshover.htc);
  text-align: center;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  font-size: .7em;
  color: #666666;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
img {
  border: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.nav li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}
body.logistics h2 {
  color: #ff8000;
}
body.explore h2 {
  color: #2484fe;
}

body div#content a {
  color: #333;
}

hr.nopass {
  visibility: hidden;
  clear: both;
}

/* SHELL ------------------------------------------------ */

div#wrapper {
  text-align: left;
  width: 780px;
  margin: 0 auto;
  padding: 0;
  background: url(images/page_body_bg.png) repeat-y 0 5em; /* DEFAULT */
}
div#bgshield {
  background: url(images/bgshield.png) no-repeat 0 0;
}
div#subwrapper {
  background: url(images/page_top_bg.png) no-repeat 0 3.3em; /* DEFAULT */
  padding: 0 35px 0 0; /* +35px to justify for detail on right */
  position: relative;
  height: auto;
  min-height: 400px;
}

/* variations for sections ----------- */

}
body.entry div#subwrapper {
  background-image: url(images/page_top_bg_entry.png);
}

body.explore div#wrapper {
  background-image: url(images/page_body_bg_explore.png);
}
body.explore div#subwrapper {
  background-image: url(images/page_top_bg_explore.png);
}
body.explore div#footer {
  background-image: url(images/page_bottom_bg_explore.png);
}
body.explore a, body.explore div#content a{
  color: #2484fe;
}
body.logistics div#wrapper {
  background-image: url(images/page_body_bg_logistics.png);
}
body.logistics div#subwrapper {
  background-image: url(images/page_top_bg_logistics.png);
}
body.logistics div#footer {
  background-image: url(images/page_bottom_bg_logistics.png);
}
body.logistics a, body.logistics div#content a {
  color: #ff8000;
}
/* GLOBAL NAV ----------------------------------------------- */

div#global_nav {
  text-align: left;
  width: 780px;
  margin: 10px auto 0 auto;
  height: 3.4em;
  background: url(images/go_north_logo.png) 590px 0 no-repeat;
  position: relative;
}
div#global_nav img#logo {
  position: absolute;
  left: 590px;
  top: 0;
}
div#global_nav ul   {
  height: 2.7em;
  padding: 0 0 3px 0;
  position: absolute;
  bottom: -3px;
  left: 0;
  display: block;
}
div#global_nav>ul   {
  padding: 0 0 1px 0;
  bottom: -1px;
}
div#global_nav ul li  {
  width: 8em;
  height: 2.6em;
  display: block;
  margin: 0;
}
div#global_nav ul li a {
  width: 7em;
  height: 1em;
  display: block;
  padding: .7em 0 .8em 1em;
  position: relative;
  z-index: 1;
}
div#global_nav ul li table {
  z-index: 2;
}
div#global_nav ul li a span.tabdot {
  padding: .5em 0 .5em 1em;
  width: 5.5em;
  height: 5em;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
body.entry div#global_nav ul li:hover a span.tabdot {
  background: url(/images/nav_dot_default.png) 50% 2.1em no-repeat;
}

/* active states (tab bg) ---------- */

div#global_nav ul li.active  {
  width: 7em;
  height: 3em; /* tab overlap here */
  margin: 0 .6em -2px .4em;
  padding: -2px 0 2px 0;
}
div#global_nav ul>li.active {
  height: 2.6em; /* tab overlap here */
  padding: 0 0 1px 0;
}
div#global_nav ul li.active a {
  width: 6em;
  height: 2.4em; /* tab overlap here */
  padding: .5em 0 1px 1em;
  margin: 0 0 0 3px;
  font-weight: bold;
  display: block;
}
div#global_nav ul li.active>a {
  height: 2.1em; /* tab overlap here */
}
div#global_nav ul li#explore_link  {
  background: url(images/global_nav_explore_border.png) 0 0 repeat-x;
}
div#global_nav ul li#explore_link a  {
  background: url(images/global_nav_explore_arrow.png) top right no-repeat;
  color: #2484fe;
}
/* active states (tab bg) ------------ */
div#global_nav ul li#explore_link.active {
  background: url(images/tab_left_explore.png) 0 0 no-repeat;
}
div#global_nav ul li#explore_link.active a  {
  background: url(images/tab_rt_explore.png) 100% 0 no-repeat;
}

div#global_nav ul li#logistics_link  {
  background: url(images/global_nav_logistics_border.png) 0 0 repeat-x;
}
div#global_nav ul li#logistics_link a  {
  background: url(images/global_nav_logistics_arrow.png) top right no-repeat;
  color: #ff8000;
}
/* active states (tab bg) ------------ */
div#global_nav ul li#logistics_link.active {
  background: url(images/tab_left_logistics.png) 0 0 no-repeat;
}
div#global_nav ul li#logistics_link.active a  {
  background: url(images/tab_rt_logistics.png) 100% 0 no-repeat;
}

div#global_nav ul li#support_link  {
  background: url(images/global_nav_default_border.png) 0 0 repeat-x;
}
div#global_nav ul li#support_link a  {
  background: url(images/global_nav_default_arrow.png) top right no-repeat;
  color: #969696;
}
/* active states (tab bg) ------------ */
div#global_nav ul li#support_link.active {
  background: url(images/tab_left_default.png) 0 0 no-repeat;
}
div#global_nav ul li#support_link.active a  {
  background: url(images/tab_rt_default.png) 100% 0 no-repeat;
}

div#global_nav ul li#home_link  {
  width: 4.5em;
  height: 2.5em;
  margin: 0 0 1em 0;
  background: url(images/global_nav_home_border.png) 0 0 repeat-x;
}
div#global_nav ul li#home_link a  {
  width: 3.5em;
  background: url(images/global_nav_default_arrow.png) top right no-repeat;
  height: 1em;
  display: block;
  padding: .6em 0 .7em 1em;
  color: #969696;
}
/* active states (tab bg) ------------ */
div#global_nav ul li#home_link.active {
  width: 3em;
  height: 3em;
  margin-bottom: -2em;
  background: url(images/tab_left_default.png) 0 0 no-repeat;
  margin-left: 0;
}
div#global_nav ul li#home_link.active a  {
  width: 2.4em;
  padding: .5em 0 1px .6em;
  background: url(images/tab_rt_default.png) 100% 0 no-repeat;
}
div#global_nav ul li#home_link.active img { /* DA PAW */
}

/* MAKE DESCRIPS WORK FOR TABS ---------------------------------- */
div#global_nav ul li p.tab_descrip {
  display: none;
}
div#global_nav ul li:hover p.tab_descrip {
  display: block;
  width: 670px;
  padding: 2px;
  background: #f3f3f3;
  color: #999;
  position: absolute;
  left: 30px;
  top: 7.5em;
  text-align: left;
  z-index: 20;
}
/* END MAKE DESCRIPS WORK FOR TABS ---------------------------------- */



/* SUB NAV LEVELS ------------------------------------------ */

div#global_nav li.active table, 
div#global_nav li.active table td.active table {
	display: block;
}

div#global_nav td.active a.l2 {
  background-color: #f3f3f3 !important;
  font-weight: bold !important;
}
/*
div#global_nav td.active a.l2active,
div#global_nav td.active table td.active a {
  color: #333 !important;
}
*/
div#global_nav li.active table table {
	display: none;
}

table.subnav {
  width: 725px;
  border: none;

}
table.subnav td {
  white-space: nowrap;
  text-align: center;
  padding: 0 1px;
}

/* to cancel out styles from the global nav */

div#global_nav ul.nav li#home_link table td a, div#global_nav ul.nav li#explore_link table td a, div#global_nav ul.nav li#logistics_link table td a, #global_nav ul.nav li#support_link table td a {
  background: none;
  width: auto;
  padding: 1px 3px 3px 3px;
}
table.subnav td p {
  display: none;
}  

table.subnav td:hover p {
  display: block;
  width: 670px;
  padding: 2px;
  background: #f3f3f3;
  color: #999;
  position: absolute;
  left: 20px;
  top: 4.5em;
  text-align: left;
  z-index: 200;
}
table.subnav td:hover>p {
  top: 4.8em;
}
table.subnav table td:hover p {
  top: 2.5em;
}
table.subnav table td:hover>p {
  top: 2.9em;
}
table.subnav td:hover table p { /* to keep descriptions in next level down from showing up */
  display: none;
}
table.subnav td table td:hover p { /* to make descriptions in next level down show up */
  display: block;
}
table.subnav.level2 a, table.subnav.level3 a {
  color: #969696;
  font-weight: normal !important;
  height: 1.1em !important;
  padding: 3px !important;
  background-color: white !important;
}
table.subnav.level2 a:hover, table.subnav.level3 a:hover {
  background-color: #f3f3f3 !important;
}
body div ul li table.subnav.level2 td.active.navparent a {
  background-color: #f3f3f3;
  font-weight: bold;
}

/* section specific styles -------------------- */

body.explore table.subnav a {
  color: #2484fe;
}
body.logistics table.subnav a {
  color: #ff8000;
}

/* level 2 specific styles ------------------- */


table.subnav.level2 {
  background: url(images/nav_level2_border.png) 0 2.4em repeat-x;
  position: absolute;
  top: 3.3em;
  left: 10px;
  padding-bottom: 5px;
}
li>table.subnav.level2 {
  top: 3.05em;
}
ul.nav li.navparent table.subnav.level2 {
  display: none;
}
table.subnav.level2 td img {
  margin-bottom: -35px;
}
table.subnav.level2 td img.l2_dot {
  visibility: hidden;
}

div#global_nav ul.nav li.navparent:hover table.subnav.level2 {
  display: block;
}
/* level 3 specific styles ------------------- */

table.subnav.level2 table {
  display: none;
  padding-top: 10px;
  margin-top: -10px;
  background-color: transparent;
}
div#global_nav td.navparent:hover table {
  display: block;
}
div#global_nav td:hover img.l2_dot {
  visibility: visible;
}

table.subnav.level3 {
  position: absolute;
  top: 2.9em;
  left: 0;
  background-color: #fff;
}
table.subnav.level3 td a {
  background-color: none !important;
}
table.subnav.level3 td img {
  visibility: hidden;
  position: relative;
  
}
table.subnav.level3 td:hover img {
  visibility: visible;
top: -34px;
}
table.subnav.level3 td.active a {
  background-color: #f3f3f3 !important;
  font-weight: bold !important;
}

/* DOTS --------------------------------------------------------------------- */

table.subnav td:hover {
  background: url(images/sm_dot_logistics.png) 50% 1.4em no-repeat;
}
table.level2 td a span{
  display: none;
}

table.level2 td a:hover span {
  display: block;
  position: absolute;
  width: 12px;
  left: 50%;
  top: 1.5em;
  height: 50px;
  margin-left: -5px;
  background: url(images/lg_dot_logistics.png) 0 0 no-repeat;
}

/* level 4 specific styles ------------------- */

table.subnav.level4 {
  margin: 5px 0 0 30px;
  width: auto;
}
table.subnav.level4 td {
  background-color: #f3f4f6;
  padding: 3px 10px;
  width: 92px;
}
table.subnav.level4 td.active {
  font-weight: bold;
}
table.subnav.level4 td a {
  color:#969696;
}
body.explore table.subnav.level4 td a {
  color:#2484fe;
}
body.logistics table.subnav.level4 td a {
  color:#ff8000;
}
table.subnav.level4 td:hover {
  background-color: #cccecd;
}
table.subnav.level4 td:hover a {
  color: #fff;
}
table.subnav.level4 td a {
  background-color: none !important;
}
table.subnav.level4 td a:hover {
  background-color: none !important;
}

/* BANNER IMAGE ----------------------------------------- */

div#banner_wrap {
  text-align: center;
  margin: 9.7em 0 0 0;
/*background: yellow;*/
}
div#banner_wrap img {
  margin: 0 auto;
}
/* CONTENT ---------------------------------------------- */

div#content {
  margin: 0 30px;
}
/* MEDIA TOOLS --------------------------------------- */

div#media_tools {
  background: url(images/media_tools_bg.png) 100% 20px no-repeat;
  clear: both;
  padding: 20px 0 0 0;
  height: 2em;
  line-height: 1.8em;
  margin: 2em 0 0 20px;
  width: 700px;
  font-size: .9em;
}
div#media_tools ul { /* COLORS AND ICONS TO CHANGE W/SECTIONS */
  margin: 0;
  padding: 0;
  list-style: none;
}
div#media_tools ul li {
  float: left;
}
div#media_tools ul li a {
  display: block;
  padding: 0 0 0 20px;
  margin: 0 10px 0 0;
  color: #989898;
}
div#media_tools ul li#print_pg a {
  background: url(images/print_pg_default.png) 0 0 no-repeat;
}
div#media_tools ul li#email_pg a {
  background: url(images/email_pg_default.png) 0 0 no-repeat;
}

/* FOOTER ----------------------------------------------- */

div#footer {
  width: 780px;
  margin: 0 auto;
  padding: 40px 35px 20px 0; /* 35px to justify for detail on right side of box */
  background: url(images/page_bottom_bg.png) 0 0 no-repeat; /* DEFAULT? */
  font-size: .9em;
  color: #999;
}
body>div#footer {
  width: 745px;
}
div#footer a {
  color: #999;
}
div#footer ul.nav li {
  margin: 0;
  padding: 0 5px 0 7px;
  border-left: 1px solid #c5c5c5;
  float: none;
  display: inline;
}
div#footer ul.nav li.first {
  border-left: none;
}
div#footer img {
  margin: 30px 0 0 0;
}

/* ---- ben's additions -- */

div.obiki-inlineimage {
	padding-top: 8px;
	padding-bottom: 10px;
}

div.obiki-inlineimage img {
	display: block;
	margin: 0;
	padding: 0;
}

div.obiki-inlineimage div {
        padding: 0;
        margin: 0;
	clear: both;
}

div#topright_image {
	padding-top: 0;
	margin-top: 0;
}

div#topright_image img {
	padding-top: 0;
}

div#topright_image div.obiki-inlineimage {
	padding: 0;
}

div.obiki-attachment-wrapper {
	width: 200px;
	float: left;
}

div.obiki-attachment-wrapper-right {
	padding-left: 20px;
}

div.obiki-attachment-wrapper-left {
	padding-right: 20px;
}
/* MARK'S QA STYLES ----------------------- */
div#weeks_answers p {
  margin: 0;
  padding: 0;
}
div#qa_scoop p {
  color: #999;
  line-height: 150%; 
  font-size: 1.1em;
}
div#qa_question_list ul {
  list-style:none; 
  font-size: 1.1em; 
  margin: 0; 
  padding: 0;
}
div#qa_question_list ul li {
  background: url(/images/g_QA_bluecircle.gif) 0 5px no-repeat; 
  padding: 0 0 0 20px; 
  margin: 0 0 10px 0; 
  min-height: 21px;
}
div.q_a {
	margin-right: 25px;
}

div.q_a div#novelcolumn {
	margin-right: 35px;
}

div#novelcolumn div#qandaform {
 	background: url(/images/bg_QA.gif) 0 0 repeat-y;
	width: 310px;
	padding: 0 20px;
	margin: 0 0 60px 0;
	position: relative;
}
div#novelcolumn div#qandaform form {
 	background-image: url(/images/bg_QA.gif);
	border: none;
	margin: 0 0 0 10px;
	padding: 0 !important;
}
div#novelcolumn div#qandaform form div {
	margin: 0 !important;
	padding: 0 !important;
}

div#novelcolumn div#qandaform input {
	width: 175px;	
	font-size: 1em;
	padding: 1px;
	margin: 5px 0;
}

div#novelcolumn div#qandaform div.obiki-form-field {
	padding: 5px 0 5px 0;
}

div#novelcolumn div#qandaform label {
	width: 100px;
	float: left;
}

div#novelcolumn div#qandaform textarea {
	width: 275px;
	height: 170px;
 	margin-top: 12px;
}
div#novelcolumn div#qandaform div.obiki-form-image input {
    position: absolute;
	width: 350px;
	height: 48px;
	left: -1px;
	bottom: -54px;
}

/* ---- Q and A archive styles --- */

div.qa-answer {
  width: 350px;
  float: right;
  color: #666;
  text-align: left;
}

div.qa-question {
  float: left;
  width: 200px;
  padding-left: 40px;
  color: #2484fe;
  background-image: url(/images/little_question.png);
  background-repeat: no-repeat;
  background-position: top left;
  min-height: 30px;
  display: inline;
}

div.qa-stats {
  padding-left: 40px;
  padding-top: 45px;
  color: #999;
  float: left;
  width: 200px;
}

div.qa-question-wrapper {
  background-image: url(/images/question_wrapper_footer.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin: 20px 0 20px 0;
  padding-bottom: 30px;
  clear: both;
}

div.unapproved {
  background-color: #fef7d5 !important;
}

div#qa-questions {
  padding-top: 35px;
}

div.archive-note h3 {
	color: #2484FE;
  	margin-bottom: 3px;
}

div.archive-note h4 {
	margin-top: 3px;
}

form.obiki-form-176 div.obiki-form-field {
	position: relative;
}
form.obiki-form-176 div.obiki-form-label {
	padding-top: 4px;
	float: left;
	clear: left;
}

form.obiki-form-176 div.obiki-form-input {
	padding: 3px 0 3px 150px;
}
form.obiki-form-176 select{
	width: 200px;
}
form.obiki-form-176 input {
	/* width: 196px; */
}

div.obiki-field-your_note div.obiki-form-input {
	clear: left;
	margin-top: 7px;
	padding-left: 0px;
}

div.obiki-field-your_note div.obiki-form-input textarea {
	width: 100%;
	height: 110px;
}

form.obiki-form-176 div.obiki-form-image {
	text-align: right;
}

/* ----- homepage tabs ---- */

img#default_dot {
  position: absolute;
  left: 22px;
  top: 30px;
}

img#login_dot {
  position: absolute;
  left: 92px;
  top: 30px;
}

img#join_dot {
  position: absolute;
  left: 165px;
  top: 30px;
}
div#kennel_wrap {
	margin-left: 120px;
}
div#kennel_update {
	background: url(/images/kennel_update_top.gif) 0 0 no-repeat;
	padding-top: 15px;
	width: 560px;
	margin-left: 120px;
}
div#kennel_update div.subwrap {
	background: url(/images/kennel_update_bottom.gif) 0 100% no-repeat;
	padding: 0 15px 15px 15px;
}

div#obiki-admin-toolbar {
  top: -36px !important;
}