@charset "utf-8";
/* main CSS i8media NEW */
/* MAIN STRUCTURE */

* { margin:0; padding:0; }
body {
min-width: 960px; /* horizontal scrollbar to create when below 960px */
margin-top: 15px; margin-bottom: 15px;
 background: #555566;
/*background-image: url(/pix/bgiron2.jpg); background-attachment:fixed; background-position: center;background: #ffffff */
text-align:center;
height: 100%; 
/* border-top: solid 5px #afafc3; border-bottom: solid 5px #5b5c75; */
}

#whole, #header, #navtool, #navmenu, #navgrp, #content, #footer, #navbanner {width: 960px;}

#whole {margin: 0px auto; padding: 20px 30px; border: 1px solid #eeeeee; background:#ffffff;}

#header {text-align: left; } /* background: url(/pix/hsbanner2008neon.jpg) top left no-repeat 01eyebw.gif bgsignwrite.jpg*/

/* PAGE LAYOUT DIVISIONS  */

#content {
clear: both;
/* width: 740px; */
text-align: left;
margin-top: 20px; margin-bottom: 20px;
background: #ffffff 
/*url(http://www.handspeak.com/pix/bg2009eye.jpg); background-attachment:fixed; background-repeat:no-repeat; background-position: bottom left; background-attachment:fixed; */
}

#navside {
float: left; /* since this element is floated, a width must be given */
width: 210px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
border-bottom: 2px double #c2c2d5;
	}

#page {float: right; width: 700px;}
#pageL {float: left; width: 700px;}

#page2 {width: 410px;}
#barside {
float: right; /* since this element is floated, a width must be given */
width: 210px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height: auto; border-bottom: 2px double #c0cc91;
	}

#footer {
clear: both;
margin: 0px auto
margin-top: 40px; padding: 0;
border-top: 1px solid #999999;
text-align: center;
}

/* GLOBAL or DEFAULT FORMATTING*/

a, a:visited, a:hover {color: #B44745; text-decoration: none; font: 11px Verdana,Arial,Sans-serif,Georgia; font-weight: normal;}

#whole {font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8125em; font-weight: normal; color: #444444;}

#navmenu .navlist a:link, #navmenu .navlist a:visited,
#navbargrp .navbar, #navbargrp a:link, a:visited
{font-weight: bold;}

#navtool .navtool2 a:hover,
#navbargrp ul li a:hover {background: #E6D7D5; border-bottom: 2px solid #e6d7d5;}

h1, h2, h3, h4 {font-family: Georgia,Geneva,Verdana,Arial; padding: 0 0 5px 0; margin-bottom: 10px;}

/* INLINE codes   DFDAE6? #dce789? e2f2b9 =>litelime */

img {border: none;}
li {list-style-type: square;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}


/* NAVSIDE MENU division */

/*
#navside a {color: #a86666; font-size: 12px; font: Arial, Verdana; display: block}
*/
#navside h1, #navside h2, #navside h3 {font-family: verdana,arial; font-size: 11px; color:#000000; padding: 4px;}
#navside h1 {background-color: #ababba;}
#navside h2 {background-color: #c2c2d5; }
#navside h3 {background-color: #D6D6E8;}
#navside p {color: #888888; padding: 5px; font: 12px sans-serif, Arial, Helvetica;
}

#navside a {
display: block; list-style-type: none; clear: both;
padding: 4px; margin: 0px; border: 0px;
background-color: #ffffff; 
text-decoration: none; font: 11px bold Georgia, Verdana,Sans-serif;
border-bottom: 1px solid #eeeeee;
}
#navside a:hover {background: #B8928F; color: #8f0000; display: block}
#navside a.active {background: #EDB440; border: 1px solid #ffffff; color: #fff;}

