html { height: 100%; }

html.content h1 {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 20pt;
}

form {
    padding: 0px;
    margin: 0px;
}

td,th {
    vertical-align: top;
    font-size: 8pt;
}
td.number, th.number {
    text-align: right;
}

body {
	margin: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	position: relative;
	min-height: 98%;
	_height: 98%;
}

html.content body {
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 6px;
}

body.homepage {
	background-image: url(../_images/shell/red_stripe.gif);
	background-position: center top;
	background-repeat: repeat-y;
}

html.content body table#screenContainer { width: 750px; }

table {
	font-size: inherit;
	color: inherit;
	line-height: inherit;
}

h3 {
	color: #b20500;
	font-size: 14pt;
	font-weight: normal;
	margin-bottom:0px;
}

a:link,
a:visited,
a:active {
	color:#b20500;
	text-decoration: underline;
}

a:hover {
	color:#cccccc;
	text-decoration: none;
}

ul {
	margin-left:5px;
	padding-left:5px;
}

li {
	background-image: url(../_images/shell/ico_play.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-left:15px;
	padding-left:15px;
	background-position:0 2;
}

/*begin base page layout styles*/
.canvas {
	width: 770px;
	_width: 762px;
	min-height: 100%;
	_height: 100%;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 50%;
	margin-left: -385px;
	_margin-left: -381px;
}

.canvas#Portalstretch {
	background-image: url(../_images/shell/red_stripe.gif);
	background-position: center top;
	background-repeat: repeat-y;
	_width: 1024px;
	_margin-left: -512px;
	height: 1px;
}

.backcanvas {
	position: absolute;
	width: 770px;
	margin-left: -385px;
	top: 0;
	height: 100%;
}

.backcanvas div { display: block; }

.backcanvas .canvasLeftedge { position: relative; }
.canvasLeftedge {
	_display: none;
	z-index: 13;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	background-position: left top;
	background-repeat: repeat-y;
	background-image: url(../_images/shell/canvas_leftedge.gif);
	width: 4px;
}

.canvasLeftedge {
	height: 100px;
}

.canvasRightedge {
	_display: none;
	z-index: 13;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	background-position: left top;
	background-repeat: repeat-y;
	background-image: url(../_images/shell/canvas_rightedge.gif);
	width: 4px;
}

.canvasRightedge {
	height: 100px;
}

.canvasGradient {
	_display: none;
	z-index: 2;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 246px;
	background-position: left top;
	background-image: url(../_images/shell/canvas_gradient.gif);
	width: 770px;
}

/*begin content styles*/
.headerBase {
	z-index: 5;
	height: 102px;
	background-position: left top;
	background-image: url(../_images/shell/header_base.gif);
	width: 758px;
	position: relative;
	left: 50%;
	margin-left: -379px;
	padding: 0;
}

