/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

* {
	margin: 0 0 0 0; padding: 0;
}
img {
	border: 0px;
}
body {
	background: #FFFFFF;
	margin-left: 10px;
	margin-right: 0;
}
#wrapper { 
 margin: 0;
 width: 950px;
}
#mainheader {
 width: 950px;
 float: left;
 padding: 0px;
 border: 0px;
 height: 60px;
 margin: 0px 0px 0px 0px;

}
#headerbreak {
 width: 950px;
 float: left;
 padding: 0;
 border: 0;
 height: 10px;
 margin: 0;

}
#navigation {
 float:left;
 width: 750px;
 height: 20px;
 padding: 0;
 border: 0;
 margin: 0;
}
#navigation2 {
 float: right;
 width: 200px;
 height: 20px;
 padding: 0;
 border: 0;
 margin: 0;
}
#navbar {
 clear:both;
 width: 950px;
 height:30px;
 border:1px solid #000;
 border-width:1px 0;
 margin-bottom:25px;
}
#leftcolumn { 
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 1050px;
 width: 330px;
 float: left;
 overflow: auto;
}
#fineprintcolumn { 
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: auto;
 width: 950px;
 float: left;
 overflow: auto;
}
#interview_left { 
 border-right: 1px solid #000000;
 margin: 0px 0px 0px 0px;
 padding-right: 10px;
 height: auto;
 width: 500px;
 float: left;
 overflow: auto;
}
#interview_right { 
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: auto;
 width: 429px;
 float: right;
 overflow: hidden;
}
#lowerleftcolumn { 
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 text-align: right;
 height: 45px;
 width: 330px;
 float: left;
}
#rightcolumn { 
 float: right;
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 1261;
 width: 600px;
 display: inline;
}
#leftcolumn2 { 
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 40px;
 width: 350px;
 float: left;
}
#rightcolumn2 { 
 float: right;
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 40px;
 width: 600px;
 text-align: right;
 position:relative; top:13px;
 display: inline;
}
#rightcolumnbooks { 
 float: left;
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 40px;
 width: 150px;
 text-align: left;
 position:relative; top:10px;
 display: inline;
}
#rightcolumnbooks2 { 
 float: right;
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 40px;
 width: 450px;
 text-align: right;
 position:relative; top:13px;
 display: inline;
}
#rightcolumnmaintitle { 
 float: right;
 border: 0px;
 valign: top;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 40px;
 width: 600px;
 display: inline;
}
#footerline { 
 width: 950px;
 clear: both;
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
 
 /* common styling */

 /* Set up the default font and overall size to include image */
.menu { 
width:750px;
height:25px;
position:relative; 
margin:0;
letter-spacing: 1px;
font-size:10px;
text-align:left;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}

/* transparency is non validating */
.menu ul li ul {
background:filter: alpha(opacity=95);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
opacity:0.95;
}

/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
float:left;
text-decoration:none; 
height:30px;
font-weight:bold;
color:#000; 
line-height:30px;
padding-right:25px;
}

/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
width:0; height:0;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#ff33cc;
visibility:visible;
cursor:default;
}


/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:30px;
left:0; 
width:180px;
border:1px solid #000;
border-top:0;
background:#fff;
}
.menu ul li:hover ul.w2,
.menu ul li a:hover ul.w2 {
width:180px;
}
.menu ul li:hover ul.w4,
.menu ul li a:hover ul.w4 {
width:50px;
}
.menu ul li:hover ul.w5,
.menu ul li a:hover ul.w5 {
width:180px;
}

.menu ul :hover div {
position:absolute; 
left:0;
top:30px;
width:241px;
border:1px solid #000;
border-top:0;
}

.menu ul li:hover div ul,
.menu ul li a:hover div ul {
position:static;
float:left;
width:120px;
height:auto;
border:0;
}


.menu ul li:hover div ul.col2,
.menu ul li a:hover div ul.col2 {
border-left:1px solid #ddd;
}

.menu ul li a:hover div ul li a {background:transparent;}

/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
background:transparent;
display:block; 
color:#000; 
border:0;
margin:0;
font-weight:normal; 
height:auto; 
line-height:1em; 
padding:5px 0;
text-indent:5px;
width:100%;
font-size:10px;
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#ff33cc;
color:#fff;
cursor:pointer;
}
.menu ul li:hover ul li,
.menu ul li a:hover ul li {
width:100%;
}


/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#fff;
}

 /* common styling */

 /* Set up the default font and ovrall size to include image */
