/* 
universal stylesheet for albertabenefits.com

site design and development by http://nuintentio.com/ and http://www.albertabenefits.com 
*/

html { 
	text-align: center; /* IE5 hack */ 
	}

body, #container, #header, #content, #footer {width: 980px;}

body { 
	text-align: left; /* IE5 hack */
        margin: 0 auto;
	background-color: #fff;
	}

div, td, h1, p, li, a {
	text-align: justify;
	font-style: normal; 
	font-weight: normal;
	font-size: 14px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #024c78;
	}

#container {
	position: absolute; 
	top: 10px; 
	height: auto;
	text-align: center;
	}

#header {
	height: 115px;
	margin-top: 0px;
	overflow: hidden; /* keeps header, content and footer together with no gap between */
	text-align: center;
	background-color: #024C78;
	}

#header-logo {
	margin-right: 20px;
	}

#header-aboutus {
padding: 0px 3px;
width : 110px;
height : 115px;
background-image : url(http://www.albertabenefits.com/images/aboutus.gif);
	background-repeat: no-repeat;
}
#header-aboutus:hover, #header-aboutus:active {
background-image : url(http://www.albertabenefits.com/images/aboutus-2.gif);
	background-repeat: no-repeat;
} 

#header-currentmembers {
padding: 0px 3px;
width : 160px;
height : 115px;
background-image : url(http://www.albertabenefits.com/images/currentmembers.gif);
	background-repeat: no-repeat;
}
#header-currentmembers:hover, #header-currentmembers:active {
background-image : url(http://www.albertabenefits.com/images/currentmembers-2.gif);
	background-repeat: no-repeat;
} 

#header-prospectiveclients {
padding: 0px 3px;
width : 175px;
height : 115px;
background-image : url(http://www.albertabenefits.com/images/prospectiveclients.gif);
	background-repeat: no-repeat;
}
#header-prospectiveclients:hover, #header-prospectiveclients:active {
background-image : url(http://www.albertabenefits.com/images/prospectiveclients-2.gif);
	background-repeat: no-repeat;
} 

#header-requestquote {
padding: 0px 3px;
width : 140px;
height : 115px;
background-image : url(http://www.albertabenefits.com/images/requestquote.gif);
	background-repeat: no-repeat;
}
#header-requestquote:hover, #header-requestquote:active {
background-image : url(http://www.albertabenefits.com/images/requestquote-2.gif);
	background-repeat: no-repeat;
} 

#header-contact {
padding: 0px 3px;
width : 105px;
height : 115px;
background-image : url(http://www.albertabenefits.com/images/contact.gif);
	background-repeat: no-repeat;
}
#header-contact:hover, #header-contact:active {
background-image : url(http://www.albertabenefits.com/images/contact-2.gif);
	background-repeat: no-repeat;
} 

#header-imagebar {
	height: 72px;
	margin-top: 5px;
	background-image : url(http://www.albertabenefits.com/images/header-imagebar.jpg);
	background-repeat: no-repeat;
	border-top: 2px solid #024C78;
	border-bottom: 2px solid #024C78;
	}


#content {
	width: 980px;
	min-height: 200px;
	border: 0px; 
	padding: 20px 0px 20px 0px; 
	margin: 0px;
	background-color: #fff;	
	}

td, td#content-sidebar, #submenu-top {
	vertical-align: top;
	}


/* submenu, all pages - each maintab in header also has it's own submenu stylesheet located in the css directory.  Each directory also has a php file for individual submenus */
#content-sidebar {
	width: 240px; 
	margin: 0; padding: 0;
	padding-right: 30px; 
	vertical-align: top;
	text-align: left;
	}

#submenu-top {
	background-image : url(http://www.albertabenefits.com/images/submenu-top.gif);
	background-repeat: no-repeat;
	height: 30px;
	}

#submenu-mid {
	background-image : url(http://www.albertabenefits.com/images/submenu-mid.gif);
	background-repeat: repeat-y;
	}
