/*\*//*/@import url("ie5Mac.css");/**/

body {
	padding: 0;
	margin: 0;
}

#WORKBOOKLOGO {
	margin-left: 38px;
	margin-top: 30px;
}

#WBHEADER {
	margin: 0;
	padding: 0;
}

/* SET position of main navigators */
#SECTIONNAV, #FEATURENAV, #WBSALESNAV {
	position: absolute;
	top: 0;
	left: 204px;
	padding: 0;
	margin: 0;
	background-image: url(/img/toolbar/dot_grey_10.gif);
	background-repeat: repeat-x;
	white-space: nowrap;
}

#FEATURENAV {
	left: 560px;
}

#WBSALESNAV {
	left: 755px;
}

/* display list elements horizontally */
#SECTIONNAV {
	overflow: hidden;
	height: 47px;
}

#SECTIONNAV li {
	display: block;
	float: left;
	margin-right: 16px;
	padding: 0;
}

#FEATURENAV li {
	display: block;
	float: left;
	margin-right: 4px;
	padding: 0;
	margin-top: 25px;
	width: 85px;
}

#WBSALESNAV li {
	display: block;
	float: left;
	margin-right: 16px;
	padding: 0;
	margin-top: 30px;
	width: 54px;
}

#WBSALESNAV li#BOOKSTORETAB {
	width: 44px;
}

/* remove final list item margin */
li#RESOURCESTAB, li#INSPIRATIONTAB, li#BOOKSTORETAB {
	margin-right: 0;
}

/* set up regular background images for rollovers */
#WBHEADER #SECTIONNAV li a {
	display: block;
	padding: 47px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:47px; /* for IE5/Win only */
	background-position: 0 0;
	background-repeat: no-repeat;
}

#WBHEADER #FEATURENAV li a {
	display: block;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:15px; /* for IE5/Win only */
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 85px;
}

#WBHEADER #WBSALESNAV li a {
	display: block;
	padding: 5px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:5px; /* for IE5/Win only */
	background-position: 0 0;
	background-repeat: no-repeat;
}

#SECTIONNAV li#ASSIGNMENTTAB {	width: 65px; }
#SECTIONNAV li#STOCKTAB      {  width: 32px; }
#SECTIONNAV li#FINEARTTAB    {	width: 46px; }
#SECTIONNAV li#PHONEBOOKTAB  {	width: 65px; }
#SECTIONNAV li#RESOURCESTAB  {	width: 57px; }


#SECTIONNAV li#ASSIGNMENTTAB a { background-image: url(/img/css/btn_assignmentF.gif); }
#SECTIONNAV li#STOCKTAB      a { background-image: url(/img/css/btn_stockF.gif);      }
#SECTIONNAV li#FINEARTTAB    a { background-image: url(/img/css/btn_fineartF.gif);    }
#SECTIONNAV li#PHONEBOOKTAB  a { background-image: url(/img/css/btn_phonebookF.gif);  }
#SECTIONNAV li#RESOURCESTAB  a { background-image: url(/img/css/btn_resourcesF.gif);  }


#FEATURENAV #MYWORKBOOKTAB  a { background-image: url(/img/css/btn_myworkbookF.gif);  }
#FEATURENAV #INSPIRATIONTAB a { background-image: url(/img/css/btn_inspirationF.gif); }

#WBSALESNAV #MAILINGTAB   a { background-image: url(/img/css/btn_mailingF.gif);  width: 54px; }
#WBSALESNAV #BOOKSTORETAB a { background-image: url(/img/css/btn_bookstoreF.gif); width: 44px; }

/* set up rollover background images */

/**/
#WBHEADER.assignment  li#ASSIGNMENTTAB a  { background-position: 0 -47px; }
#WBHEADER.stock       li#STOCKTAB      a  { background-position: 0 -47px; }
#WBHEADER.fine-art    li#FINEARTTAB    a  { background-position: 0 -47px; }
#WBHEADER.phonebook   li#PHONEBOOKTAB  a  { background-position: 0 -47px; }
#WBHEADER.resources   li#RESOURCESTAB  a  { background-position: 0 -47px; }

#WBHEADER #FEATURENAV li a:hover { background-position: 0 -15px; }
#WBHEADER #WBSALESNAV li a:hover { background-position: 0 -10px; }


