/* Layout by Jerry Emerson for Emerson Art*/


body {
padding: 0;
margin: 0;
font: 76% Arial;
background: #6CD7FF url(../images/new/bg_1x800.gif) repeat-x fixed;
color: #000;
}

a {
text-decoration: none;
font-weight: normal;
color: #155D87;
background: transparent none ;
}



a:visited {
color: #1589CD;
font-weight: normal;
text-decoration: none;
}

a:hover {
color: #ffc;
font-weight: normal;
background: #FCC67D none ;
text-decoration: none ;
}

#topmenucontainer {
margin: 10px auto 0 auto;
width: 800px;
height: 21px;
}


#topborder {
margin: 0 auto;
height: 18px;
width: 800px;
background: transparent url(../images/new/topborder.gif) no-repeat top center;
}

/*TOP MENU*/

#topmenu {
      margin: 0 auto;
	font-size: 0.9em;  
	float: right; 
	width: 555px;
      height: 19px; 
	line-height: normal;
}
#topmenu ul {
	width: 555px;
	height: 19px; 
	margin: 0px; 
	padding-left: 4px;
      padding-top: 2px; 
	list-style-type: none;
	background: transparent url(../images/new/top-button-strip.jpg) no-repeat;
}
#topmenu li {
      width: 91px;
	height: 19px;
	background: url(../images/new/top-button.gif) no-repeat left top; 
	float: left; 
      margin: 0px; 
	padding: 0px;
	
}
#topmenu a {
	padding: 0px;
	width: 91px;
	height: 19px;
	display: block; 
  font-weight: bold;  
	float: left; 
	color: #155D87; 
	text-decoration: none;
}


#topmenu a {
	float: none;
}

#topmenu span{
            position: relative;
						float: left; 
						left: 0px;
						top: 0;
						margin: 0px;
						padding: 2px;
						cursor: pointer;
						width: 91px;
						height: 16px;
						text-align: center;
}

#topmenu a:hover {
	color: #DE8752;
	background-image: url(../images/new/top-button-over.gif);
}
#topmenu #select {
      width: 91px;
	height: 19px;
	background-image: url(../images/new/active-button.gif);
}

#topmenu #select a {
	color: #027182;
}

#topmenu #select a:hover {
      color: #DE8752;
	background-image: url(../images/new/active-button-over.gif);
}

#topmenu #title  {
      width: 91px;
	height: 19px;
      font-size: 1.2em;
      color: #000;
      font-weight: bold;
      background: transparent none;
}


/*PAGE MENU*/

#menu {
  
	font-size: 1.0em;  
	float: left; 
	width: 761px; 
	line-height: normal;
}
#menu ul {
	width: 761px;
	height: 28px; 
	margin: 0; 
	padding-left: 0; /*adjust buttons sideways to right*/
	list-style-type: none;
      background: transparent none;
	
}
#menu li {
  width: 114px;
	height: 28px;
	background: url(../images/new/menu-button.gif) no-repeat left top; 
	float: left; 
      margin: 0px; 
	padding: 0px;
	
}
#menu a {
	padding: 0px;
	width: 114px;
	height: 28px;
	display: block; 
      font-weight: bold;  
	float: left; 
	color: #155D87; 
	text-decoration: none;
}

#menu a:visited{
color: #1589CD;
font-weight: bold;
}

#menu a {
	float: none;
}

#menu span{
            position: relative;
						float: left; 
						left: 0px;
						top: 6px;
						margin: 0px;
						padding: 0px;
						cursor: pointer;
						width: 114px;
						height: 28px;
						text-align: center;
}

#menu a:hover {
	color: #DE8752;
	background-image: url(../images/new/menu-button-over.gif);
}
#menu #current {
      width: 114px;
	height: 28px;
	background-image: url(../images/new/current-button.gif);
}

#menu #current a {
	color: #027182;
}

#current a:visited{
color: #1589CD;
font-weight: bold;
}


#menu #current a:hover {
      color: #006785;
	background-image: url(../images/new/current-button-over.gif);
}

#menu #endcap {
      width: 77px;
	height: 28px;
      background: transparent none; /*url(../images/new/endcap.jpg) repeat-x*/
}