.menu1, .menu2, .menu3, .menutext {font-family: verdana,arial; font-size: 11px; color:#000000; padding: 4px;}
.menu1 {background-color: #aaaaaa; font-weight:bold;}
.menu2 {background-color: #cccccc ; font-weight:bold; filter:Alpha(Opacity=70);}
.menu3 {background-color: #eeeeee; font-weight:bold;}
.menutext {padding: 2px; margin: 5px 0;}
#menutext {vertical-align:top; padding:3; border: solid 1px #dddddd;}


#page h1, #page h2, #page h3, #page h4 {font-family: verdana,georgia,tahoma,arial; font-weight:bold; padding: 0 0 5px 0; margin-bottom: 10px;}
#page h1 {background-color: #d5d5d5; font-size: 16px;}/*olive:636b6a */
#page h2 {color: #B44745; margin: 10px 0 5px 0; font-size: 14px;}
#page h3 {color:#919e9d; margin: 10px 0 5px 0; font-size: 14px;}
#page p {vertical-align:top; padding:5px 0; margin-bottom: 5px; margin-top:3px; text-align:justify;}

/* to DELETE after checking what colors are
#page h1 {	font-size: 18px;	color: #463E71;}
#page h2 {	font-size: 16px;	color: #695CA7;}
#page h3 {	font-size: 14px;	color: #8B82BB;}
*/


#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.copyright {
	background: #eeeeee;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #888888;
}

/* INLINE CONTENT STRUCTURE */


.toptitle, .title, .subtitle {font-family: verdana,arial; font-size: 11px; color:000000; padding: 4px; font-weight:bold;
}
.toptitle {background-color: #aaaaaa;}
#toptitle {background-color: #aaaaaa; font-family: verdana,arial; font-size: 11px;
font-weight:bold; color:#000000; font-weight:bold; border:#aaaaaa 1px solid; filter:Alpha(Opacity=90); padding: 4px}

.title {background-color: #cccccc;}
#title {background-color: #cccccc ; font-family: verdana,arial; font-size: 11px;
color: 000000; font-weight:bold; border-color:#cccccc; border-width:1;border-style: solid; filter:Alpha(Opacity=70); padding: 4px;}

.subtitle {background-color: #eeeeff;}
#subtitle {background-color: #eeeeff; font-family: verdana,arial; font-size: 11px; color:000000; font-weight:bold; border-color:#eeeeff; border-width:0; border-style: solid; valign-align:top; padding: 4px;}

.text {line-height: 16px; color:#000000; vertical-align:top; padding: 10; margin-top: 10px; text-align:left;}
#text {background-color: ffffff; line-height: 16px; color:000000; vertical-align:top; padding:5;}

.image {text-align: center; border: solid 1px #eeeeee;padding:5;}
#image {text-align: center; border: solid 1px #eeeeee;padding:5;}


.arttitle, .tag, .gallery { margin-bottom: 20px;}

.arttitle {color:#7f171f; border-bottom: #d5d5d5 1px dotted; font-size: 16px;}
#arttitle {background-color: #aaaaaa; color:#000000; font-weight:bold; border:#aaaaaa 1px solid; filter:Alpha(Opacity=90); padding: 4px}

.artstate {line-height: 19px; color: #333333; padding: 10px;}
#artstate {line-height: 19px; color: #333333; padding: 10px;}


.tag {background-color: #eeeeee; padding: 5px}
#tag {background-color: #eeeeee; padding: 5px;}

.gallery {
	text-align: center; 
	border: solid 1px #dddddd; padding: 10px; 
}

#gallery {
	background-color: ffffff; font-family: verdana,arial; font-size: 11px; text-align: center; 
	border: solid 1px #dddddd; padding: 25px 25px 25px 25px; margin: 30px 80px 30px 80px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
}

/* TABBED PANEL */

#tabwrap {
width: 100%; margin-bottom: 20px;
}

#tabwrap .navtab {
border-bottom: 1px solid #666666;
padding: 3px 0;
margin-left: 0;
margin-top: 10px;
margin-bottom: 0;
font: normal 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#tabwrap .navtab li {display: inline; margin: 0;}
#tabwrap .navtab li a {
font: bold 12px Verdana;
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #aaaaaa; border-bottom: 1px solid #666666;
color: #a86666;
}
#tabwrap .navtab li a:hover {background-color: #a86666; color: white;}
#tabwrap .navtab li.selected a {background-color: #E6D7D5; border: solid 1px #666666; border-bottom: solid 1px #ffffff; color:#8f0000;}
#tabwrap .tabpanel { display:none;
/*
	width: 100%; height: 150px; overflow: auto;
	border-style: solid; border-color: #eeeeee; border-width: 1px; 
	padding-top: 5px; padding-left: 10px; padding-right: 10px;
*/	
	}
@media print {
#tabwrap .tabpanel {
display:block!important;
}}



/* to be organized... */
div#menu {position: relative; width: 128px; height: 470px; float: left; font-size: 0.7em; background-color: #bcb7a2; z-index: 2;}

#caption {display: none; width: 632px; height: 24px;
 position: absolute; left: 128px;
 background-color: #bcb7a2; color: #333333; border-bottom: 1px #9a9486 solid;
 padding: 8px 0px; text-align: left;}
 
#caption-title {margin: 0; font-weight: bold;}
#caption-date {margin: 0; font-size: 0.9em;}

#bookmark {display: none; width: 32px; height: 7px; background-color: #817c6f; position: absolute;}

#menu ul {position: relative; margin: 0; padding: 0;}
#menu li {margin: 0; padding: 0; /*list-style-image: url(images/bullet.gif);*/ padding-left: 10px; list-style: none; background: url(images/bullet.gif) -2px 3px no-repeat;}
.thumb {width: 30px; height: 30px; margin-right: 6px; margin-top: 6px; border: 1px #817d72 solid; float: left;}
.thumb2 {width: 30px; height: 24px; border: 1px #817d72 solid; margin-top: -1px; margin-left: 10px; float: right;}
.thumb:hover, .thumb2:hover {border: 1px #ffffff solid;}
.head-title {float: left;}
#bookmark {display: none; width: 32px; height: 7px; background-color: #817c6f; position: absolute;}

#panel {position: relative; width: 632px; height: 432px; overflow: auto;}
.bodypanel {border-top: 1px #9a9486 solid; display: none;}
.panel-image {float: left; margin-right: 14px; border-right: 1px #9a9486 solid; border-left: 1px #9a9486 solid; border-bottom: 4px #817c6f solid;}
.panel-text {font-size: 10px; line-height: 16px; margin-top: -0.5em; margin-right: 14px; font-family: verdana,arial; color:000000; vertical-align:top; padding:5;}


.full {margin: 0;}
.long {width: 590px; margin-left: 14px; margin-right: 0;}
.off-top {border-top: 1px #9a9486 solid;}
.quote {font-size: 0.9em; font-style: italic; margin-bottom: 0.3em;}
.quoter {font-size: 0.9em; font-style: italic; margin-top: 0;}
.superscript {position: relative; top: -5px; font-size: smaller;}

#bar-caption {position: relative; margin-left: 130px; width: 515px; line-height: 1.4em; padding-top: 1px; padding-bottom: 2px; color: #4a4a4a;}
.panel-caption {display: none;}
.prev-next {position: relative; top: 1px; right: 6px; margin: 0;}




th td {font-family: arial,tahoma,verdana; font-size: 11px; font-color: 000000;}


.textside {background-color: d7dae1; font-family: verdana,arial; font-size: 11px; color:000000; vertical-align:top; padding:3; border: solid 1px #ababba;}

.menubar {
	background-color: #ffffff;border: solid 1px #dddddd;
	font-family: arial; font-size: 11px; color: #000000;
	margin: 1px; padding: 5px; align:center;
}
.menu {
	background-color: #ffffff;border: solid 1px #666666;
	font-family: arial; font-size: 11px; color: #000000;
	margin: 1px; padding: 1px;
}


.thumbnail {
	font-size: 11px;
	color: #666666;
	background-color: #EEEEEE;
	border-width: 1px;
	border-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
	padding-top: 8px;
	padding-bottom: 8px;
}

.field{
        background-color:#e8e8e8;
        font-family:tahoma,verdana,helvetica;
        font-size:9px;
        font-weight:bold;
        border-right:1px #B3ACBF solid;
		border-left:1px #B3ACBF solid;
        border-bottom:1px #B3ACBF solid;
        border-top:1px #B3ACBF solid;
}

.buttons {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background-color: #9d8289;
    color: #FFFFFF;
	border: 0 outset rgb(50,50,50); padding: 10px;
}

/* BUTTON */

/* for form-based button */
.button, .buttout {width: auto;	font-family: Verdana, Arial, Helvetica, Tahoma; font-size: 9pt; font-weight: bold;	cursor:hand;	color: #ffffff; border: 0px; padding:5px;}
.button {background: #ff6a00 ;}
.buttout {background: #b44745;}