@import url(content.css);

/* HTML elements */
body, html {
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;	
}
body {
	background-color:#8AB1CE;
	background-image: url(../fw/bg_gradient.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 0.9em;
	color: #666666;
	line-height: 14px;
}
div#div_bodycontainer {
	background-image: url(../fw/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height:100%;
	width:100%;
}

#linkHome {
	 position:absolute;
	 margin-top:78px;
	 margin-left:35px;
	 width:291px;	 
	 height:31px;
	 line-height:35px;
	 background:transparent url(../fw/homeLink.jpg) no-repeat top left;
	}
	
a, a:link, a:visited {
	color: #005494;
}
a:hover {
	text-decoration: none;
}
a:active {
	color: #005494;
}
/* same size bold headings */
h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
/* same size bold headings with space below */
h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 8px 0px;
}


/* All Pages Structure */
div#div_container {
	margin: 0px auto 0px auto;
/*	padding:0px 0px 0px 42px;*/
	padding: 0px;
	width:760px;  /* This is the width of the body + shadows on either side */
}
html>body div#div_container {
/*	padding:0px 10px 0px 0px;*/
	background-image: url(../fw/bg_shadowMozFix.gif);
	background-repeat:no-repeat;
}
div#div_header {
	margin:0px;
	padding: 52px 41px 0px 0px;
	width:719px;  /* padding width taken into account */
	height:74px;
	background-image: url(../fw/bg_header.jpg);
	background-repeat: no-repeat;
	text-align: right;
	font-size: 0.7em;
}
div#div_headerCoBranded {
	margin: 0px;
	padding: 52px 41px 0px 0px;
	width:719px;  /* padding width taken into account */
	height:74px;
	background-image: url(../fw/bg_headerCoBranded.jpg);
	background-repeat: no-repeat;
	text-align: right;
	font-size: 0.7em;
}
div#div_headerCoBrand {
	float:left;
	padding: 8px 0px 0px 350px;
}              
div#div_header img {	
	vertical-align: bottom;
}
div#div_header div {
	margin: 0px 0px 0px 0px;
}
div#div_header a, 
div#div_header a:link, 
div#div_header a:visited, 
div#div_header a:hover, 
div#div_header a:active {
	color: #666666;
	text-decoration: none;
}
div#div_menu {
	width: 750px;  /* 749 = 760 - 11 */
	height: 28px;	
	padding: 0px 0px 0px 11px;
	/*background-image: url(../fw/bg_shadow.gif);
	background-repeat: repeat-y;
	background-position:top left;*/
	background-image: url(../fw/bg_shadowMozFix.gif);
	background-repeat:no-repeat;
	background-position:center -126px;
}
div#div_footer {
	width: 740px; /* 740 = 760 - 20 */
	padding: 12px 10px 10px 10px;
	background-image:url(../fw/bg_footer.jpg);
	background-repeat:no-repeat;
	color: #005494;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height:11px;
}
div#div_footer a,
div#div_footer a:link,
div#div_footer a:visited,
div#div_footer a:hover,
div#div_footer a:active {
	text-decoration: none;
}



/* Home Page Structure and Accompanying Styles */
div#div_body1 {
	width: 760px;
	height: 289px;
	margin: 0px;
	padding: 0px;
	background-image:url(../fw/bg_home_body1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}


table#table_home1 {
	/*display: inline;*/ 
	clear:both; 
	font-size: 0.75em;
	line-height: 16px;
	margin: 0px 0px 0px 26px;    
}


td#td_home1_welcome {
	color: #4784B2;
	width: 210px;
	padding: 46px 0px 0px 5px;
}
td#td_home1_business {
	width: 230px;
	padding: 52px 0px 0px 42px;
	vertical-align: top;
}
td#td_home1_home {
	width: 140px;
	padding: 67px 0px 0px 80px;
	vertical-align: top;
}



