/* CSS Document */
html { min-height: 100%; margin-bottom: 1px; }
body {
	margin:0px;
	background-color:#fff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:normal;
	color: #333333;
	text-align:center;
	background-repeat:repeat-y;
	background-image:url(../images/body_bg.gif);
	background-position:center;
	
}


.hidden {
visibility:hidden;
}

a:link, a:active, a:visited {
color:#cb320b;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a.menu:link, a.menu:active, a.menu:visited {  
text-decoration:none;
font-size:14px; 
font-family:Arial, Helvetica, sans-serif; 
color:#997; 
font-weight:600; 
list-style-type:none; 
}

a.menu:hover {
color:#fff;
}

#dark_rule {
position:relative; 
top:0px; 
left:0px;
height:10px;
width:585px; 
background:url(../images/darkrule.gif) repeat-x;
z-index:30;
}

.lead {
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

.med_rule {
position:relative; 
top:0px; 
left:0px; 
width:169px; 
height:10px; 
background-image:url(../images/bg-3.gif);
}

#border {
position:absolute; 
top:0px; 
left:0px; 
width:100%; 
height:10px; 
background-image:url(../images/bg-3.gif);
}




#background {
position:relative;
text-align:left; 
width: 760px; 
height:auto;
left:0px;
text-align:left;
overflow:visible;

}

#header {
position:absolute; 
top:0px; 
right:0px; 
height:136px; 
width:1280px; 
background-image:url(../images/headerbg.gif);
z-index:3;
overflow:visible;

}

#image {
position:absolute; 
left:479px;
top:10px;
z-index:4;
float:right;
height:126;

} 

#left {
position:absolute; 
top:136px; 
left:0px; 
width:169px; 
z-index:6;
}


#menu {
position:absolute; 
top:10px; 
width:169px; 
height:164px; 
background-image:url(../images/bg-2.gif);
z-index:20;
}

#book {
position:absolute;
left:0px; 
width:100%;
height:30px;
/*background-image:url(../images/bg-3.gif);*/
bottom:-30px; 

}

#border3 {
position:absolute; 
width:169px;
height:10px; 
bottom:-10px; 
z-index:30;
overflow:visible;
}
/****************************
   Submenu
****************************/
#submenu {
position:absolute; 
top:0; 
left:0px;  
width:169px; 
}

#submenu ul {
margin: 20px 0 0 0; 
padding-left: 8px;
}
#submenu ul li {
	line-height: 26px;
	list-style: none;
}
#submenu li a:link, #submenu li a:visited {
	text-decoration:none;
	font-size:12px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	color:#666;
	background-image: url(../images/blank-dot.gif); /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}
#submenu li a:hover {
	color:#333;
	background-image: url(../images/hover-dot.gif); /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}
#submenu li a.active, #submenu li a:active {
	text-decoration:none;
	font-size:12px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: italic;
	color:#333!important;
	background-image: url(../images/hover-dot.gif)!important; /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}

/****************************
   //Submenu
****************************/

#right { display: none; }
#isMacIE5 { display: block; background-color: #fff; color: #999; }
#frontpage { display: none;}

/* Hide from IE-Mac \*/
#right {display: block; position:absolute; top:0px; left:169px; width:591px; height:auto;}
#isMacIE5 { display: none; }
#frontpage { display: block; margin:30px; text-align:left; z-index:3;}
/* End hide */

#right_splash {
position:absolute; 
top:164px; 
left:169px; 
width:591px; 
height:auto; 
}


#copyright {
position:absolute; 
width:auto; 
height:20px; 
font-size:9px; 
bottom:0px; 
margin: 50px 0px 0px 30px;
}

.header {
	color:#cb320b;
	font-size: 12px;
}

#footer {
position:relative; 
/*left:0px; */
height: 20px; 
/*bottom:-20px; */
width:100%; 
clear: both;
} 

/****************************
   tenfaces submenu links
****************************/
/* > Anthropologist */
#submenu li a.anthro:hover {
	color:#333;
	background-image: url(../images/hover-dot_anthropologist.gif); /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}
/* > experimenter */
#submenu li a.experimenter:hover {
	color:#333;
	background-image: url(../images/hover-dot_experimenter.gif); /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}
/* > crosspollinator */
#submenu li a.crosspol:hover {
	color:#333;
	background-image: url(../images/hover-dot_crosspollinator.gif); /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}
/* > hurdler */
#submenu li a.hurdler:hover {
	color:#333;
	background-image: url(../images/hover-dot_hurdler.gif); /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}
/* > collaborator */
#submenu li a.collab:hover {
	color:#333;
	background-image: url(../images/hover-dot_collaborator.gif); /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}
/* > director */
#submenu li a.director:hover {
	color:#333;
	background-image: url(../images/hover-dot_director.gif); /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}
/* > exparchitect */
#submenu li a.exparch:hover {
	color:#333;
	background-image: url(../images/hover-dot_exparchitect.gif); /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}
/* > setdesigner */
#submenu li a.setdesigner:hover {
	color:#333;
	background-image: url(../images/hover-dot_setdesigner.gif); /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}
/* > storyteller */
#submenu li a.story:hover {
	color:#333;
	background-image: url(../images/hover-dot_storyteller.gif); /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}
/* > caregiver */
#submenu li a.caregiver:hover {
	color:#333;
	background-image: url(../images/hover-dot_caregiver.gif); /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}
/* > devil */
#submenu li a.devil:hover {
	color:#333;
	background-image: url(../images/hover-dot_devil.gif); /* The image to use,     */
    background-position: 0px 3px;  /* where to place it,    */
    background-repeat: no-repeat;   /* don't repeat it.      */
    padding-left: 13px;             /* Make room for the bg. */
}
/****************************
   //tenfaces links
****************************/
#privacy {
	text-align: left;
}
#mainbody {
    margin:30px; 
	text-align:left; 
	z-index:3;
}