/* HAND CODED BY ROYALATLANTISGROUP.COM */

body {
	margin: 0px;
	padding: 0px;
	background: #3556a8 url(img/head_bg.gif) repeat-x top left;
	text-align: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #222;
}

a {
	color: navy;
	text-decoration: underline;
}

a:hover {
	color: blue;
	text-decoration: none;
}

a:visited { }

#pageOut {
	position: absolute;
	width: 100%;
	background: #F8F4D7 url(img/head_bg.gif) repeat-x top left;
}

#page {
	position: relative;
	margin: 0px auto;
	width: 896px;
}


.headright {
	float: right;
	width: 96px;
	height: 200px;
	background: url(img/headright.gif) no-repeat top left;
}


.head {
	float: left;
	width: 100%;
	height: 200px;
	text-align: left;
}

.headlt {
	float: left;
	width: 300px;
	height: 200px;
}

.headrtop {
	float: left;
	width: 596px;
	height: 73px;
}

.headrt {
	float: left;
	width: 596px;
	height: 43px;
}

.headrt a {
	float: left;
	width: 149px;
	height: 43px;
	background: url(img/menu_aaa.gif) no-repeat bottom left;		
	text-align: center;
	line-height: 3.1em;
	font-size: 13px;
	color: white;
	text-decoration: none;
}

.headrt a:hover {
	background: url(img/menu_hhh.gif) no-repeat bottom left;
	line-height: 2.7em;
	color: white;
	text-decoration: none;
}

.headrt a:visited { }

.headbot {
	float: left;
	width: 580px;
	margin-left: 8px;
	margin-top: 12px;
}

.mbodOut {
	float: left;
	width: 100%;
	background: #F8F4D7;
}

.mbod {
	position: relative;
	margin: 0px auto;
	width: 850px;
	padding-bottom: 20px;
}

.mbleft {
	float: left;
	width: 250px;
	background: #EAE6C8;
	margin-left: 5px;
	padding-bottom: 20px;
}

.mbltitle {
	float: left;
	width: 210px;
	margin: 20px 20px 20px 20px;
	background: #F8F4D7;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	text-indent: 10px;
	font-family: georgia, tahoma, arial;
	font-size: 18px;
	font-weight: bold;
	color: #2F1B1A;
}

.mbright {
	float: right;
	width: 570px;
	margin-right: 10px;
	text-align: left;
}

.mbright p { margin: 4px 4px 4px 4px; }

.foot {
	float: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 50px;
	background: #2F1B1A url(img/foot_bg.gif) repeat-x top left;
	border-top: 2px solid #DAE213;
}

.footlink {
	float: left;
	width: 100%;
	margin-bottom: 14px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #cc0000;
}

.footlink a {
	color: #ccc;
	text-decoration: none;
}

.footlink a:hover {
	color: #DAE213;
	text-decoration: underline;
}

.footlink a:visited { }

.copy {
	float: left;
	width: 100%;
	margin-bottom: 14px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: #4E4D4D;
}

.copy a {
	color: #4E4D4D;
	text-decoration: none;
}

.copy a:hover {
	color: #fff;
	text-decoration: underline;
}

.copy a:visited { }

.ptitle {
	float: left;
	width: 100%;
	padding-top: 10px;
	text-align: left;
	text-indent: 20px;
	font-family: tahoma, arial, helvetica;
	font-size: 24px;
	color: #2F1B1A;
}

.stitle {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 6px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #950101;
	text-align: left;
	text-indent: 10px;
	font-family: tahoma, arial, helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #950101;
}

.row {
	background: #EAE6C8;
	text-align: right;
	font-weight: bold;
	color: #2F1B1A;
}

.rowb {
	text-align: left;
	font-weight: normal;
}

.rowba {
	background: #EAE6C8;
	text-align: left;
	font-weight: bold;
	color: #2F1B1A;
}

.hbox {
	float: left;
	width: 559px;
	margin: 8px 8px 8px 8px;
	border: 1px solid #EAE6C8;
	padding-bottom: 2px;
}