div#div_body2 {
	width: 734px;
	height: 184px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 26px;
	background-image:url(../fw/bg_home_body2.jpg);
	background-repeat: no-repeat;
}
table#table_home2 {
	font-size: 0.7em;
}
td#td_home2_delta {
	width: 212px;
	padding: 32px 30px 0px 5px;
}
td#td_home2_delta a,
td#td_home2_delta a:link,
td#td_home2_delta a:visited {
	color: #ffffff;
	text-decoration:underline;
}
td#td_home2_delta a:hover {
	text-decoration: none;
}
td#td_home2_delta a:active {
	color: #ffffff;
	text-decoration:underline;
}
td.td_home2_text {
	width: 135px; /*138= 166 -28*/
	vertical-align: top;
	padding: 10px 28px 6px 0px;	
}
td.td_home2_text div {
	padding: 10px 0px 0px 0px;
	text-align:right;
}

div, td {
/*border:1px solid red;*/
}

/* Inner Page Structure and Accompanying Styles*/
div#div_innerBody {
	width: 760px;
/*	width: 786px;*/
/*	padding: 0px 26px 0px 0px;*/	
	padding: 0px;
	margin: 1px 0px 0px 0px;
	background-image: url(../fw/bg_innerBody.gif);
	background-repeat:repeat-y;
}
div#div_innerBodyAllWhite {
	width: 760px;
/*	width: 786px;*/
/*	padding: 0px 26px 0px 0px;*/	
	padding: 0px;
	margin: 0px;
	background-image: url(../fw/bg_innerBody_allwhite.gif);
	background-repeat:repeat-y;
}
div.div_innerBodyFullWidth {
	width: 760px;
	min-height: 300px;
	background: transparent url("../CMFiles/images/deltaBackground.jpg") no-repeat top left;
	margin: 0px auto;
	z-index: 2;
}
div.div_innerBodyFullWidthContent {
	font-size:80%;
	width: 738px;
	margin: 0px auto;
	z-index: 3;
	background: url("../fw/innerTopBodyShadow_full.gif") no-repeat top center;
}
div#div_innerLeftMenu {
	float: left;
	width: 160px; /*160 = 206 - 30 - 16*/
	height: 350px;
	background-image: url(../fw/bg_innerLeftMenu.jpg);
	background-repeat: no-repeat;
	padding: 10px 16px 0px 30px;
	margin: 0px 0px 0px 0px;
}
div#div_innerContent {
	float: right;
/*	width: 526px;*/
	width: 500px; /*500 = 554 - 18 - 36*/
	background-image: url(../fw/bg_innerContent.gif);
	background-position:top right;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 18px 36px 10px 18px;
}
div.sectionTitle {
	font-variant:small-caps;
	font-weight:bold;
	font-size: 1em;
	color: #ffffff;
}
div.sectionMenu {
	padding: 30px 0px 0px 2px;
}
div.sectionMenu a,
div.sectionMenu a:link,
div.sectionMenu a:visited,
div.sectionMenu a:hover,
div.sectionMenu a:active {
	text-decoration:none;
	color: #666666;
}
div.sectionMenu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 0.75em;
}
div.sectionMenu ul li {
	margin: 0px 0px 2px 0px;
}
div.sectionMenu ul ul {
	list-style-type:disc;
	font-size: 1em;
	padding: 2px 0px 10px 25px;
	
}
div.sectionMenu .currentPage {
	font-weight: bold;
	color: #65B8A1;
}
div.contentTitle {
	font-weight: lighter;
	font-variant: small-caps;
	font-size: 1.4em;
	letter-spacing: 0.3em;
	font-family:"Times New Roman", Times, Georgia, serif;
	color: #65B8A1;
	padding: 0px 0px 4px 0px;
}
div.contentTitle2,
h2 {
	font-weight: lighter;
	font-variant: small-caps;
	font-size: 1.3em;
	letter-spacing: 0.2em;
	font-family:"Times New Roman", Times, Georgia, serif;
	color: #65B8A1;
	padding: 0px 0px 0px 0px;
}
html>body div.contentTitle {
	letter-spacing: 0.3em;
}
div.contentBreadcrumb {
	font-size: 0.7em;
}
div.content {
	font-size: 0.75em;
	line-height: 1.5em;
}
div.content img {
	margin: 4px;
}
div#div_innerBodyBottom,
div#div_innerBodyBottom img {
 	clear: both;
	vertical-align:bottom;
	margin: 0px; 
	padding: 0px;
}





