/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background:url(../images/backgroundgridBlue.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Contains all of the page's contents */
#pagecontainer {
	position: relative;
	top: 0;
	min-height: 100%;
	max-height: 100%;
	width: 776px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color:#FFFFFF;
	padding: 0;
	margin: 0px auto;
}

/* Company name, logo, etc. Image should contain padding if needed */
#companyname {
	position: relative;
	width: 402px;
	height: 70px;
	top: 0px;
	float: left;
}

/* Links at top right of page */
#utilitynav {
	position: relative;
	top: 0px;
	width: 355px;
	height: 70px;
	float: left;
}
#utilitynav p {
	margin-top: 5px;
	margin-bottom: 3px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #993333;
}
#utilitynav ul	{
	list-syle: none;
	width: 368px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	margin-left: 2px;
	line-height: 11px;
	padding: 0;
}
#utilitynav li {
	float: left;
	list-style: none;
	text-align: right;
}
#utilitynav a{
	display: block;
	background: url(../images/graydivider.gif) repeat-y left top;
	text-decoration: none;
	color: #8C8C8C;
	padding: 0 8px;
}
#utilitynav a.firstlink{
	background: none;
	padding-left: 41px;
}
#utilitynav a:hover{
	color: #0099FF;
}
/* Body Navigation Just Like the Utility Navigation */
a.speciallink, a.speciallinkfirst {
	background: url(../images/graydivider.gif) repeat-y left top;
	text-decoration: none;
	color: #8C8C8C;
	padding: 0 8px;
	font-size: 11px;
}
a.speciallinkfirst {
	background: none;
	padding-left: 0;
	}
a:hover.speciallink, a:hover.speciallinkfirst {
	color: #0099FF;
}

/* Main Navigation Links */
#mainnav {
	position: relative;
	width: 776px;
	text-align: center;
	margin-bottom: 12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	float: left;
}
#mainnav ul	{
	list-syle: none;
	width: 776px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	margin: 4px 0;
	padding: 0;
}
#mainnav li {
	float: left;
	list-style: none;
}
#mainnav a {
	display: block;
	padding: 0 22px;
	background: url(../images/graydivider.gif) repeat-y left top;
	text-decoration: none;
	color: #333333;
	line-height: 17px;
}
#mainnav a.firstlink {
	background: none;
}
#mainnav a:hover {
	color: #0099FF;
	text-decoration: underline;
}

/* Home Banner: main picture on home page */
#homebanner {
	position: relative;
	width: 776px;
	height: 182px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	margin: 0;
	padding: 0;
	clear: both;
}

/* Sub Banner: main picture on sub pages */
#subbanner {
	position: relative;
	width: 734px;
	height: 80px;
	text-align: center;
	margin: 0 20px;
	border: 1px solid #999999;
	clear: both;
	padding: 0;
	float: left;
	display: inline;
}

/* Content Container: houses the sidenav and content sections */
#contentcontainer {
	position: relative;
	width: 734px;
	min-height: 100%;
	max-height:100%;
	margin: 12px 20px;
	border: 1px solid #999999;
	background:url(../images/contentBG.gif) repeat-y left top;
	float: left;
	display: inline;
}
#sidenav {
	position: relative;
	width: 129px;
	float: left;
	padding: 12px 10px;
	text-align: right;
}
#sidenav h1, .heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 12px;
	line-height: 16px;
}
a.h1link, a:visited.h1link {
	text-decoration: none;
	color: #666666;
}
a:hover.h1link {
	color: #0099ff;
	text-decoration: underline;
}
#sidenav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sidenav ul a, #sidenav .lineabove{
	display: block;
	text-decoration: none;
	border-top: solid 1px #cccccc;
	color: #000000;
}
#sidenav ul a{
	height: 30px;
}
#sidenav ul a:hover{
	background-color:#FFFFDF;
}

#documentsul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a.documentsdocument, a.documentsfolder{
	padding-left: 24px;
	line-height: 24px;
	color: #0000FF;
}
a.documentsdocument{
	background:url(../images/link buttons/unchecked.gif) no-repeat left top;
}