#submenu-mid ul {
	display: inline; 
	margin-left: 5px;
	}
#submenu-mid ul {
	display: inline; 
	margin: 0;
	padding: 0;
	}
#submenu-mid ul li {font-size: 15px; color: #024C78; font-weight: bold; text-decoration: none; list-style-type: none; padding: 5px; text-transform: lowercase;}
#submenu-mid ul li:hover {background-color: #024C78; list-style-type: none;}
#submenu-mid ul li:hover a {font-size: 15px; color: #fff; background-color: #024C78; font-weight: bold; text-decoration: none; display: block;}

#submenu-bot {
	background-image : url(http://www.albertabenefits.com/images/submenu-bot.gif);
	background-repeat: no-repeat;
	height: 30px;
	}

/* main body content */
#content-mainbody {
	vertical-align: top;
	}

#about {
	width: 400px; 
	padding-right: 30px;
	}


#footer-address {
	height: 70px;
	margin-top: 5px;
	overflow: hidden; /* keeps header, content and footer together with no gap between */
	text-align: center;
	border-top: 2px solid #024C78;
	border-bottom: 2px solid #024C78;
	}
#footer-address table td {
	height: 70px;
	overflow: hidden; /* keeps header, content and footer together with no gap between */
	color: #024C78;
	font-weight: 700;
	font-size: 12px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	text-transform: uppercase;
	}


.footer-hr {
	height: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #024C78;
	}

#footer-address {
	height: 70px;
	margin-top: 5px;
	overflow: hidden; /* keeps header, content and footer together with no gap between */
	text-align: center;
	border-top: 12px solid #024C78;
	border-bottom: 2px solid #024C78;
	background-color: #024C78;
	}
#footer-address table td {
	height: 70px;
	overflow: hidden; /* keeps header, content and footer together with no gap between */
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	text-transform: uppercase;
	}

#footer-links {
	height: 30px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 10px;
	overflow: hidden; /* keeps header, content and footer together with no gap between */
	text-align: center;
	background-color: #024C78;
	color: #fff;
	}
#footer-links a {
	color: #fff;
	font-weight: 700;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	}
#footer-links a:hover {
	color: #024c78; 
	text-decoration: none; 
	background-color: #fff;
	}
#footer-links .middot {
	margin: 0px 9px 1px 9px;
	}
#copyright, #copyright a {
	text-align: center;
	color: #024C78;
	font-weight: 700;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 5px;
	}
#copyright a:hover {
	text-align: right;
	color: #fff;
	background-color: #024C78;
	font-weight: 700;
	font-size: 10px;
	text-transform: uppercase;
	}

h1, h2 {
	text-align: left;
	font-weight: 700;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 16px;
	text-transform: lowercase;
	display: inline;
}

div.content-mainbody-heading {
	width: 665px; 
	height: 25px;
	background-image : url(http://www.albertabenefits.com/images/heading-bg.gif);
	background-repeat: no-repeat;
	}
div.content-mainbody-heading h1 {
	color: #fff;
	padding-left: 15px;
	}

h2 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
	text-decoration: underline;
	letter-spacing: 1px;
	text-transform: uppercase;
	}

#content-mainbody h1 {
	margin-bottom: 20px;
	}

.backtotop {
	text-align: right;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
	}

.emphasis {
	font-style: italic;
	}

.photo {
	border: 1px solid #333; 
	}

.title, legend {
	font-weight: 700;
	}

.publication {
	font-style: italic;
	}


a:link {font-size: 15px; color: #024C78; font-weight: bold; text-decoration: none; padding: 0px 2px;}
a:visited {font-size: 15px; color: #024C78; font-weight: bold; text-decoration: none;}
a:active {font-size: 15px; color: #024C78; font-weight: bold; text-decoration: none;}
a:hover {font-size: 15px; color: #fff; background-color: #024C78; font-weight: bold; text-decoration: none;}