.navBarBase {
	position: absolute;
	z-index: 5;
	top: 7px;
	right: 4px;
	width: 442px;
	background-image: url(..//_images/shell/navbar_base.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 29px;
}

/*begin button ON styles*/
/*begin button ON styles*/
.buttonHome {
	position: absolute;
	z-index: 6;
	top: 8px;
	right: 412px;
	width: 34px;
	background-image: url(..//_images/shell/b_homeON.gif);
	background-position: left top;
	height: 44px;
	visibility: visible;
	background-repeat: repeat-x;
}

.buttonVoice {
    position: absolute;
    z-index: 6;
    top: 8px;
    right: 372px;
    width: 40px;
    background-image: url(..//_images/shell/b_voiceON.gif);
    background-position: left top;
    height: 44px;
    visibility: visible;
    background-repeat: repeat-x;
}

.buttonPremium {
	position: absolute;
	z-index: 6;
	top: 8px;
	right: 324px;
	width: 48px;
	background-image: url(../_images/shell/b_premiumON.gif);
	background-position: left top;
	height: 44px;
	visibility: visible;
	background-repeat: repeat-x;
}

.buttonBusiness {
	position: absolute;
	z-index: 6;
	top: 8px;
	right: 274px;
	width: 50px;
	background-image: url(..//_images/shell/b_businessON.gif);
	background-position: left top;
	height: 44px;
	visibility: visible;
	background-repeat: repeat-x;
}

.buttonResidential {
	position: absolute;
	z-index: 6;
	top: 8px;
	right: 216px;
	width: 59px;
	background-image: url(..//_images/shell/b_residentialON.gif);
	background-position: left top;
	height: 44px;
	visibility: visible;
	background-repeat: repeat-x;
}

.buttonBuildmanage {
	position: absolute;
	z-index: 6;
	top: 8px;
	right: 174px;
	width: 40px;
	background-image: url(..//_images/shell/b_resortON.gif);
	background-position: left top;
	height: 44px;
	visibility: visible;
	background-repeat: repeat-x;
}

.buttonEmployement {
   position: absolute;
   z-index: 6;
   top: 8px;
   right: 106px;
   width: 70px;
   background-image: url(..//_images/shell/b_employementON.gif);
   background-position: left top;
   height: 44px;
   visibility: visible;
   background-repeat: repeat-x;
}


.buttonPortal {
	position: absolute;
	z-index: 6;
	top: 8px;
	right: 50px;
	width: 55px;
	background-image: url(..//_images/shell/b_myallegroON.gif);
	background-position: left top;
	height: 44px;
	visibility: visible;
	background-repeat: repeat-x;
}

.buttonPartner {
	position: absolute;
	z-index: 6;
	top: 8px;
	right: 4px;
	width: 49px;
	background-image: url(..//_images/shell/b_partnerON.gif);
	background-position: left top;
	height: 44px;
	visibility: visible;
	background-repeat: repeat-x;
}

.buttonContact {
	position: absolute;
	z-index: 7;
	top: 33px;
	right: 8px;
	width: 520px;
	height: 24px;
}

.logo {
	position: absolute;
	z-index: 5;
	top: 8px;
	left: 45px;
	width: 155px;
	height: 84px;
	background-image: url(..//_images/shell/logo.gif);
	background-position: left top;
}

.sloganBox {
	position: absolute;
	z-index: 5;
	top: 65px;
	right: 3px;
	width: 520px;
	height: 25px;
	background-color: 7b7b7b;
	background-image: url(..//_images/shell/slogan.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/*begin box/tile styles*/
.creativeHolder {
	position: relative;
	z-index: 5;
	margin-left: 10px;
	_margin-left: 3px;
	float: left;
	width: 469px;
	height: 154px;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #cfcfcf;
}

.boxNews table,
.box1 table,
.box2 table,
.box3 table,
.box4 table,
.boxLeftLong table,
.footerBoxes table {
	font-size: 8pt;
	color: #333333;
	line-height: 12pt;
}

.boxNews {
	position: relative;
	margin-left: 5px;
	z-index: 5;
	float: left;
	width: 276px;
	height: 156px;
	background-color: #FFFFFF;
	background-image: url(../_images/shell/box_news.gif);
	background-position: left top;
}

.box1 {
	z-index: 5;
	float: left;
	margin: 5px 0 0 5px;
	_margin-left: 3px;
	width: 276px;
	height: 214px;
	background-color: #FFFFFF;
	background-image: url(../_images/shell/box_base.gif);
	background-position: left top;
}

.box2 {
	z-index: 5;
	float: left;
	margin: 5px 0 0 5px;
	_margin-left: 3px;
	width: 276px;
	height: 214px;
	background-color: #FFFFFF;
	background-image: url(../_images/shell/box_base.gif);
	background-position: left top;
}

.box3 {
	z-index: 5;
	float: left;
	margin: 5px 0 0 5px;
	_margin-left: 3px;
	width: 276px;
	height: 214px;
	background-color: #FFFFFF;
	background-image: url(../_images/shell/box_base.gif);
	background-position: left top;
}

.box4 {
	z-index: 5;
	float: left;
	margin: 5px 0 0 5px;
	_margin-left: 3px;
	width: 276px;
	height: 214px;
	background-color: #FFFFFF;
	background-image: url(../_images/shell/box_base.gif);
	background-position: left top;
}

.box1 table td,
.box2 table td,
.box3 table td,
.box4 table td    {
	padding:8px;
}

.box1 table th,
.box2 table th,
.box3 table th,
.box4 table th    {
	padding:0px;
}

.buttHoldLeft {
	z-index: 99;
	width: 113px;
	height: 31px;
	background-color: #FF0000;
	position: relative;
	float:left;
	margin-left:10px;
}

.buttHoldRight {
	z-index: 99;
	width: 113px;
	height: 31px;
	background-color: #FF0000;
	position: relative;
	float:right;
	margin-right:10px;
}

.boxLeftLong {
	z-index: 5;
	float: left;
	margin: 5px 0 0 10px;
	_margin-left: 3px;
	width: 193px;
	height: 428px;
	background-color: #FFFFFF;
	background-image: url(../_images/shell/box_base_long.gif);
	background-position: left top;
}

.boxLeftLong table td {
	padding:8px;
}

/*begin footer styles*/
.footerPlaceholder {
	clear: both;
	height: 60px;
}

.footerBox {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	left: 50%;
	width: 762px;
	margin-left: -381px;
	height: 43px;
	background-color: #FFFFFF;
	background-image: url(../_images/shell/footer_box.gif);
	background-position: left top;
}

.footerBoxes {
	position: absolute;
	z-index: 11;
	bottom: 2px;
	left: 50%;
	width: 751px;
	margin-left: -375px;
	height: 57px;
	background-color: #FFFFFF;
	background-image: url(../_images/shell/footer_boxes.gif);
	background-position: left top;
	color: #a0a0a0;
}

.footerBoxes table td {
	padding:5px;
}

.footerBoxes a:link,
.footerBoxes a:visited,
.footerBoxes a:active {
	color:a0a0a0;
	text-decoration: none;
}

.footerBoxes a:hover {
	color:#b20500;
	text-decoration: none;
}

/*begin page specific styles*/

/*begin portal styles*/
body.portal {
	background-color: #FFFFFF;
}

body.portalHeader {
	background-image: url(../_images/shell/portal_header_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

.portalHeaderBase {
	position: absolute;
	z-index: 12;
	top: 100px;
	left: 50%;
	width: 1024px;
	height: 12px;
	background-image: url(../_images/shell/portal_headerbase.gif);
	background-position: left top;
	margin-left: -512px;
	color: #a0a0a0;
}

body.portalFooter {
	background-image: url(../_images/shell/portal_footer_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

.portalFooterTop {
	position: absolute;
	z-index: 9;
	top: 0px;
	left: 50%;
	width: 1024px;
	height: 70px;
	background-image: url(../_images/shell/portal_footertop.gif);
	background-position: left top;
	margin-left: -512px;
	color: #a0a0a0;
}

.customPortalHead {
	background-image: url(../_images/shell/custom_portal_base.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 56px;
	width: 99%;
	position: absolute;
	left: 50%;
	margin-left: -49%;
	top: 0px;
	z-index: 1;
}

.customPortalHeaderHolder {
	position:absolute;
	left:10px;
	top:-12px;
	_top: 5px;	
}

.customPortalHead h3 {
	margin-left: 10px;
	margin-top:0px;	
}

.customPortalHeadLeft {
	background-image: url(../_images/shell/custom_portal_base_left.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 56px;
	width: 9px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}

.customPortalHeadRight {
	background-image: url(../_images/shell/custom_portal_base_right.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 56px;
	width: 9px;
	position: absolute;
	right: -1px;
	top: 0px;
	z-index: 2;
}

.customPortalbuttHold {
	height: 29px;
	width: 98%;
	position: absolute;
	left: 50%;
	margin-left: -49%;
	bottom: 2px;
	z-index: 17;
	background-image: url(../_images/shell/butt_hold_base.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

.customPortalbuttHoldLeft {
	background-image: url(../_images/shell/butt_hold_base_left.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 29px;
	width: 7px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
}

.customPortalbuttHoldRight {
	background-image: url(../_images/shell/butt_hold_base_right.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 29px;
	width: 7px;
	position: absolute;
	right: -1px;
	top: 0px;
	z-index: 3;
}

.customPortalbuttHold ul {
	padding-left: 0px;
	margin-left: 2px;
	margin-top: 2px;
}

.customPortalbuttHold li {
	background-image: url(../_images/shell/portal_butt_std.gif);
	height: 21px;
	padding: 0;
	background-position: left top;
	list-style-type: none;
	line-height: 15pt;
	padding: 0px;
	padding-left:5px;
	padding-right:5px;
	margin-left: 5px;
	color: #666666;
	font-weight: normal;
	background-repeat: repeat-x;
	float:right;
	border-width: 1px;
	border-style: solid;
	border-color: #cbcbcb;
	border-left-color:#FFFFFF;
	border-top-color:#FFFFFF;
}

.customPortalbuttHold a:link,
.customPortalbuttHold a:active,
.customPortalbuttHold a:visited {
	text-decoration: none;
	color: #999999;
}

.customPortalbuttHold a:hover {
	text-decoration: none;
	color: #b20500;
}


html.content div#mainContent {
    display: block;
    position: absolute;
	width: 770px;
	left: 50%;
	margin-left: -385px;
}