* { margin: 0; padding: 0; }
body {	
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: url(/cybermuse/Templates/images/gradient-bg.jpg) repeat-x 0 0;
	padding: 0;
	color: #fff;
}

.p{
	font-size: 11px;
	color: #666;
	line-height: 1.2;
	margin: 5px 0;
}

div, table, td, th, form, img { margin: 0; padding: 0; border: 0; }

img, input { vertical-align: middle; }

#mainWrapper {
	padding:10px 27px 0 27px;
	width:976px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: url(/cybermuse/Templates/images/spirograph-bg.jpg) no-repeat 0 0;
}


/* content rule sets */
#mainWrapper #contentWrapper {
	position: relative;
	clear: both;
	padding: 0;
}

#contentWrapper #contentBox {
	position: relative;
	width: 966px;
	background: #fff;
	/*height: 539px;*/
	padding: 4px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 966px;
}
html>body>#contentWrapper #contentBox {
	width: 966px;
}

/*=text/lang nav
-----------------*/
#toggleNav {
	float:left;
	width:200px;
	height:20px;
	margin-left:8px;
	position:relative;
}
#textLangNav {
	position:absolute;
	bottom:0;
	left:0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
#textLangNav li {
	display: inline;
	padding-left: 7px;
}
#textLangNav li a {
	color: #fff;
	text-decoration: none;
	padding-right: 7px;
}
#textLangNav li a:hover { text-decoration: underline; }

/*=global navigation
--------------------*/
#globalNav {
	width: 494px;
	height: 24px;
	margin-right: 2px;
	float:right;
}
#globalNav ul {
	width: 494px;
	height: 24px;
	list-style: none;
	font-size: 11px;
	position:relative;
}
#globalNav li {
	position: absolute;
	top: 0;
	height: 24px;
}
#globalNav li a {
	text-indent: -9999px;
	display: block;
	text-decoration: none;
	height: 24px;
	background-image: url(/cybermuse/Templates/images/global_nav.gif);
	background-repeat: no-repeat;
}
body.fr #globalNav li a {
	background-image: url(/cybermuse/Templates/images/global_nav_fr.gif);
}

#globalNav li#tabHome { width: 98px; left: 1px; }
#tabHome a { width: 98px; background-position: 0 -24px; }
#tabHome a:hover, #tabHome a.current { background-position: 0 1px; }

#globalNav li#tabCMCP { width: 98px; left: 99px; }
#tabCMCP a { width: 98px; background-position: -98px -24px; }
#tabCMCP a:hover, #tabCMCP a.current { background-position: -98px 1px; }

#globalNav li#tabCybermuse { width: 99px; left: 197px; }
#tabCybermuse a { width: 99px; background-position: -197px -24px; }
#tabCybermuse a:hover, #tabCybermuse a.current { background-position: -197px 1px; }

#globalNav li#tabFoundation { width: 99px; left: 296px; }
#tabFoundation a { width: 99px; background-position: -296px -24px; }
#tabFoundation a:hover, #tabFoundation a.current { background-position: -296px 1px; }

#globalNav li#tabShop { width: 99px; left: 395px; }
#tabShop a { width: 99px; background-position: -395px -24px; }
#tabShop a:hover, #tabShop a.current { background-position: -395px 1px; }

/*=container
-------------*/
#container {
	border-top: 1px solid #6977a0;
	float: left;
	padding: 0;
	position: static;
}

/*=header
----------*/
#header {
	width: 974px;
	height: 75px;
/*	background: url(../images/header_bg.gif) 0 0 repeat-x;*/
	background: url(/cybermuse/Templates/images/cybermuseNav-bg.jpg) repeat-x;
	position: relative;
}
#header h1 {
	display:inline;
	float:left;
}

/*=header nav
----------*/