#submenu {
  
	font-size: .9em;  
	float: left; 
	width: 761px;
      height: 24px;
	line-height: normal;
      margin: 1px auto;
}


#submenu ul {
	
	height: 24px; 
	margin: 0 auto; 
	padding-left: 18px; /*adjust buttons sideways to right*/
	list-style-type: none;
      background: transparent none;
	
}
#submenu li {
  width: 103px;
	height: 24px;
	background: url(../images/new/subnav-bg.gif) no-repeat; 
	float: left; 
      margin: 0 auto; 
	padding: 0px;


}
#submenu a {
	padding: 0px;
	width: 103px;
	height: 24px;
	display: block; 
      font-weight: bold;  
	 float: left;
	color: #C3EEFE; 
	text-decoration: none;
}

#submenu a:visited{
color: #B1E7FA;
font-weight: bold;
}

#submenu a {
	float: none;
}

#submenu span{
            position: relative;
						 float: left;
						left: 0px;
						top: 5px;
						margin: 0px;
						padding: 0px;
						cursor: pointer;
						width: 103px;
						height: 20px;
						text-align: center;
}

#submenu a:hover {
	color: #fff;
	background-image: url(../images/new/subnav-bg-on.gif);
}
#submenu #subcurrent {
      width: 103px;
	height: 24px;
	background-image: url(../images/new/subnav-bg-on.gif);
}

#submenu #subcurrent a {
	color: #fff;
}

#subcurrent a:visited{
color: #B1E7FA;
font-weight: bold;
}


#submenu #subcurrent a:hover {
      color: #fff;
	background: transparent none;
}

#submenu #subcap {
      width: 1px;
	height: 24px;
      background: transparent url(../images/new/subcap.gif) no-repeat;
}




#container {
margin: 0 auto 0 auto;
width: 760px;
padding: 0 20px 0 20px;
background: #fff url(../images/new/container-bg.gif) top repeat-y; 
}


#subcontainerA {
margin: 0 auto 0 auto;
overflow: hidden;
width: 762px;
background: transparent url(../images/new/header-1.jpg) top center no-repeat;
}

#subcontainerB {
margin: 0 auto 0 auto;
overflow: hidden;
width: 762px;
background: transparent url(../images/new/header-b.jpg) top center no-repeat;
}

#subcontainerC {
margin: 0 auto 0 auto;
overflow: hidden;
width: 762px;
background: transparent url(../images/new/header-c.jpg) top center no-repeat;
}

#subcontainerD {
margin: 0 auto 0 auto;
overflow: hidden;
width: 762px;
background: transparent url(../images/new/header-d.jpg) top center no-repeat;
}

#subcontainerE {
margin: 0 auto 0 auto;
overflow: hidden;
width: 762px;
background: transparent url(../images/new/header-e.jpg) top center no-repeat;
}


#subcontainerF {
margin: 0 auto 0 auto;
overflow: hidden;
width: 762px;
background: transparent url(../images/new/header-f.jpg) top center no-repeat;
}

#logo {
height: 65px;
margin: 0 0 0 0;
background: #fff url(../images/new/logo.jpg) top left no-repeat;
}

#logo a:hover {
background: transparent none;
}

#logo h1 a {
color: #0257AE;
font-size: 1.0em;
font-style: italic;
text-decoration: none;
}

#logo h1 a:hover {
text-decoration: none;
background: none;
}


#subnav, #subnavB, #subnavC, #subnavD, #subnavE, #subnavF, #subnavG {
height: 27px;
width: 762px;
color: #fff;
font-size: 1.0em;
text-align: center;
font-weight: bold;
padding: 0;
border-bottom: none;
clear: both;
margin: 0 auto;
}




#subnav {
background: transparent url(../images/new/subnav-home.gif) no-repeat;
}

#subnavB {
background: transparent url(../images/new/subnav-b.gif) no-repeat;
}

#subnavC {
background: transparent url(../images/new/subnav-c.gif) no-repeat;
}

#subnavD {
background: transparent url(../images/new/subnav-d.gif) no-repeat;
}

#subnavE {
background: transparent url(../images/new/subnav-e.gif) no-repeat;
}

#subnavF {
background: transparent url(../images/new/subnav-f.gif) no-repeat;
}