/* set up and position subnavigation */

#SECTIONSUBNAV {
	position: absolute;
	top: 50px;
	left: 205px;
	width: 661px;
	height: 24px;
	background-image: url(/img/toolbar/dot_grey.png);
	background-repeat: repeat-x;
}

#SECTIONSUBNAV ul {
	position: absolute;
	margin: 0;
	padding: 0;
	height: 24px;
}

#SECTIONSUBNAV li/* */{
	float: left;
}

#SECTIONSUBNAV li {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: right;
	height: 24px;
	/*width: 95px;*/
}

#SECTIONSUBNAV li {
	width: auto;
}



/* assign background colors to subnavigation */

#WBHEADER #ASSIGNMENTSUB { background-color: #0033FF; }
#WBHEADER #STOCKSUB      { background-color: #47820C; }
#WBHEADER #FINEARTSUB    { background-color: #98CB00; }
#WBHEADER #PHONEBOOKSUB  { background-color: #FFCC00; }
#WBHEADER #RESOURCESSUB  { background-color: #FF6600; }


/* assign separator images to subnavigation */
#WBHEADER #ASSIGNMENTSUB li { background-image: url(/img/toolbar/sep_mnu01.png); }
#WBHEADER #STOCKSUB      li { background-image: url(/img/toolbar/sep_mnu02.png); }
#WBHEADER #FINEARTSUB    li { background-image: url(/img/toolbar/sep_mnu03.png); }
#WBHEADER #PHONEBOOKSUB  li { background-image: url(/img/toolbar/sep_mnu04.png); }
#WBHEADER #RESOURCESSUB  li { background-image: url(/img/toolbar/sep_mnu05.png); }

#WBHEADER #ASSIGNMENTSUB li.last,
#WBHEADER #STOCKSUB      li.last,
#WBHEADER #FINEARTSUB    li.last,
#WBHEADER #PHONEBOOKSUB  li.last,
#WBHEADER #RESOURCESSUB  li.last { background-image: none;}


/* make hover effect entire li element */
#WBHEADER #SECTIONSUBNAV li a {
	display: block;
}

/* change background color of hover'd subnav items */
#SECTIONSUBNAV #ASSIGNMENTSUB a:hover { background-color: #0002CD; }
#SECTIONSUBNAV #STOCKSUB      a:hover { background-color: #175100; }
#SECTIONSUBNAV #FINEARTSUB    a:hover { background-color: #679A00; }
#SECTIONSUBNAV #PHONEBOOKSUB  a:hover { background-color: #CE9B00; }
#SECTIONSUBNAV #RESOURCESSUB  a:hover { background-color: #CE3500; }

/* set up initial invisibility of subnav */
#SECTIONSUBNAV ul { visibility: hidden; }

/* display subnav of section when #WBHEADER has correct class */
div.assignment #SECTIONSUBNAV ul { visibility: hidden }
div.stock      #SECTIONSUBNAV ul { visibility: hidden }
div.fine-art   #SECTIONSUBNAV ul { visibility: hidden }
div.phonebook  #SECTIONSUBNAV ul { visibility: hidden }
div.resources  #SECTIONSUBNAV ul { visibility: hidden }


div.assignment #SECTIONSUBNAV ul#ASSIGNMENTSUB { visibility: visible }
div.stock      #SECTIONSUBNAV ul#STOCKSUB      { visibility: visible }
div.fine-art   #SECTIONSUBNAV ul#FINEARTSUB    { visibility: visible }
div.phonebook  #SECTIONSUBNAV ul#PHONEBOOKSUB  { visibility: visible }
div.resources  #SECTIONSUBNAV ul#RESOURCESSUB  { visibility: visible }

#mywb           #FEATURENAV #MYWORKBOOKTAB  a { background-position: 0 -15px; }
#INSPIRATION    #FEATURENAV #INSPIRATIONTAB a { background-position: 0 -15px; }

#mailinglists #WBSALESNAV #MAILINGTAB   a { background-position: 0 -10px; }
#BOOKSTORE   #WBSALESNAV #BOOKSTORETAB a { background-position: 0 -10px; }


#LOGINTEXT {
	color: #C30;
	font-size: 9px;
	position: absolute;
	top: 60px;
	left: 755px;
	
}