#header #cybermuseNav {
	position: relative;
	list-style: none;
	font-size: 12px;
}
#cybermuseNav li {
	display:inline;
	padding:0;
	float:left;
}
#cybermuseNav a {
	display: block;
	text-decoration: none;
	padding:0;
	text-indent:-9999px;
	height:75px;
	background: url(/cybermuse/Templates/images/cybermuseNav.jpg) no-repeat;
}
body.fr #cybermuseNav a {
	background: url(/cybermuse/Templates/images/cybermuseNav-fr.jpg) no-repeat;
}
#cybermuseNav li.kids a{ width: 93px; background-position: 0 0; }
#cybermuseNav li.youth a{ width: 93px; background-position: -93px 0; }
#cybermuseNav li.teachers a{ width: 94px; background-position: -186px 0; }
#cybermuseNav li.researchers a{ width: 92px; background-position: -280px 0; }
#cybermuseNav li.showcases a{ width: 94px; background-position: -372px 0; }
#cybermuseNav li.extras a{ width: 94px; background-position: -466px 0; }

/* rollovers */
#cybermuseNav li.kids a:hover{ width: 93px; background-position: 0 -75px; }
#cybermuseNav li.youth a:hover{ width: 93px; background-position: -93px -75px; }
#cybermuseNav li.teachers a:hover{ width: 94px; background-position: -186px -75px; }
#cybermuseNav li.researchers a:hover{ width: 92px; background-position: -280px -75px; }
#cybermuseNav li.showcases a:hover{ width: 94px; background-position: -372px -75px; }
#cybermuseNav li.extras a:hover{ width: 94px; background-position: -466px -75px; }


#contentBox #topContent {
	height: 343px;
	width: 966px;
	margin: 0;
	position: relative;
}

#contentBox #bigFlash {
	width: 613px;
	height: 343px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}

#contentBox #mainImage {
	width: 613px;
	height: 343px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}




/* right navigation rule sets */
#contentBox #rightNav {
	/*width: 202px;
	height: 278px;*/
	/*margin-left: 753px;*/
	position: absolute;
	top: 317px; 
	left: 0;
}

#rightNav #flashNavWrapper { height: 150px; position: absolute; top: 0; left: 0; }

#rightNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 150px;
}

#rightNav li {
	width: 202px;
	height: 25px;
	text-indent: -9999px;
}

#rightNav li a {
	display: block;
	width: 202px;
	height: 24px;
	text-decoration: none;
}

#rightNav li#collection a { background: url(/cybermuse/imagesHome/collection_off.gif) no-repeat; }
#rightNav li#collection a:hover { background: url(/cybermuse/imagesHome/collection_on.gif) no-repeat; }

#rightNav li#youth a { background: url(/cybermuse/imagesHome/youth_off.gif) no-repeat; }
#rightNav li#youth a:hover { background: url(/cybermuse/imagesHome/youth_on.gif) no-repeat; }

#rightNav li#artissimo a { background: url(/cybermuse/imagesHome/artissimo_off.gif) no-repeat; }
#rightNav li#artissimo a:hover { background: url(/cybermuse/imagesHome/artissimo_on.gif) no-repeat; }

#rightNav li#teachers a { background: url(/cybermuse/imagesHome/teachers_off.gif) no-repeat; }
#rightNav li#teachers a:hover { background: url(/cybermuse/imagesHome/teachers_on.gif) no-repeat; }

#rightNav li#artEnthusiast a { background: url(/cybermuse/imagesHome/art_enthusiast_off.gif) no-repeat; }
#rightNav li#artEnthusiast a:hover { background: url(/cybermuse/imagesHome/art_enthusiast_on.gif) no-repeat; }

#rightNav li#artistsIndex a { background: url(/cybermuse/imagesHome/artists_index_off.gif) no-repeat; }
#rightNav li#artistsIndex a:hover { background: url(/cybermuse/imagesHome/artists_index_on.gif) no-repeat; }



#contentBox #rightContent {
	margin: 4px 0 0;
	width: 349px;
	position: absolute;
	top: 0;
	margin-left: 617px;
}

#rightContent #searchMuse {
	width: 349px;
	height: 173px;
}

#searchMuse #searchBox {
	position: relative;
	color: #000;
	width: 334px;
	height: 123px;
	background: url(/cybermuse/imagesHome/bar_SearchBoxBG_e.jpg) repeat-x;
	padding: 0 0 0 13px;
	voice-family: "\"}\"";
	voice-family: inherit;
	border: 1px solid #cdd3e0;
}
#searchMuse #searchBoxTitle {
	position: relative;
	width: 349px;
	height: 16px;
	background: url(/cybermuse/imagesHome/bar_SearchCollectionBG_e.jpg) no-repeat;
	padding: 9px 0 0 13px;
	voice-family: "\"}\"";
	voice-family: inherit;
}