.menu2 {
width:200px;
height:25px;
position:relative; 
margin:0;
letter-spacing: 1px;
text-align: right;
font-size:10px;
}
/* get rid of the default padding - margin and bullets */
.menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu2 horizontal */
.menu2 ul li {
float:right;
position:relative;
}
/* set up the default top level links */
.menu2 ul li a, .menu2 ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:120px; 
height:30px;
font-weight:bold;
letter-spacing: 1px;
background:#fff; 
padding-left:0px; 
line-height:30px;
margin-right:0px;
}
/* hide the drop down menu2 */
.menu2 ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu2 */
.menu2 table {
margin:-1px; 
border-collapse:collapse;

}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu2 ul li:hover a,
.menu2 ul li a:hover {
color:#ff33cc;
visibility:visible;

}
/* make the drop down menu2 show and correctly position it */
.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
display:block; 
position:absolute; 
top:30px;
right:0; 
width:96px;
border:1px solid #000000;
border-top:0;
background:#fff;
}
/* style the drop down links with no hover */
.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a {
display:block; 
background:#fff; 
color:#000; 
border:0;
margin:0;
color:#000000;
font-weight:normal; 
height:auto; 
line-height:1em; 
padding:5px; 
width:86px;
text-align:left;
font-size:10px;
}
/* style the drop down menu2 links when hovered */
.menu2 ul li:hover ul li a:hover,
.menu2 ul li a:hover ul li a:hover {
background:#ff33cc; 
color:#fff;
visibility:visible;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu2 ul :hover ul {
background:transparent filter: alpha(opacity=95);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
opacity:0.95;
}
/* IE5.5 hack for faulty box model in drop down menu2 */
.menu2 ul li a:hover ul li a {
width:110px; /* for IE5.5 faulty box model */
w\idth:100px; /* for IE6 */
}

/* Main text on homepage*/
.maintext {
FONT-SIZE: 12px;
FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
COLOR: #333333;
letter-spacing: .05em;
font-weight:normal;
TEXT-DECORATION: none;
line-height: 150%
}

/* Main headline on pages*/
.mainhead {
FONT-SIZE: 11px;
FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
COLOR: #333333;
letter-spacing: .05em;
font-weight:normal; 
TEXT-DECORATION: none;
line-height: 150%
}

/* Artwork title and medium callout */
.title {
FONT-SIZE: 10px;
FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
COLOR: #333333;
font-weight:normal;
letter-spacing: .05em;
TEXT-DECORATION: none;
line-height: 110%
}

/* Archives */
.archives {
FONT-SIZE: 11px;
FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
COLOR: #333333;
font-weight:normal;
letter-spacing: .05em;
TEXT-DECORATION: none;
line-height: 150%
}

/* Artwork title and medium callout */
.footer {
FONT-SIZE: 9px;
FONT-FAMILY: Monaco;
COLOR: #999999;
letter-spacing: .05em;
font-weight:normal;
TEXT-DECORATION: none;
line-height: 100%
}

/* Bio text */
.bio {
FONT-SIZE: 10px;
FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
COLOR: #333333;
TEXT-DECORATION: none;
font-weight:normal;
letter-spacing: .05em;
line-height: 125%
}

/* Headline text */
.header {
FONT-SIZE: 16px;
FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
COLOR: #ff33cc;
font-weight:bold;
TEXT-DECORATION: none;
letter-spacing: .05em;
line-height: 125%
}

/* Headline text */
.fineprint {
FONT-SIZE: 11px;
FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
COLOR: #333333;
font-weight:normal;
TEXT-DECORATION: none;
letter-spacing: .05em;
line-height: 125%
}

A {

FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
FONT-SIZE: 11px;
COLOR: #333333;
TEXT-DECORATION: none;
}

A:link {

FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
FONT-SIZE: 11px;
COLOR: #333333;
TEXT-DECORATION: none
}


A:visited {

FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
FONT-SIZE: 11px;
COLOR: #333333;
TEXT-DECORATION: none
}


A:active {

FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
FONT-SIZE: 11px;
COLOR: #333333;
TEXT-DECORATION: none
}


A:hover {

FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
FONT-SIZE: 11px;
COLOR: #ff00cc;
TEXT-DECORATION: none
}

A.biolink {

FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
FONT-SIZE: 10px;
font-weight:normal;
COLOR: #ff00cc;
TEXT-DECORATION: none}


A.biolink:link {

FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
FONT-SIZE: 10px;
font-weight:normal;
COLOR: #ff00cc;
TEXT-DECORATION: none
}


A.biolink:visited {

FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
FONT-SIZE: 10px;
font-weight:normal;
COLOR: #ff00cc;
TEXT-DECORATION: none
}


A.biolink:active {

FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
FONT-SIZE: 10px;
font-weight:normal;
COLOR: #ff00cc;
TEXT-DECORATION: none
}


A.biolink:hover {

FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
FONT-SIZE: 10px;
font-weight:normal;
COLOR: #000000;
TEXT-DECORATION: none
}

/* Dashed lines on news section */
.dashes {
border-top: 1px dashed #333333;
width: 77%;
*border-bottom: 0;*
margin-top: 5px;
}

/* Dashed lines on contact section */
.dashes2 {
border-top: 1px dashed #333333;
width: 34%;
*border-bottom: 0;*
margin-top: 5px;
}

/* Dashed lines on contact section */
.dashes3 {
border-top: 1px dashed #000000;
width: 100%;
position:relative; top:2px; 
*border-bottom: 0;*
margin-top: 5px;
}

/* Basetrip section */

/* Footer elements */

#footer_left {
 width: 600px;
 float: left;
 padding: 0px;
 border: 0px;
 height: 15px;
 margin: 3px 0px 0px 0px;
}
#footer_right {
 width: 350px;
 float: left;
 padding: 0px;
 border: 0px;
 height: 15px;
 margin: 3px 0px 0px 0px;
}

ul#baselist {
	list-style: none;
	padding: 1px 0 0 1px;
	margin: 0 auto;
}


ul#baselist li {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 0;
	font-family: Monaco;
	font-size: 9px;
	color: #999999;
}

.copyright {
	display: block;
	text-align: right;
	margin-right: 0px;
	padding: 1px 0 0 1px;
	font-family: Monaco;
	font-size: 9px;
	color: #666666;
}


a.basestrip, a.basestrip:active, a.basestrip:visited {
	font-family: Monaco;
	font-size: 9px;
	text-decoration: none;
	color: #999999;
}

a.basestrip:hover {
	font-family: Monaco;
	font-size: 9px;
	text-decoration: none;
	color: #000000;
}