* { margin: 0; padding: 0; }

body {
	margin: 0 auto;
	padding-top:10px;
	/*font: 83%/120% Verdana,Arial,Helvetica,sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	behavior: url(css/hover.htc);
	background: url(../images/bg_grad.gif) top repeat-x;
}

a:link {
	text-decoration:none;	
	font-weight:bold;
	color: #784832;
	border-bottom: 1px dotted #cccccc;
}
a:visited {
	text-decoration:none;	
	font-weight:bold;
	color: #784832;
}
a:hover {
	text-decoration:underline;	
	color: #784832;
	}

hr {
	border: none 0;
	border-top: 1px dashed #ff0066;/*the border*/
	width: 100%;
	text-align:center;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

img.thumb{
border:1px solid #774830;
}

/*main*/
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 762px;
	background-position:bottom;
	border: 1px solid #774830;
	
}

/*image replacement header*/
h1#banner span {
	display: none;
}
h1#banner {
	width:762px;
	height:150px;
	margin: 0;
	background: url(../images/spw_header.jpg) no-repeat;
	background-position:center;
}

#navHolder{
	width:762px;
	height:30px;
	background: #d3bb99;
}

#page-imageholder{
	background:#ffffff;
	height:200px;
}

#content{
	background-image:url(../images/content_bg.gif);
	background-repeat:repeat-y;
	clear:both;
	float:left;
	overflow:hidden;

}

p {
	padding-top:15px;
}

#maintext{
	line-height:140%;
	margin:8px 0 10px 0;
	padding-top:10px;
	text-align:justify;
}
#maintext blockquote{
	padding-left:30px;
}

/* page content */

/* second order headings for pages */
h2#home span {display: none;}
h2#home {
	width:541px;
	height:20px;
	margin-top: 20px;
	padding-top:8px;
	background: url(../images/h2home.gif) no-repeat;
	background-position:left;
	border-bottom: 1px solid #784832;
	display:block;
}
h2#contact span {display: none;}
h2#contact {
	width:541px;
	height:20px;
	margin-top: 20px;
	padding-top:8px;
	background: url(../images/h2contact.gif) no-repeat;
	background-position:left;
	border-bottom: 1px solid #784832;
	display:block;
}
h2#pubs span {display: none;}
h2#pubs {
	width:541px;
	height:20px;
	margin-top: 20px;
	padding-top:8px;
	background: url(../images/h2pubs.gif) no-repeat;
	background-position:left;
	border-bottom: 1px solid #784832;
	display:block;
}
h2#about span {display: none;}
h2#about {
	width:541px;
	height:20px;
	margin-top: 20px;
	padding-top:8px;
	background: url(../images/h2about.gif) no-repeat;
	background-position:left;
	border-bottom: 1px solid #784832;
	display:block;
}
h2#photo span {display: none;}
h2#photo {
	width:541px;
	height:20px;
	margin-top: 20px;
	padding-top:8px;
	background: url(../images/h2photo.gif) no-repeat;
	background-position:left;
	border-bottom: 1px solid #784832;
	display:block;
}
h2#port span {display: none;}
h2#port {
	width:541px;
	height:20px;
	margin-top: 20px;
	padding-top:8px;
	background: url(../images/h2port.gif) no-repeat;
	background-position:left;
	border-bottom: 1px solid #784832;
	display:block;
}
h2#contact-us span {display: none;}
h2#contact-us {
	height:30px;
	margin-top: 20px;
	background: url(../images/h2contactus.gif) no-repeat;
	background-position:left;
	display:block;
}
h2#links span {display: none;}
h2#links {
	width:541px;
	height:20px;
	margin-top: 20px;
	padding-top:8px;
	background: url(../images/h2rlinks.gif) no-repeat;
	background-position:left;
	display:block;
	border-bottom: 1px solid #784832;
}

/* third order headings for pages */
h3#projects span {display: none;}
h3#projects {
	width:183px;
	height:20px;
	margin-top: 20px;
	padding-top:8px;
	background: url(../images/h3projects.gif) no-repeat;
	background-position:center;
	border-bottom: 1px solid #784832;
}
h3#contact-details span {display: none;}
h3#contact-details {
	width:183px;
	height:20px;
	margin-top: 20px;
	padding-top:8px;
	background: url(../images/h3contact.gif) no-repeat;
	background-position:center;
	border-bottom: 1px solid #784832;
}

/* left content columns */
#left-column {
	float: left;
	width: 541px;
	padding: 0 10px 20px 10px;
}

#gallery{
	width:535px;
	margin:0;
	padding-top:15px;
}

#gallery-slide{
	width:535px;
	margin:0;
	padding-top:30px;
}

#gallery img{
	border:1px solid #000000;
}

#projects{
	width:535px;
	margin:0;
	padding-top:15px;
}

#publications{
	width:535px;
	margin:0;
	padding-top:15px;
}