body.en #searchBoxTitle h3 {
	margin: 0;
	width: 125px;
	height: 17px;
	background: url(/cybermuse/imagesHome/bar_SearchCollection_e.jpg) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
}
body.fr #searchBoxTitle h3 {
	margin: 0;
	width: 185px;
	height: 17px;
	background: url(/cybermuse/imagesHome/bar_SearchCollection_f.jpg) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
}
#searchMuse #searchBox #searchText{
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding: 6px 0 1px 0;
	voice-family: "\"}\"";
	voice-family: inherit;
}
#searchMuse #searchBox #searchText span.searchOptionText {
	display: block;
	margin-left: 6px;
	line-height: 1.2;
}

* html #searchBox #searchText span.searchOptionText {
	padding-left: 12px;
	margin-left: 4px;
}
#searchBox #searchText #searchTextImageOnlyBox {
	position: relative;
	/*top: 99px;
	left: 33px;*/
	width: 200px;
	line-height: 1.0;
}
* html #searchBox #searchText #searchTextImageOnlyBox {
	line-height: 1.8;
	overflow: show;
}
#searchBox #searchText #searchTextImageOnlyBox span.searchOptionText {
	position: absolute;
	top: 0;
	left: 14px;
}
html>body>#searchMuse #searchBox {
	width: 319px;
	height: 78px;
}
/*#searchBox h3 span { display: none; }*/

#searchBox #keywordSearch {
	position: relative
	left: 9px;
}

#searchBox input#searchTerm, #searchBox input#keyword {
	width: 316px;
	height: 17px;
	font-size: 14px;
}
#searchBox select#maxresults {
	font-size:12px;
}
#searchBox input#logic {
	font-size: 12px;
}
/*#searchBox select#maxresults{
	width: 30px;
	font-size: 12px;
}*/
/* mac ie hack \*/
#searchBox input#searchTerm, #searchBox input#keyword, #searchBox input#logic, #searchBox input#maxresults{ font-size: 14px; }
/* end hack */

#searchBox #searchButton, #searchBox #IMAGE {
	font-size: 10px;
	padding: 0;
	position: absolute;
	right: 14px;
	bottom: 4px;
}
#searchMuse #searchBoxAZ {
	position: relative;
	top: 3px;
	color: #000;
	width: 343px;
	height: 20px;
	background: url(/cybermuse/imagesHome/bar_SearchBoxBG_e.jpg) repeat-x;
	padding: 13px 0 0 4px;
	voice-family: "\"}\"";
	voice-family: inherit;
	border: 1px solid #cdd3e0;
}

#searchBoxAZ ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 6px;
	top: 3px;
	font-size: 10px;
	color: #000;
}
#searchBoxAZ li { display: inline; }
#searchBoxAZ a {
	color: #000;
	text-decoration: none;
}
#searchBoxAZ #searchAZ {
	top: 20px;
}
body.fr #searchBoxAZ #searchAZ {
	margin-top: 2px;
}
#searchBoxLinks a:hover { text-decoration: underline; }

#searchMuse #searchBoxLinks {
	position: relative;
	color: #000;
	top: 4px;
	width: 336px;
	height: 20px;
	background: url(/cybermuse/imagesHome/searchLinksBG.jpg) repeat-x;
	padding: 0 0 0 13px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*border: 1px solid #cdd3e0;*/
}

#searchBoxLinks ul {
	margin: 0;
	padding: 2px 0 0 0;
	list-style: none;
	position: absolute;
	left: 15px;
	top: 3px;
	font-size: 10px;
	color: #fff;
}
* html #searchBoxLinks ul {
	padding: 0 0 0 0;
}
#searchBoxLinks li { display: inline; }
#searchBoxLinks a {
	color: #fff;
	text-decoration: none;
}
#searchBoxLinks a:hover { text-decoration: underline; }

#searchMuse #myCybermuse {
	position: relative;
	top: 2px;
	width: 349px;
	/*height: 184px;*/
	margin: 4px 0 0;
	/*background: url(../imagesHome/my_cybermuse_bg.jpg) repeat-x;*/
}