.hboxin {
	float: left;
	width: 555px;
	margin: 2px 2px 2px 2px;
	border: 2px solid #F8DF4D7;
	background: #F8F4D7 url(img/hbin.gif) repeat-x bottom left;
	overflow: hidden;
}


/* PROJECT MANAGEMENT AREA */

.pmlogintitle {
	float: left;
	width: 298px;
	margin-bottom: 10px;
	border: 1px solid #8FA2A4;
	background: #E4EAEA;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	text-indent: 4px;
	font-size: 18px;
	font-weight: bold;
	color: #115460;
}

.pmlogin {
	width: 100%;
}


.pml {
	width: 30%;
	background: #EAE6C8;
	text-align: right;
	color: #333;
}

.pmr {
	width: 70%;
	text-align: left;
	color: #333;
}

.pmbleft {
	float: left;
	width: 180px;
	height: 400px;
	margin-left: 5px;
}

.pmbleft a {
	float: left;
	width: 180px;
	margin-bottom: 3px;
	background: #EAE6C8;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
	text-indent: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #3556a8;
	text-decoration: none;
}

.pmbleft a:hover {
	background: #02a7e7;
	color: #3556a8;
	text-decoration: none;
}

.pmbleft a:visited { }

.pmleftAlt {
	float: left;
	width: 180px;
	margin-bottom: 8px;
	background: #85acfb;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
	text-indent: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.pmbright {
	float: right;
	width: 640px;
	margin-right: 10px;
	text-align: left;
}

.pmopen {
	float: left;
	width: 640px;
	margin-left: 10px;
	margin-bottom: 50px;
}

.pmopen a {
	float: left;
	width: 640px;
	padding-top: 11px;
	padding-bottom: 11px;
	background: #FCFAE3;
	text-indent: 8px;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	color: #115460;
	text-decoration: none;
}

.pmopen a:hover {
	background: #F8F4D7;
	color: #FF660F;
	text-decoration: none;
}

.pmopen a:visited { }

.pmclosed {
	float: left;
	width: 640px;
	margin-left: 10px;
	margin-bottom: 30px;
}

.pmclosed a {
	float: left;
	width: 640px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #EEF5F5;
	background: #fff;
	text-indent: 5px;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	color: #115460;
	text-decoration: none;
}

.pmclosed a:hover {
	background: #FFFBE8;
	color: #FF660F;
	text-decoration: none;
}

.pmclosed a:visited { }

.pmtitle {
	float: left;
	width: 640px;
	margin-bottom: 10px;
	background: #EAE6C8;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	text-indent: 4px;
	font-size: 18px;
	font-weight: bold;
	color: #102f6f;
}

.probox {
	float: left;
	width: 640px;
	background: #FCFAE3;
	margin-left: 10px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	color: #333;
}

.probox p { margin: 10px 10px 10px 10px; }
.probox table { margin: 10px 10px 10px 10px; }

.proboxleft {
	float: left;
	width: 530px;
}

.proboxright {
	float: right;
	width: 90px;
}

.paid {
	float: left;
	width: 636px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 2px solid #BF1C1C;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: left;
	text-indent: 6px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.pbl {
	width: 25%;
	background: #EAE6C8;
	text-align: right;
	color: #333;
}

.pbr {
	width: 75%;
	text-align: left;
	font-weight: bold;
	color: #000;
}

.pmb {
	float: left;
	width: 640px;
}

.pmbox {
	float: left;
	width: 640px;
	background: #EAE6C8;
	padding-top: 20px;
	padding-bottom: 10px;
}	

.pmbhead {
	float: left;
	width: 550px;
	margin-top: 10px;
	margin-left: 10px;
	background: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	text-indent: 4px;
	font-size: 13px;
	font-weight: normal;
	color: #333;
}


.pmbmeat {
	float: left;
	width: 530px;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 30px;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
	
/* END PM AREA */