/* right content columns */
#right-column {
	float: left;
	width: 183px;
	padding: 0 5px 20px 10px;
	font-size:10px;
	background:#FAF3E3;
	border-left:1px solid #784832;
}
#right-column img{
	border:1px solid #000000;
}

.portfoliopage{
	width:525px;
	margin:0;
	padding:6px;
	border:1px solid #784832;
}
.portfoliopage img{
	border:1px solid #000000;
}

.publicationpage{
	width:525px;
	margin:0;
	padding:6px;
	border:1px solid #784832;
}
.publicationpage img{
	border:1px solid #000000;
}

#portfolioslide{
	width:525px;
	margin:0;
	padding:6px;
	border:1px solid #784832;
}

/* footer */
#footer {
	clear: both;
	text-align:center;
	border-top: 1px solid #774830;
	padding:3px 0 5px 0;
	font-size: 10px;
	background:#EDCF8F;
	height:24px;
	line-height:140%;
}

.class1 a:link {
	text-decoration:none;
	font-weight:normal;	
	color: #999999;
}
.class1 a:visited {
	text-decoration:none;
	font-weight:normal;		
	color: #999999;
}
.class1 a:hover {
	text-decoration:underline;	
	font-weight:normal;	
	color: #003366;
}

/* table styles */
#smallFont{
	font-size:10px;
}

/* ------------- CUSTOM BULLETS ----------------- */
ul.cust-bullet{
 list-style-image:url(../images/bullet.gif);
 margin: 20px 0 0 10px;
 padding:0 0 0 0;
}
ul.cust-bullet li{
 padding:0px 0 10px 0px;
 margin:0 0 0 15px;
}

/* ------------- START MENU ----------------- */

.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */
/* image replacement general properties */
ul.IR li {
position: relative;
/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
But overflow also includes our dropdown list, so we need the overflow to be visible. */
/*overflow: hidden; */
font-size: 0.9em;
}
.IR em {
display: block;
position: absolute;
top: 0; left: 0;
z-index: 1;
}
/* For IE5.x mac only */
* html>body .IR {
position: static;
overflow: visible;
font-size: 10px;
}
* html>body .IR em {
position: static;
}
/* image replacement specific properties */
.nav {
list-style: none;
}
/* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
.nav li {
float: left;
padding-bottom: 2px;

}
.nav li, .nav li em {
width: 127px;
height: 35px;
}
/* for ie5.x/mac only */
* html>body ul.nav li em {
margin-bottom: -24px;
}
/* IE5 requires cursor: hand; however this is not valid CSS2 */
.link1 em, .link2 em, .link3 em, .link4 em, .link5 em, .link6 em {
background: url(../images/spw_menu.gif) no-repeat;
cursor: pointer;
}
/* position image replacement menu */
.link1 { left: 0; }
.link1 em { background-position: 0 0; }
.link1:hover em { background-position: 0 -35px; }
.link2 { left: 0px; }
.link2 em { background-position: -127px 0; }
.link2:hover em { background-position: -127px -35px; }
.link3 { left: 0px; }
.link3 em { background-position: -254px 0; }
.link3:hover em { background-position: -254px -35px; }
.link4 { left: 0px; }
.link4 em { background-position: -381px 0; }
.link4:hover em { background-position: -381px -35px; }
.link5 { left: 0px; }
.link5 em { background-position: -508px 0; }
.link5:hover em { background-position: -508px -35px; }
.link6 { left: 0px; }
.link6 em { background-position: -635px 0; }
.link6:hover em { background-position: -635px -35px; }
/* suckerfish styles */
.nav a {
display: block;
font-weight: normal;
}
* html .nav a {
height: 1%;
}
.nav li ul {
position: absolute;
z-index: 10; /* show the dropdowns above the images */
top: 35px; /* position the dropdowns a set distance from the top of the image */
left: -999em;
list-style: none;
border: 1px solid #003366;
}
.nav li:hover ul {
left: auto;
}
.nav li li {
height: auto; /* reset the height and padding set on the IR list items */
padding-bottom: 0;
font-size: 110%;
border-bottom: 1px solid #003366;
}
.nav li ul a {
padding: 5px;
text-decoration:none;
color: #003366;
background: #99CCFF;
}
.nav li ul a:hover {
color: #ffffff;
background: #003366;
}
/* ------------- END MENU ----------------- */

/* ------------- Mitchell Page Rollover ----------------- */
#base-footer {
	margin-top:10px;
	clear: both;
	text-align:center;
	padding-top:10px;
	font-size: 9px;
	margin: 0 auto;
	width: 760px;
	color:#999999;
	line-height:140%;
}
a#mpage img {background: url(../images/mplogooff.gif) top left no-repeat; width: 22px; height: 15px; border:none; margin-bottom:-3px;}
a#mpage:hover img {background: url(../images/mplogoover.gif) top left no-repeat; width: 22px; height: 15px; border:none; margin-bottom:-3px;}