#subnavG {
background: transparent url(../images/new/subnav-g.gif) no-repeat;
}

.subnavpad {
padding: 6px 0 0 0;
}


#header {
width: 760px;
height: 160px;
border: none;
padding: 0;
clear: both;
margin: 0 auto;
}

#header p {
width: 380px;
font-size: 1em;
font-style: normal;
padding: 0 0 0 18px;
color: #000;
}

#header h1 {
margin: 0 0 8px 0;
padding: 7px 15px 0 18px;
color: #000;
font-size: 1.4em;
font-weight: bold;
}





#main {
width: 515px;
float: right;
padding: 0 0 0 15px;
margin: 145px auto 0 auto;
background: transparent none;
/*border-left: 1px dotted #0257AE;*/
}




#sidebar {
width: 210px;
float: left;
padding: 0 8px 0 8px;
margin: 50px auto 0 auto;
background: transparent none;
}



#sidebar p {
/*font-size: 0.9em;*/
/*line-height: 1.3em;*/
margin: 0 0 8px 0;
}



#footer {
clear: both;
background: #95D7F2;
color: #000;
font-size: 0.9em;
padding: 5px 0 8px 0;
border-top: 3px double #0257AE;
border-bottom: 3px double #0257AE;
text-align: center;
}

#bottom {
margin: 0 auto;
height: 18px;
width: 800px;
background: transparent url(../images/new/bottom.jpg) no-repeat;
}

/*#footer a {
color: #808080;
}*/

#intro {
width: 260px;
}


h1 {
margin: 0 0 8px 0;
font-size: 1.6em;
font-weight: bold;
color: #000;
}

h2 {
margin: 8px 0 6px 0;
color: #000;
font-size: 1.4em;
font-weight: bold;
border-bottom: none;
}

h3 {
margin: 8px 0 6px 0;
color: #000;
font-size: 1.4em;
font-weight: bold;
}




h4 {
margin: 8px 0 6px 0;
color: #000;
font-size: 1.4em;
font-weight: bold;
}


/*hide text in headers and replace with graphics*/



#caric, #illus, #dolls, #webdes, #gags, #psikicks, .content {
width: 510px;
background: transparent url(../images/new/content-bg.gif) bottom center no-repeat;
margin: 9px 0 0 0;
}

#caric p, #illus p, #dolls p, #webdes p,  #gags p,  #psikicks p, .content p {
padding: 6px;
}

#caric h1, #illus h1, #dolls h1, #webdes h1, #gags h1, #psikicks h1
{
 text-indent: -5000px; 
 height: 42px;
 top: 0; 
 margin-left: 0;
}

#caric h1 
{ 
background: #fff url(../images/new/h1-caric.gif) no-repeat top left; 
}

#illus h1 
{ 
background: #fff url(../images/new/h1-illus.gif) no-repeat top left; 
}

#dolls h1 
{ 
background: #fff url(../images/new/h1-dolls.gif) no-repeat top left; 
}

#webdes h1 
{ 
background: #fff url(../images/new/h1-webdes.gif) no-repeat top left; 
}

#gags h1 
{ 
background: #fff url(../images/new/h1-gags.gif) no-repeat top left; 
}

#psikicks h1 
{ 
background: #fff url(../images/new/h1-psikicks.gif) no-repeat top left; 
}


.content h1 
{ 
height: 42px;
background: #fff url(../images/new/h1-content.gif) no-repeat top left;
color: #0072AD; 
font-style: italic;
margin: 8px 0 6px 0;
font-size: 1.4em;
font-weight: normal;
border-bottom: none;

}

.content h1 {
padding: 4px 0 0 20px;
}


p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

.right {
text-align: right;
}

.left {
text-align: left;
}

.center {
text-align: center;
}

a img {
border: 0;
}



 .floatright
{
float: right;
margin: 0 0 8px 8px;/*top, right, bottom, left*/
border: 3px solid #E8B681;
padding: 2px;
}

 .frame
{
margin: 4px 0 4px 0;/*top, right, bottom, left*/
border: 3px solid #E8B681;
padding: 2px;
}

 .floatleft
{
float: left;
margin: 0 8px 8px 0;/*top, right, bottom, left*/
border: 3px solid #E8B681;
padding: 3px;
}