/* "Son of Suckerfish" dropdown menu styles */
#nav {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-size: 0.7em;
	text-decoration: none;
	line-height: 1em;
}
#nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-size: 1em;
	line-height: 1em;
	z-index: 1
}
#nav a{
	display: block;
	height: 19px;
	color: #ffffff;
	margin: 0px;
	padding: 6px 6px 2px 14px;
	text-decoration: none;
	border-right-color: #284D7F;
	border-left-color: #789ED0;
	border-top-color: #548DB7;
	border-bottom-color: #789ED0;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
}
#nav ul a{
	height:auto;
}
#nav a:hover {
	background-image: url(../fw/bg_menu_f2.gif);
	background-repeat: repeat-x;
}
#nav li {
	float: left;
}
#nav li li {
	/*width: 180px;*/
	display: block;
}
#nav li ul a {
	border-bottom-color: #0D3B73;
	border-top-color: #5E8DC4;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	/*height: 21px;*/
	padding: 4px 8px 4px 8px;
}
#nav li ul a:hover {
	background-color: #4E92C7;
	background-image: none;
}

/* SET THE WIDTH FOR INDIVIDUAL MENU ITEMS */
li#nav_business, 
li#nav_homeOffice, 
li#nav_multitenant, 
li#nav_partners, 
li#nav_customer, 
li#nav_aboutUs {	
	background-image: url(../fw/bg_menu.gif);
	background-repeat: repeat-x;
}

li#nav_business,
li#nav_business ul,
li#nav_business ul li {
	width: 100px;
}
li#nav_business ul a {
	width: 84px;
}
li#nav_homeOffice, 
li#nav_homeOffice ul,
li#nav_homeOffice ul li {
	width: 130px; 
}
li#nav_homeOffice ul a {
	width: 114px;
}
li#nav_multitenant,
li#nav_multitenant ul,
li#nav_multitenant ul li {
	width: 102px; 
}
li#nav_multitenant ul a {
	width: 86px; 
}
li#nav_partners,
li#nav_partners ul,
li#nav_partners ul li {
	width: 96px; 
}
li#nav_partners ul a {
	width: 80px; 
}
li#nav_customer,
li#nav_customer ul, 
li#nav_customer ul li {
	width: 110px; 
}
li#nav_customer ul a {
	width: 94px; 
}

li#nav_aboutUs,
li#nav_aboutUs ul,
li#nav_aboutUs ul li {
	width: 100px; 
}
li#nav_aboutUs ul a {
	width: 84px; 
}

#nav li ul {
	position: absolute;
	/*width: 180px;*/
	/*left: -999em;*/
	visibility:hidden;
	background-color:#16639D;
}
#nav li:hover ul, #nav li li:hover ul {
	/*left: auto;*/
	visibility:visible;
	background-color:#16639D;
}
#nav li:hover ul, 
#nav li#nav_business li:hover ul,
#nav li#nav_customer li:hover ul,
#nav li#nav_homeOffice li:hover ul,
#nav li#nav_aboutUs li:hover ul,
#nav li#nav_multitenant li:hover ul,
#nav li#nav_partners li:hover ul,
#nav li.sfhover ul, 
#nav li#nav_business li.sfhover ul,
#nav li#nav_customer li.sfhover ul,
#nav li#nav_homeOffice li.sfhover ul,
#nav li#nav_aboutUs li.sfhover ul,
#nav li#nav_multitenant li.sfhover ul,
#nav li#nav_partners li.sfhover ul {   /* Seems we must specify each LI element that has a 2nd level menu (ex.: "li#nav_business") */
	/*left: auto;*/
	visibility:visible;
	background-color:#16639D;
}

/* Styles required for 2nd level drop-down menus */
#nav li#nav_business ul ul {
	/*margin: -1.5em 0 0 10.4em;*/
	margin: -13px 0 0 100px;
}

#nav li#nav_customer ul ul {
	/*margin: -1.5em 0 0 13.7em;*/
	margin: -13px 0 0 110px;
}
#nav li#nav_homeOffice ul ul {
	/*margin: -1.5em 0 0 10.4em;*/
	margin: -13px 0 0 154px;
}
#nav li#nav_aboutUs ul ul {
	/*margin: -1.5em 0 0 13.7em;*/
	margin: -13px 0 0 100px;
}
#nav li#nav_multitenant ul ul {
	/*margin: -1.5em 0 0 10.4em;*/
	margin: -13px 0 0 124px;
}
#nav li#nav_partners ul ul {
	/*margin: -1.5em 0 0 13.7em;*/
	margin: -13px 0 0 104px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	/*left: -999em;*/
	visibility:hidden;
}