a.documentsdocumenttwo, a:visited.documentsdocumenttwo, a:visited.documentsdocument {
	background:url(../images/link buttons/check.gif) no-repeat left top;
	padding-left: 24px;
	line-height: 24px;
	color: #0000FF;
}
a.documentsfolder, a:visited.documentsfolder {
	color: #0000FF;
	background:url(../images/link buttons/folder.gif) no-repeat left top;
}
a:hover.documentsdocument, a:hover.documentsdocumenttwo, a:hover.documentsfolder{
	color: #FF0000;
}


#content {
	position: relative;
	width: 561px;
	padding: 12px;
	float:left;
}
#content h1, .heading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0099ff;
	margin-bottom: 12px;
	letter-spacing: 1px;
	line-height: 16px;
}

/* Footer: bottom of page */
#footer {
	position: relative;
	width: 734px;
	height: 20px;
	margin-bottom: 12px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0999999;
	text-align:center;
	clear: both;
}

/* Box with shadow elements, as seen on login pages */
#containerbox {
	margin: 25px auto;
	padding: 25px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	width: 280px;
}
.box {
	background: #ffffff url(../images/shadowbox/bottom-left.gif) no-repeat left bottom;
}
.box-outer {
	background: url(../images/shadowbox/bottom-right.gif) no-repeat right bottom;
	padding-bottom: 15px;
	min-height: 100%;
	max-height:100%;
}
.box-inner {
	background: url(../images/shadowbox/top-left.gif) no-repeat left top;
}
.box h2 {
	background: url(../images/shadowbox/top-right.gif) no-repeat right top;
	padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0099FF;
}
.box h2, .box p {
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

/*Shadow boxes as seen on home page */
#homeboxestop {
	background: url(../images/homeboxes/top.gif) no-repeat left top;
	height: 5px;
	position: relative;
	width: 776px;
	margin-top: 12px;
	float: left;
	overflow:hidden;
	float: left;
}
#homeboxescenter {
	background: url(../images/homeboxes/center.gif) repeat-y left top;
	position: relative;
	width: 776px;
	float: left;
	min-height: 100%;
	max-height:100%;
}
#homeboxesbottom {
	height: 10px;
	position: relative;
	width: 776px;
	float: left;
	overflow:hidden;
	background: url(../images/homeboxes/bottom.gif) no-repeat left top;
	margin-bottom: 5px;
}
#homebox1, #homebox2, #homebox3 {
	position: relative;
	margin: 5px 0;
	padding: 5px 18px;
	float: left;
}
#homebox1, #homebox3 {
	width: 168px;
}
#homebox2 {
	width: 332px;
}

/* image with border and a left float - used on home page*/	
.floatleftwithborder {
	float: left;
	border: 1px solid #999999;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	clear: left;
}

.outerphotobox {
	float: left;
	border: 1px solid #999999;
	margin: 1px;
	position: relative;
}
/* used to display error messages */
.errortext {
	color:#FF0000;
	font-weight:bold;
}
/* used to display alert messages */
.alerttext {
	color: #990099;
	font-weight:bold;
	font-size:14px;
}

.textlist{
	margin-top: 0;
	margin-bottom: 10px;
}

h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0099FF;
	margin-top: 0;
	margin-bottom: 12px;
}
h3 {
	font-size: 13px;
}
.staffupdatebox{
	margin: 5px;
	line-height: 10px;
}
#updatesection {
	position: relative;
	float: left;
	clear: both;
	width: 561px;
	height: 144px;
	margin-top: 10px;
}
#updatesection a.link1, #updatesection a.link2, #updatesection a.link3 {
	position: relative;
	border-bottom: 1px solid #999999;
	background-color:#e0edf4;
	height: 15px;
}
#updatesection a.link1, #updatesection a.link2, #updatesection a.link3, #updatesectionlink1, #updatesectionlink2, #updatesectionlink3 {
	display: block;
	float: left;
	width: 75px;	
	padding: 3px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	color: #000000;
	
	font-weight: bold;
}
#updatesectionlink1, #updatesectionlink2, #updatesectionlink3 {
	position: absolute;
	z-index: 12;
	top: 0;
	border-left: 1px solid #999999;
	height: 16px;
}
#updatesectionlink1 {
	left: 0;
	background-color: #FFFFCC;
	visibility: visible;
}
#updatesectionlink2 {
	left: 82px;
	background-color: #E1FFE1;
	visibility: hidden;
}
#updatesectionlink3 {
	left: 164px;
	background-color: #FFF0F0;
	visibility: hidden;
}
#updatesection a.link1 {
	border-left: 1px solid #999999;
}
#updatesection a:hover.link1 {
	background-color: #FFFFCC;
}
#updatesection a:hover.link2 {
	background-color: #E1FFE1;
}
#updatesection a:hover.link3 {
	background-color: #FFF0F0;
}
#updatesubsection1, #updatesubsection2, #updatesubsection3 {
	position: absolute;
	top: 22px;
	width: 559px;
	height: 120px;
	border: 1px solid #999999;
	clear: both;
	float:left;
	z-index: 10;
}
#updatesubsection1 {
	background-color: #FFFFCC;
	visibility: visible;
}
#updatesubsection2 {
	background-color: #E1FFE1;
	visibility: hidden;
}
#updatesubsection3 {
	background-color: #FFF0F0;
	visibility: hidden;
}