#searchMuse #myCybermuseBoxTitle {
	position: relative;
	width: 349px;
	w\idth: 340px;
	height: 19px;
	background: url(/cybermuse/imagesHome/my_cybermuseTitle_bg.jpg) no-repeat;
	padding: 7px 0 0 9px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
body.en #myCybermuseBoxTitle h3 {
	margin: 0 0 0 2px;
	font-size: 1px;
	height: 15px;
	width: 100px;
	background: url(/cybermuse/imagesHome/my_cybermuseTitle.jpg) no-repeat;
	text-indent: -9999px;
}

body.fr #myCybermuseBoxTitle h3 {
	margin: 0 0 0 2px;
	font-size: 1px;
	height: 15px;
	width: 100px;
	background: url(/cybermuse/imagesHome/my_cybermuseTitle_f.jpg) no-repeat;
	text-indent: -9999px;
}
#myCybermuse #myCybermuseBox{
	position: relative;
	color: #000;
	width: 334px;
	height: 76px;
	background: url(/cybermuse/imagesHome/my_cybermuseBox_bg.jpg) repeat-x;
	padding: 0 0 0 13px;
	voice-family: "\"}\"";
	voice-family: inherit;
	border: 1px solid #DCDDD7;
}
#myCybermuse #cybermuseText {
	position: absolute;
	top: 5px;
	left: 7px;
	width: 111px;
}


/*#cybermuseText h3 span { display: none; }*/


#cybermuseText p {
	color: #848481;
	font-size: 9px;
	margin: 0;
	line-height: 1;
}

#myCybermuse #cybermuseLogin {
	position: absolute;
	top: 6px;
	left: 131px;
}

#cybermuseLogin #cybermuseName, #cybermuseLogin #cybermusePass, #cybermuseLogin #username, #cybermuseLogin #password {
	width: 190px;
	font-size: 12px;
	margin-bottom: 3px;
	vertical-align: middle;
}
html>body #cybermuseLogin #cybermuseName, html>body #cybermuseLogin #cybermusePass, #cybermuseLogin #username, #cybermuseLogin #password { width: 198px; height:16px; }
/* commented backslash hack to hide from mac ie \*/
#cybermuseLogin #cybermuseName, #cybermuseLogin #cybermusePass, #cybermuseLogin #username, #cybermuseLogin #password { font-size: 9px; }
/* end hack */

#cybermuseLogin input#login{
	font-size: 10px;
	padding: 0;
	position: absolute;
	left: 133px;
	top: 47px;
}
body.fr #cybermuseLogin input#login{
	left: 119px;
}


#cybermuseLogin ul {
	list-style: none;
	color: #848481;
	font-size: 9px;
	margin: 0;
	padding: 0;
}
#cybermuseLogin li { display: inline; }
#cybermuseLogin a {
	color: #848481;
	text-decoration: none;
}
#cybermuseLogin a:hover { text-decoration: underline; }

#bottomContent #profilesBanner {
	width: 422px;
	height: 173px;
	background: url(../imagesHome/banner_bg.jpg) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 12px 0 0 24px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 398px;
	height: 161px;
}
html>body>#bottomContent #profilesBanner {
	width: 398px;
	height: 161px;
}

#profilesBanner h3 {
	margin: 0;
	width: 43px;
	height: 13px;
	background: url(/cybermuse/imagesHome/profiles_h3.jpg) no-repeat;
	font-size: 1px;
	text-indent: -9999px
}
/*#profilesBanner h3 span { display: none; }*/

#profilesBanner p#exploreMore {
	margin: 5px 31px 4px 0;
	color: #fff;
	/*position: absolute;
	top: 17px;
	right: 31px;*/
	font-size: 9px;
	text-align: right;
}

#profilesBanner .image1, #profilesBanner .image2, #profilesBanner .image3, #profilesBanner .image4, #profilesBanner .image5 {
	/*position: absolute;
	top: 36px;*/
	display: block;
}