/* Other Styles */
/* for contact us form table formatting */
table#formtable
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-top-style: none;	
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	width: 100%
}
/* Form Field - Text Box padding */
#txtBox
{
	padding: 2px 5px;
}

#submit
{
	text-align: right;
	padding-right: 100px;
}


/* Added so the required text label is consistent */
.RequiredFieldLabel 
{
	color:#000000;
	font-weight:bold;	
}


/* new classes */

/* landing pages structure */
	#div_bodyBusiness,#div_bodyHomeOffice,#div_bodyMultiTenant {
		width: 760px;
		height: 330px;
		margin: 0px 0px 0px 0px;
		padding-left:12px;
		padding: 0px;
		}
	
	#div_bodyBusiness {
		background:transparent url(../fw/bg_landing_bus_bottom.jpg) no-repeat top left;
		}
		
	#div_bodyHomeOffice {
		background:transparent url(../fw/bg_landing_home_bottom.jpg) no-repeat top left;
		}
		
	#div_bodyMultiTenant {
		background:transparent url(../fw/bg_landing_ten_bottom.jpg) no-repeat top left;
		}		

/* landing page navigation */
	.landingNav {
		font-size:70%;
		color:#16639d;
		padding:40px 0px 0px 0px;
		line-height:18px;
		width:250px;
		}
		
	.landingNav ul {
		list-style: none;
		}
		
	.landingNav a {
		text-decoration:none;
		}

/* landing page formatting */
	#businessLandingText,#businessLandingLinks,
	#homeOfficeLandingText,#homeOfficeLandingLinks,
	#homeLandingText,#homeLandingLinks,
	#propertyOwnersLandingText,#propertyOwnersLandingLinks,
	#residentsLandingText,#residentsLandingLinks{
		position:absolute;
		font-size:70%;
		line-height:12px;
		}
		
/* business landing page verbiage and links */
	#businessLandingText,#businessLandingLinks {
		top:200px;
		margin-left:585px;
		width:150px;
		}
		
	#businessLandingLinks {
		top:395px;
		margin-left:460px;
		width:270px;
		text-align:right;
		}
		
/* home/office landing page verbiage and links */
	#homeOfficeLandingText,#homeOfficeLandingLinks {
		top:198px;
		margin-left:283px;
		width:225px;
		}
		
	#homeOfficeLandingLinks {
		top:255px;
		}

	#homeLandingText,#homeLandingLinks {
		top:198px;
		margin-left:580px;
		width:150px;
		}
		
	#homeLandingLinks {
		top:265px;
		}
		
/* multi tenant landing page verbiage and links */
	#propertyOwnersLandingText,#propertyOwnersLandingLinks {
		top:198px;
		margin-left:283px;
		width:225px;
		}
		
	#propertyOwnersLandingLinks {
		top:265px;
		}

	#residentsLandingText,#residentsLandingLinks {
		top:198px;
		margin-left:580px;
		width:150px;
		}
		
	/* done now in case of change */
	/* #residentsLandingLinks {
		top:288px;
		}
	*/
	
/* footer... to remove the current background */
	
	/* need to replace the current div#div_footer class with the one below */
	/* or add [,div#div_footerLanding] to the class as seen below */
	div#div_footer,div#div_footerLanding {
		width: 740px; /* 740 = 760 - 20 */
		padding: 12px 10px 10px 10px;
		background-image:url(../fw/bg_footer.jpg);
		background-repeat:no-repeat;
		color: #005494;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size: 0.7em;
		line-height:11px;
		}
	
	div#div_footerLanding {
		background-image:none;
		}

/* * * * * * * * * * * * * * * * * * * * * * 
 MISC STYLES
* * * * * * * * * * * * * * * * * * * * * */

div.boundaryBox {
	clear: both;
}/* Used to stop floating elements in parent div from breaking boundary of parent div */