body {text-align: center; margin: 0; background:white}
div,p,a {font: normal 12px/135% "verdana", arial; color: 000fff}
f  {font: normal 13px/180% "Century Gothic", arial; color: #000000}
h1 {color: blue; font:2.50em "Century Gothic", arial; border-0: 1px solid #E87830;text-align: center}
h2 {color: blue; font-size: 2.0em}
h3 {color: #ff6666; font-size: 1.3em}
a {text-decoration: none}
td {vertical-align: top; }
h1:first-letter {color:#blue;  font-size: 50px;} 





#main {margin: 5px auto; width: 900px;  background: #fff; border: 1px solid #000000;}

#logo {width: 100%; border-bottom: 1px solid #333; text-align: left}
#logo img {margin: 10px; margin-left: 100px}
#logonav {float: right;}
#logonav div,a {color: #000080}
#copyr {float:center;}
#toparea {width: 100%; height: 125px;  background: url('http://www.criticalpathdesign.com/images/template/web-bg2.jpg') }
#topareatext {margin-top: 50px; margin-right: 10px; float: right; color: #fff; font-size: 2.0em}

#navbar {
	width: 100%; 
	text-align: left; 
	border-bottom: 1px solid #333;
	background-color: #000000; 
	background: url('http://www.criticalpathdesign.com/images/template/nav.jpg');
	height: 30px; 
}
#navbar a {color: #fff;font-weight: bold;}
#navbar a:hover {color: #DD2317}

#content {width: 698px;  margin: 40px 100px; text-align: left }
#content table {margin-top: 5px}

#col1 {width: 700px}
#col1b {width: 700px}
#col2 img {border:5px solid #fff; width:90; background-color: #ffffff; }
#col2 {background-color: #ffffff;text-align: center}

#footer {width: 100%; height:25px; border-bottom: 1px solid #333; background: url('http://www.criticalpathdesign.com/images/template/nav.jpg') }
#footer a {color: #000;font-weight: bold;}
#footer a:hover {color: white}

#login {float: right; margin: 15px; text-align: left}

input {height: 12px; font-size: 11px}
.submit {height: 24px; background: transparent; border: 0; color: #fff}
.submit {height: 24px; background: #0E37A1; border: 1px solid #333; color: #fff}


img.left {float: left; margin: 1px; margin-left:10; border: 1px solid #333}
img.right {float: right; margin: 10px; margin-right: 0; border: 1px solid #333}
img.projectimage {width: 50px; height: ; float: border: 10px solid #333; margin: 50}

input.txt {width: 125px; color: #00008B; border: 1px solid #444;}
input.btn {color: #00008B; border: 1px outset #00008B; margin-right: 150px}
form p {clear: left; margin: 0; padding: 0; padding-top: 5px;}
label {float: left; width: 150px;}
p.submittal {text-align: right;}
.prop {line-height: 100%}
.prop p,td {font-size: 10px;}
/* ---------- messages  --------- */
.msgInfo {
	margin: 10px 0 0 0;
	border: 2px solid;
	background: #ffffff;
	padding: 10px 32px;
	background-repeat:  no-repeat;
	background-position:  10px 11px;
	border-color: #009933;
	background-image: url(http://www.criticalpathdesign.com/images/ok.gif);  
}

.msgInfo .title {
	color: #009933;
	font-weight: bold;
}

.msgWarn {
	margin: 10px 0 0 0;
	border: 2px solid;
	background: #ffffff;
	padding: 10px 32px;
	background-repeat:  no-repeat;
	background-position:  10px 11px;
	border-color: #CC9901;
	background-image: url(http://www.criticalpathdesign.com/images/att.gif);
}

.msgWarn .title {
	color: #CC9901;
	font-weight: bold;
}

.msgError {
	margin: 10px 0 0 0;
	border: 2px solid;
	background: #ffffff;
	padding: 10px 32px;
	background-repeat:  no-repeat;
	background-position:  10px 11px;
	border-color: #cc0000;
	background-image: url(http://www.criticalpathdesign.com/images/off.gif);
}

.msgError .title {
	color: #cc0000;
	font-weight: bold;
}
#inputsubmit1 {
  border:1px solid #385B88;
  font-family:Arial,Helvetica,sans-serif;
  margin-bottom:5px;
  padding:2px 5px;
  background:#4F9CEF url(http://www.criticalpathdesign.com/images/img03.gif) repeat-x scroll left bottom;
  color:#FFFFFF;
	height: 24px;
}