#profilesBanner .image1 { /*left: 26px;*/ float: left; margin: 1px 3px 1px 4px; display: inline; }
#profilesBanner .image2 { /*left: 151px;*/ float: left; margin: 1px 3px; display: inline; }
#profilesBanner .image3 { /*left: 279px;*/ float: left; margin: 1px 3px; display: inline; }
#profilesBanner .image4 { /*left: 279px;*/ float: left; margin: 1px 3px; display: inline; }
#profilesBanner .image5 { /*left: 279px;*/ float: left; margin: 1px 3px; display: inline; }

#profilesBanner .show { display: block; height:122px; width: 613px; background-color:#DCDDD7;}
#profilesBanner .noShow { position: absolute; left: -9999px; }

/*=main content extra 
---------------*/
#mainContentExtra {
	width:974px;
	float:left;
	position:relative;
}
/*=main content extra boxes(blueish gradient box)
---------------*/
.mainContentExtraBox {
	width:375px;
	w\idth:350px;
	padding:14px 5px 12px 20px;
	background: #fff;
	float:left;
}
.mainContentExtraBox h5{
	color:#0e465e;
	font-size:11px;
	width:200px;
}
.mainContentExtraBox p{
	font-size: 11px;
	color: #666;
	line-height: 1.2;
	margin: 5px 0;
}
.mainContentExtraBox a{
	color:#0e465e;
	text-decoration:none;
}

.mainContentExtraBox1Column {
	width:750px;
	w\idth:725px;
	padding:10px 5px 12px 20px;
	background:url(/cybermuse/Templates/images/maincontentExtra-bg.gif) repeat-x;
	float:left;
}
.mainContentExtraBox1Column h5{
	color:#0e465e;
	font-size:12px;
	width:200px;
}
.mainContentExtraBox1Column a{
	color:#0e465e;
	text-decoration:none;
}

/*=enews signup
---------------*/

#mainContentExtra #enewsSignup {
	height:90px;
	he\ight:55px;
	width: 224px;
	w\idth: 202px;
	padding: 40px 0 0 22px;
	font-size: 12px;
	line-height: 1.7;
	color: #666666;
	position:relative;
	background: url(/cybermuse/Templates/images/ngc-logo.jpg) 20px 0 no-repeat;
	display:block;
	float:left;
}
body.fr #mainContentExtra #enewsSignup {
	background: url(/cybermuse/Templates/images/ngc-logo-fr.jpg) 20px 0 no-repeat;
	font-size: 11px;
}
#mainContentExtra #enewsSignup #signupField { width: 144px; }


/*=footer
----------*/
#footer {
	position: relative;
	background: url(/cybermuse/Templates/images/footer_nav_bg_Home.gif) 0 0 repeat-x;
	clear: left;
	border: 1px solid #e9e9e9;
	border-width: 0 0 1px 0;
	width:974px;
}
#footer #footerNav {
	position: relative;
	width: 974px;
/*	background: url(../images/footer_nav_bg.gif) 0 0 repeat-x;*/
	font-size: 12px;
	line-height: 1.3;
	color: #666;
	list-style-type:none;
}
body.en #footer #footerNav {
	padding: 8px 0 0 150px;
	w\idth:744px;
	height: 29px;
	he\ight: 21px;
}
body.fr #footer #footerNav {
	font-size: 12px;
	padding: 8px 0 0 0px;
	w\idth:874px;
	height: 29px;
	he\ight: 21px;
}
#footerNav li {
	float:left;
	padding: 0 8px 0 8px;
	border: 1px solid #ccc;
	border-width: 0 1px 0 0;
	white-space:normal;
}
#footerNav li.last {
	border:none;
	white-space:nowrap;
	padding: 0 0 0 8px;
}
#footerNav a {
	display:block;
	text-decoration: none;
	color: #666;
}
#footerNav a:hover { text-decoration: underline; }

#footer img#canada {
	position: absolute;
	right: 0;
	top: 0;
}

/*=copyright
------------*/
#copyright {
	text-align: right;
	margin-right: 5px;
}
#copyright p {
	font-size: 10px;
	color:#666666;
	margin: 6px 0 0;
}
#copyright a {
	text-decoration: underline;
	color: #666;
}
#copyright a:hover { text-decoration: none; }

form[name=ccoptin] {
	display:none;
}
