@charset "UTF-8";
/* CSS Document */

body {margin:0;padding:0; background:#90a9e2;}

#wrap {max-width: 900px;
	min-width: 756px;
       width:100%;
       margin:20px auto;
       padding:4px  0 4px 0;
       
       }
	   
#header {background-image: url(images_css409/header409.gif);
background-position:left top; background-repeat:no-repeat; width:auto; height:180px;
padding-bottom:0px;
}

#hermie {background-image:url(images_css409/Hermie409.gif); background-repeat:no-repeat; width:139px; height:105px; position:relative; left:24px; top:-160px; z-index:1;}
	   
#toplinks {background-color:#2d4270; width:776px; height:18px; position:relative; top:-172px; }

#topnav {
	font-family:"Comic Sans MS", "Comic Sans", sans-serif;
	font-weight:bold;
	font-size:9pt;
	word-spacing:2em;
	position:relative;
	top:-190px;
	left:170px;
	z-index:2;
	color: #FFFFFF;
}

a:link, a:visited, a:focus  {
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}
a:hover {color:#ff843f;}
a:active {color:#FFFFFF;}

a.tnav:link {color: #FFFFFF}
a.tnav:visited {color: #FFFFFF}
a.tnav:hover {color: #ff843f}


a.mnav:link {color: #2d4270}
a.mnav:visited {color: #2d4270}
a.mnav:hover {color: #ff843f}

a.imgDesc1:link {color: #2d4270}
a.imgDesc1:visited {color: #2d4270}
a.imgDesc1:hover {color: #ff843f}


#shopnav {width:170px;font: bold 28px "Comic Sans MS", "Comic Sans", sans-serif;
color: #FFFFFF; position:relative; top:-135px; float:left}
 
#typehead {font: bold 24px "Comic Sans MS", "Comic Sans", sans-serif; color: #2d4270;} 
       
#main {background-color:#FFFFFF; width:586px; position:relative; top:-188px; margin-left:170px; padding: 10px; }	 
#main p {font-family: "Arial", "Helvetica", sans-serif; color:#000000; font-size:14px; text-align:left; margin-right:10px;} 
#bodytext {font-family: "Arial", "Helvetica", sans-serif; color:#000000; font-size:14px; text-align:left;} 

#nesttable {width:420px; }
	 

/*leftnav from dynamicdrive.com/dynamicindex17/ddaccordion.htm*/

.category{ /*change .technology*/
cursor: hand;
cursor: pointer;
font: bold 16px "Arial", sans-serif;
margin: 3px 0;
clear:both
}


.openlanguage{ 
font: bold 18px "Arial", sans-serif;
color: #2d4270;
}

.closedlanguage{ 
color: #2d4270;
}

.thelanguage{
font: bold 14px "Arial", sans-serif;
color: #c1cde8;
margin-left: 1em;
a:link color: #2d4270; text-decoration:none; font-weight:bold;
a:hover color:#FFFFFF; text-decoration:none;}

/*end leftnav dd */


#expand {font: bold 10px "Arial", Helvetica, sans-serif;}

.copyright {font-family: "Arial", "Helvetica", sans-serif; font-size: 9px; color: #2d4270; vertical-align:middle;}

#sidebar {margin:5px; vertical-align:top; font-family: "Arial", "Helvetica", sans-serif; text-align:left; color:#000000; font-size:12px; font-style:italic;}
#sidebarhead {font-family: "Arial", "Helvetica", sans-serif; font-weight:bold; font-size:16px; color: #2d4270;}

#emphasis {font-family: "Arial", "Helvetica", sans-serif; text-align:center; color:#000000; font-size:18px; line-height:130%; }

.map {background-color:#2d4270; font: bold 12px "Arial", Helvetica, sans-serif; text-align:center}

#form {width:420px;}
#form label {position:absolute;}
#form input {margin-left:9em;}

#itemtitle {font-family: "Arial", "Helvetica", sans-serif;font-size: 12px;}

#extraspace {padding-top:15px;}

/* style for index main */
#container { max-width:410px; border:medium; min-width:400px; width:100%; margin:20px 5px; height:320px}

#blurb1 {background-image:url(images_css409/blurb1.jpg); background-position:left top; background-repeat:no-repeat; width:147px; height:185px; float:left;}

#blurb2 {background-image:url(images_css409/blurb2.jpg); background-repeat:no-repeat; width:169px; height:185px; margin-left:210px;}

#blurb3 {background-image:url(images_css409/blurb3.jpg); background-repeat:no-repeat; width:363px; height:119px;  margin-top:15.5px}

#dancinghermie {background-image:url(images_css409/dancinghermie.gif); background-repeat:no-repeat; width:156px; height:183px; margin-left:110px; margin-top:-330px; position: relative; z-index:1;}

#caption {font-family: "Arial", "Helvetica", sans-serif; font-size:11px; text-align:center; line-height:100%;}

#imgDesc1 {font-family: "Arial", "Helvetica", sans-serif; font-size:11px; font-style:italic; font-weight:bold; text-align:center; line-height:100%;}
#imgDesc2 {font-family: "Arial", "Helvetica", sans-serif; font-size:11px; font-style:italic; font-weight:bold; text-align:center; line-height:100%;}