/* CSS Document */

body {
	background-color: #B8AE9C; 
	margin: 10px 10px;
	text-align:center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #594241;
	background-image: url(/images/styles/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom left; 
	}
/* Page structure */
#container {
	background-color: #FFFFFF;
	text-align: left;
	border:4px double #ACCFCC;
	max-width:1000px;
	min-width:750px;
	margin: 0 auto;
	}
#header {
	background-color: #FFFFFF;
	background-image: url(/images/photos/header/rotate.php);
	background-position: left;
	background-repeat: no-repeat;
	height: 200px;
	padding: 0;
	border-bottom: 4px double #8A0917;
	}
#header span {
	background:url(/images/styles/tagline.png);
	background-repeat: no-repeat;
	float:right;
	height:200px;
	width:305px;
	margin-right: 0px;
	z-index:20;
	}
#nav {
	float:left;
	width:200px;
	padding:5px;
	}
#colA {
	margin-right:240px;
	margin-left:220px;
	padding:5px;
	}
#colB {
	float:right;
	width:210px;
	padding:5px;
	margin-right: 4px;
	}
#footer { 
	clear:both;
	padding:8px; 
	font-size: smaller;
	height: 1em;
	}
.exp {
	display: none;
	margin:0 0 20px 0;
	padding:0;
	}
.more {
	background-image: url(/images/styles/cvbg.png); 
	background-repeat:repeat-x;
	background-position:bottom;
	padding: 2px;
	border-bottom: 1px solid #B8AE9C;
	}

	
/* Text */
h1 {
	font-size: 2.2em;
	color: #8A0917;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-weight: 500;
	margin: 0;
	padding: .5em 0 0 .3em;
	z-index: 5;
	}
h1#shadow {
	position: relative;
	top: 1.6em;
	left: -2px;
	color: #EDF3F2;
	z-index: 10;
}
h2 {
	font-size: 1.5em;
	font-weight: 300;
	padding: 5px 10px;
	margin:0;
	width:95%;
	color: #8A0917;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	}
h2 a {
	font-size: 1.1em;
	color: #8A0917;
	}
.more h2 {
	background-image:url(/images/styles/header2.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-attachment: scroll;
	}
h2.lower {
	margin-top: 15px;
	}
.position h3.org {
	color: #B8AE9C;
	}	
h4.lower {
	margin-top: 5px;
	}
h3{
	font-size:1.1em;
	color: #594241;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	padding: 0 10px;
	margin: 0;
	}
h3 a {
	font-size:1.2em;
	font-weight:300;
	}	
.position h3 {
	background-image:url(/images/styles/header2.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-attachment: scroll;
	font-weight:400;
	height: 24px;
	margin-top: 15px;
	}
h3.summary {
	font-size:1em;
	margin: 25px 0 0 0;
	}
h3.lower {
	margin-top: 15px;
	}
h4{
	font-size:.9em;
	color: #594241;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	padding: 0 10px;
	margin: 30px 0 0 0;
	}
h4 a {
	font-size:1.2em;
	color: #594241;
	font-weight: 300;
	margin: 0;
	}	
p {
	font-size:.8em;
	color: #594241;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 0 10px;
	}
.small {
	border-right: 2px dotted #ACCFCC;
	}
.small a {
	font-size: .8em;
	font-weight:100;
	}
a {
	font-size:0.9em;
	font-weight:700;
	color: #594241;
	text-decoration:none;
	}
#nav a#currentpage {
	text-decoration: none;
	font-weight: 700;
	border:none;
	color: #594241;
	font-size:1.3em;
	}
#nav a#currentpage:hover {
	text-decoration: none;
	}
#nav ul a {
	font-weight: 100;
	font-size: 1.1em;
	}
#nav ul a:hover {
	color: #594241;
	text-decoration: none;
	border-bottom: 2px dotted #594241;
	font-weight:500;
	}
a:hover {
	text-decoration:underline;
	}
a h4:hover {
	text-decoration:underline;
	} 
li#currentpagebg {
	background:url(/images/icons/currentpage.gif);
	background-position: top right;
	background-repeat:no-repeat;
	}
img.bordered {
	border: 1px solid #594241;
	padding:3px;
	}
ul {
	font-size:.8em;
	color: #594241;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
.position {
	cursor: pointer !important;
	position: relative;
	}
.position:hover {
	text-decoration:underline;
	}
.instruction {
	color: #8A0917;
	font-weight:500;
	line-height:0;
	}
.dtstart, .dtend, .location, .title, .org {
	margin: 0;
	padding:0;
	}
	
/* Navigation */

#nav ul {
	margin: 5px 0;
	padding: 0 2px 0 10px;
	list-style: none;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	font-weight: 100;
	border-right: 2px dotted #ACCFCC;
	}
#nav li {
	color: #594241;
	margin: 0;
	list-style: none outside;
	padding-bottom: 5px;
	}
ul#subList {
	text-decoration:none;
	font-size:small;
	margin-left: 14px;
	padding-bottom: 1px;
	background: none;
	border: none;
	}
#subList li {
	padding-bottom: 2px;
	}

/* hCard Specific */	
#contact {
	width: 90%;
	border: 1px solid #594241;
	padding:5px;
	background-color: #ACCFCC;
	font-size: 0.8em;
	margin: 0 auto;
	}
.photo {
	border: 1px solid #594241;
	padding:3px;
	}
.include {
	display: none;
	height:0;
	width:0;
	}

/* Misc alignment */

img.right, .right {
  float:right;
  margin:4px 5px 4px 8px;
	}
img.left, .left {
  float:left;
  margin:4px 5px 4px 8px;
	}
.notfound {
	margin: 15px auto;
	text-align:center;
	padding: 0 15px;
	}
	

/* Image hovering pop ups */

a.vpopup, a.vpopup:visited {
color:#594241; 
position:relative; 
z-index:1;
}
a.vpopup b {
position:absolute;
visibility:hidden; /* hide the image */
width:300px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-480px;
}
a.vpopup:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.vpopup:hover b {
visibility:visible; /* make the image visible */
height:480px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.vpopup:hover b img {
border:0; /* remove the link border */
}

a.mpopup, a.mpopup:visited {
color:#594241; 
position:relative; 
z-index:1;
}
a.mpopup b {
position:absolute;
visibility:hidden; /* hide the image */
width:300px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-359px;
}
a.mpopup:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.mpopup:hover b {
visibility:visible; /* make the image visible */
height:359px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.mpopup:hover b img {
border:0; /* remove the link border */
}

a.spopup, a.spopup:visited {
color:#594241; 
position:relative; 
z-index:1;
}
a.spopup b {
position:absolute;
visibility:hidden; /* hide the image */
width:499px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-250px;
}
a.spopup:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.spopup:hover b {
visibility:visible; /* make the image visible */
height:250px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.spopup:hover b img {
border:0; /* remove the link border */
}

a.bigpopup, a.bigpopup:visited {
color:#594241; 
position:relative; 
z-index:1;
}
a.bigpopup b {
position:absolute;
visibility:hidden; /* hide the image */
width:500px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-375px;
}
a.bigpopup:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.bigpopup:hover b {
visibility:visible; /* make the image visible */
height:375px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.bigpopup:hover b img {
border:0; /* remove the link border */
}