.photogalleryblock {
	clear: both;
	position: relative;
	margin: 0;
}
a.documentsedit {
	color: #009933;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 0 2px;
	margin-right: 4px;
}
a:hover.documentsedit {
	background-color: #FFFFCC;
	border: 1px solid #FF0000;
}
<!-- For Staff, Use Padding to compensate for not having certain modification links -->
.cantaddtoproject {
	padding-right: 88px;
}
.cantmodify {
	padding-right: 47px;
}
.cantdelete {
	padding-right: 49px;
}
.cantemail {
	padding-right: 45px;
}
.cantviewlog {
	padding-right: 66px;
}
.tablepadding {
	padding-bottom: 4px;
	width: 100%;
	border: none;
}
.tablepadding td{
	vertical-align: top;
}
.borderbottom {
	border-bottom: 1px #CCCCCC solid;
	padding: 5px 0;
}
.prospectreport {
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	padding: 5px 5px
	}

/*Cells for Calendar 1 is for currentmonth 2 is for the prior and next month*/
.calendartable{
	width: 100%;
	background-color:#99CCFF;
}
.calendartable td{
	padding:0;
	margin:0;
	border-left: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	font-weight: bold;
}
.calendartd1, .calendartd2{
	width: 14%;
	height: 60px;
	vertical-align: top;
}
.calendartd0{
	height:20px;
	vertical-align: middle;
	text-align:center;
}
.calendartd1{
	background-color:#FFF4FF;
}
.calendartd2{
	background-color:#F0F0F0;
}
.calendardate{
	font-weight: bold;
	color: #000000;
	display: block;
	clear: both;
	height: 16px;
	width: 16px;
	float: left;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;	
}
#calendarcontainer1 {
	position: relative;
	width: 734px;
	min-height: 100%;
	max-height:100%;
	margin: 12px 20px;
	float: left;
	display: inline;
}
#calendarcontainer2 {
	position: relative;
	width: 100%;
	min-height: 100%;
	max-height:100%;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	float: left;
	display: inline;
}
a.calendaritem {
	display: block;
	margin: 5px 3px;
	text-decoration: none;
	color: #000099;
	clear: both;
	font-weight: normal;
	font-size: 11px;
}
a:hover.calendaritem {
	color: #990000;
	text-decoration: underline;
}
.calendartitle{
	color: #0099ff;
	font-size: 16px;
}
a.calendarlist {
	display: block;
	border-top: 1px solid #FFB0FF;
	padding: 10px 0;
	width: 100%;
	text-decoration: none;
	color: #000000;
}
a:hover.calendarlist {
	background-color: #ECECFF;
}
.line{
	display: block;
	width: 100%;
	border-top: 1px solid #FFB0FF;
	
}
#followdiv {
	position: absolute;
	overflow: visible;
	visibility: hidden;
	z-index: 999;
	text-align:center;
}
#hoverdetailsbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFCC;
	border: 1px dotted #CCCCFF;
	padding:2px;
	width: 200px;
	text-align:left;
}
.backgroundcolor1 {
	background-color: #E0EDF4;
	border: 1px solid #CCCCFF;
}
p.short {
	line-height: 6px;
	}
.smalltext1 {
	font-size: 12px;
	}