.photo {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.hide {
display: none;
}


/*Split Content Into Two Rows*/
.splitcontent {
width: 100%;
padding: 0;
background: #fff none;
color: inherit;
border-left: none;
overflow: hidden;

}

.splitright {
width: 48%;
float: right;
overflow: hidden;
margin-right: 4px;
}

.splitleft {
width: 48%;
float: left;
overflow: hidden;
}



/*FORMS FORMATTING*/




select {
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	color: #000000;
	font-family: Arial;
	font-size: 80%;
	margin: 0px 0px 0px 10px;
	padding: 1px 0px 1px 3px;
	width: 165px;
}

textarea {
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	color: #000000;
	font-family: Arial;
	font-size: 80%;
	margin: 0px 0px 0px 10px;
	padding: 1px 0px 1px 3px;
	width: 195px;
      height: 103px;
}


input {
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	color: #000000;
	font-family: Arial;
	font-size: 80%;
	margin: 0px 0px 0px 10px;
	padding: 1px 0px 1px 3px;
	width: 165px;
}

input.error, textarea.error {
	color: #000000;
	background-color: #f5731d;
}

input.reset {
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	color: #000000;
	font-family: Arial;
	font-size: 11px;
	width: 145px;
}

input.send {
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	color: #000000;
      text-align: center;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	width: 145px;
}

input.radio {
width: 25px;
}


input.smallbtn {
	background-color: #F4C36F;
	border: 1px solid #000;
	color: #ffc;
      text-align: center;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	width: 135px;
}

input.smalltext {
	background-color: #ffffff;
	border: 1px solid #000;
	color: #000000;
      text-align: left;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	width: 130px;
}

input.smallselect {
	background-color: #ffffff;
	border: 1px solid #000;
	color: #000000;
      text-align: left;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	width: 80px;
}




table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

td {
	
	font-family: Arial;
	font-size: 1.0em;
	font-weight: normal;
	margin: 0;
	padding: 3px;
	text-decoration: none;
}




tr {
	vertical-align: top;
}




.imagedisplay
{
margin-bottom: 9px;
margin: 6px auto;
border: 1px solid #575757;
background: #FFF7C7 url("../images/new/display-bg.gif") repeat-x;
padding: 0.8em;
text-align: center;
}

.box
{

margin: 6px auto 9px auto;
border: 1px solid #575757;
padding: 0.8em;
background: #EBC7A1 url("../images/new/display-bg.gif") repeat-x;

}

.navcontainer {
        background: transparent  none;
        width: 190px;
        margin: 0 auto;
        padding: 0;
        font-size: 11px;
        text-transform: none;
        font-family: Arial;
}

.navcontainer h1 {
margin: 8px 0 6px 0;
color: #000;
font-size: 1.4em;
font-weight: bold;              
}



ul.navlist {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 190px;
        
}



ul.navlist li {
        display: block;
        margin: 0 0 2px 0;
        padding: 0;
        
        
}

ul.navlist li a {
        display: block;
        width: 190px;
        height: 20px;
        padding: 2px 0 1px 22px;
        color: #155D87;
        font-weight: bold;
        text-transform: normal;
        text-decoration: none;
        background: transparent url(../images/new/navlist-bg.gif) no-repeat;
        
}

ul.navlist li a:visited{
color: #1589CD;
font-weight: bold;
}

.navcontainer>ul.navlist li a { width: auto; }

ul.navlist li#active a {
        background: transparent url("../images/new/active-bg.gif") no-repeat;
        color: #155D87;
}

#active a:visited{
color: #1589CD;
font-weight: bold;
}

ul.navlist li#subactive a {
        background:  transparent url("../images/new/subactive-bg.gif") right no-repeat;
        padding: 4px 0 1px 42px;
        text-transform: lowercase;
        color: #155D87;
}



ul.navlist li a:hover, ul.navlist a:hover {
        color: #DE8752;
        background: transparent url(../images/new/navlist-bg-over.gif) no-repeat;
        

}

ul.navlist li#active a:hover {
        background: transparent url("../images/new/active-bg-over.gif") no-repeat;
        color: #DE8752;
        
        
}

