/*  general text styles */
body {margin:10px 20px;background-color:#333;}

div.minimizable{	background:#69392C;}
div.tabbablePanel, div#mastheadDiv {background:#593D36;}


body,tr,td,p,div,b,a,ul,ol,dl,blockquote,textarea  {font-family: verdana, sans-serif;}
body,tr,td,input,select,textarea {font-size:11px;}
h5 {font-size:11px;}
h4 {font-size:13px;}
h3 {font-size:14px;}
h2 {font-size:16px;}
h1 {font-size:17px;}

h4, h5, h6 {
	margin-top:0px;
	margin-bottom:15px;
}
h1, h2, h3 {
	margin-top:0px;
	margin-bottom:20px;
}
h1.pageTitle {
	padding:10px 24px 12px 24px;
	font-size:16px;
	color:#ddd;
}
ul,p {margin:0px 0px 10px 0px;}
p {line-height:14px;}
body,tr,td,p{color:#f5f5f5;}
th {font-weight:normal;text-align:left;}
form {margin:0px;padding:0px;}

/*  link styles */
a:link,a:visited{	
	color:#FAD678;
	text-decoration:none;
}
a:active,a:hover{
	text-decoration:underline;
	color:#F8E2A8;
}
ul, ul li {
	list-style-image:url(../images/bullet.gif);
	margin-left:0px;
	padding-left:0px;
}
ul li {
	margin-bottom:5px;
}
ul {
	margin-left:20px;
}





/* form field styles */
form {display:inline;margin:0px;padding:0px;}
input.xxlarge,input.large,input.medium,textarea,select{
	border:1px solid #a6a6a6;
	background-color:#734F46;
	height:16px;
	color:#fff;
}
input.button {
	background-color:#AD3C00;
	border:1px solid #000;
	color:#fff;
}
input.xxlarge {
	width:256px;
}
input.medium,textarea.medium {
	width:130px;
}
input.large,textarea.large,select.large {
	width:400px;
}
textarea {
	height:200px;
}
textarea,select,option,body {
	scrollbar-arrow-color:#000000;
	scrollbar-face-color: #AD3C00;
  scrollbar-track-color:#903504;  
	
	scrollbar-highlight-color: #B04E11;
	scrollbar-3dlight-color: #A8531E;
  scrollbar-base-color: #33669;
  scrollbar-darkshadow-color: #5d2000;
  scrollbar-shadow-color: #B14F16;
}
table.contactTable td{
	vertical-align:top;
	text-align:right;
	font-weight:bold;
}
td.label {
	padding:2px 0px;
}





/* misc text styles */


div.minimizable{
	width:710px;
	overflow:hidden;
	margin-bottom:0px;
	margin-top:0px;
	border-left:1px solid #A6A6A6;
	border-right:1px solid #A6A6A6;
	border-bottom:1px solid #A6A6A6;

}
div.minimizable p {
	margin:10px 20px 10px 20px;
}


/* misc padded divs. Supplement as needed */
div.contentPadding {
	padding:20px 50px 10px 50px;
}
/* misc padded divs. Supplement as needed */
div.narrowContentPadding {
	padding:20px 50px 10px 50px;
	width:600px;
}

div.padleft24 {padding-left:24px;}



/*  Styles for the tabbed panels */
div.panelTab {
	float:left;
	z-index:10;
 	cursor:hand;
	/* for some reason removing position:relative destroys clickability of the links on ns6 . you have been warned */
	position:relative;

}
div.panelTab td {
	font-size:10px;
	padding:0px 14px 0px 20px;
}

div.panelTab a:link,div.panelTab a:visited,div.panelTab a:active,div.panelTab a:hover {color:#f6f6f6;text-decoration:none;}
div.tabbablePanel{
	/*  Note that position:absolute floats them up and out of the rendered page, but leaving the left and top properties unspecified will allow them to inherit the left and top values they would have had as inline elements. A neat trick and stable too. */
	position:absolute;
	left:50%;
	top:30px;
	width:888px;
	margin-left:-444px;
	z-index:20;
	margin-bottom:20px;
	visibility:hidden;
}
#mastheadDiv {
	z-index:10;
	position:absolute;
	left:50%;
	width:888px;
	margin-left:-444px;
	top:10px;
}


div.outerBorder {
	border:1px solid #A6A6A6;
	border-top-width:0px;
	padding:10px;
	padding-top:0px;
}
div.innerBorder {
 border:1px solid #A6A6A6;
 padding:10px;
padding-top:0px;

}
div.innerBorder2 {
	border:1px solid #a6a6a6;
}
p.projectText {
	margin-top:10px;
}
div.projectImage {
	border:1px solid #A6A6A6;
	margin:10px 10px 5px 10px;
}
div.projectImageControls {
	text-align:center;
	font-size:10px;
	margin-bottom:10px;
}
#floaterContainer {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}
div.floater {
	position:relative;
	left:-1500px;
	color:#707070;
	z-index:0;
	filter:alpha(opacity=30);
	-moz-opacity:0.29;

}
div#experimentPanel {
	position:absolute;
	left:-1500px;
	top:0px;
	z-index:90;
	clip:rect(0,19,1000,0);
	overflow:hidden;
	visibility:hidden;
}
div.pad5 {
	padding:5px;
}
div.pad0x10 {
	padding:0px 10px;
}