body{
	margin-top: 10px;
	background:#FFF;
	color:#111;
	font: 12pt tahoma, arial;
	text-align:left
}

table	{margin-left:20px}

div#box{width: 42em;
	padding: 18px  0;margin:0 auto;
	text-align:left;
	background: #eeeeee url(gradient.png) repeat-x 0 -5px
	}
h1{font: bold 150% "Trebuchet MS",Tahoma;color: #4c4c4c}
h2{font: bolder 130% "Trebuchet MS",Tahoma;color: #303F6E;margin:0 25px;}
h3{font: bolder 120% "Trebuchet MS",Tahoma;color: #303F6E;margin:0 25px;}

h1,p	{margin:0 20px}
ul	{margin:0 40px}

a	{
	text-decoration: underline;
	color: #4c4c4c;
	}
.content {
	padding: 35px 40px 0 0;
	font: 12pt arial, sans-serif;
	color: #303F6E
	}


.textfield { 
	width: 170px;
	font: 9pt arial;
	font-weight:bold; 
	border-style:inset;
	background: #ffdfdf;
}

.textfield_small { 
	width: 80px;
	font: 9pt arial;
	font-weight:bold; 
	border-style:inset;
	background: #ffdfdf;
}


.submitter {margin-left: 20px;margin-top: 10px;}

div#projform	{
			padding: 20px;
			background: url('box.gif') no-repeat;
			width:225px;
			margin-left: 20px;
		}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

	.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 5px #ffffff;
	background-color: white;
	z-index:1002;
	overflow: auto;
} 