ul.navlist li#subactive a:hover {
        background:  transparent url("../images/new/subactive-bg-over.gif") right no-repeat;
        padding: 4px 0 1px 42px;
        color: #DE8752;
        text-transform: lowercase;
               
        
}

ul.navlist li.sublink a {
        padding: 4px 0 1px 42px;
        color: #297CAB;
        text-transform: lowercase;
        background:  transparent url("../images/new/sublink-bg.gif") right no-repeat;
}


ul.navlist li.sublink a:hover {
        padding: 4px 0 1px 42px;
        color: #DE8752;
        text-transform: lowercase;
        background:  transparent url("../images/new/sublink-bg-over.gif") right no-repeat;
        
        
}




/* Subnavlist*/

.subnavcontainer {
        background: transparent  none;
        width: 165px;
        margin: 0 35px auto;
        padding: 0;
        font-size: 11px;
        text-transform: none;
        font-family: Arial;
}

.subnavcontainer h1 {
margin: 8px 0 6px 0;
color: #000;
font-size: 1.4em;
font-weight: bold;              
}



ul.subnavlist {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 165px;
        
}



ul.subnavlist li {
        display: block;
        margin: 0 0 2px 0;
        padding: 0;
        
        
}

ul.subnavlist li a {
        display: block;
        width: 165px;
        height: 20px;
        padding: 2px 0 1px 22px;
        color: #176897;
        font-weight: bold;
        text-transform: normal;
        text-decoration: none;
        background: transparent url(../images/new/sublink-bg.gif) no-repeat;
        
}

.subnavlist a:visited 
{
color: #1589CD;
font-weight: bold;
} 

.subnavcontainer>ul.subnavlist li a { width: auto; }

ul.subnavlist li#subactive a {
        background: transparent url("../images/new/subactive-bg.gif") no-repeat;
        color: #176897;
}



ul.subnavlist a:hover {
        color: #DE8752;
        background: transparent url(../images/new/sublink-bg-over.gif) no-repeat;
        

}

ul.subnavlist li#subactive a:hover {
        background: transparent url("../images/new/subactive-bg-over.gif") no-repeat;
        color: #DE8752;
        
        
}




#indexSplash {
width: 518px;
height: 450px;
overflow: auto;
background: transparent url("../images/new/featured/slide_1.jpg") no-repeat top center;
}

#indexSplashpad {
padding: 50px 18px 18px 320px ;
}

/*set style for page link buttons*/
.linkbutton {
text-align: center;
font-size: 11px;
text-decoration: none;
cursor: hand;
font-style: normal;
color: #155D87;
display: block;
padding-top: 1px;
width: 152px;
height: 19px;
background: transparent url(../images/new/linkbutton.gif) top right no-repeat;
margin: 0 0 5px 0;
        border: none;
}

.linkbutton:visited
{
color: #1589CD;
}

.linkbutton:hover {
text-align: center;
font-size: 11px;
cursor: hand;
font-style: normal;
text-decoration: none;
color: #DE8752;
display: block;
padding-top: 1px;
width: 152px;
height: 19px;
background: transparent url(../images/new/linkbutton-over.gif) top right no-repeat;
margin: 0 0 5px 0;
        border: none;

}

.linkbuttonpad  {

}



.zoom_radio {
width: 25px;
}


/* Specifications for container for layers to show/hide.
	 Most browsers need both width and height set. */

#lyr0  {
position: absolute;
margin: 0 auto;
width: 354px;
height: 350px;
float: left;
font-size: 11px;
padding-left: 10px;
color: #fff;
background-color: #fff;
}

/* Include id's for all your layers here, with commas between. */

#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9, #lyr10, #lyr11	
{ 
position: absolute;
margin: 0 auto;
width: 354px;
height: 350px;
float: left;
font-size: 11px;
padding-left: 10px;
color: #fff;
background-color: #fff;
visibility: hidden;
}




#lyr0 h3 {
margin: 6px 0 1px 0;
color: #6FA4F3;
font-size: 1.2em;
font-weight: bold;
border: none;
}

#lyr0 a {
color: #fff;
text-decoration: none;
}

#lyr0 a:hover {
color: #A5C4FE;
background-color: none;
text-decoration: underline;
}