/**
 * General Body Styling
 * --------------------
 * Daryl Maksymec, June 2008, Axiom Mortgage Partners
 * These are normal CSS setup recommended for the Axiom mortgage website
 * Nothing here should change, for customization of colors and images
 * refer to the custom_css.css
 */
 
body {
margin: 0 auto; padding: 6px 0 0 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
background:url(/images/common/body_bg.gif) repeat-x top #BBC0CC;
color: #333;
line-height: 110%;
}

form {
margin:0; padding: 0;
}
	
td,tr,p,div {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #505050;
}

h1 {
color: #963;
color: #525252;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 15px; font-weight: bold;
padding: 0;
}


h2 {
color: #525252;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px; font-weight: bold;
padding: 0;
}

h3 {
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px; font-weight: bold;
padding: 0;
line-height:20px;
margin-top:15px;
}

h4 {
color: #525252;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px; font-weight: bold;
}

h5 {
color: #525252;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px; font-weight: bold;
}

h6 {
color: #525252;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px; font-weight: bold;
}

a:link, a:visited {
font-size: 11px;
color: #548AB0;
font-family:  Arial, Verdana, Helvetica, sans-serif;
}

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

.banner {
margin: 0 auto 0 auto; padding: 0;
background:url(/images/common/banner_bg.gif) no-repeat top;
height:150px;
width: 900px;
}

#top {margin: 0; padding: 0 13px 0 0;/* 13px needed to have the leisure center png to align perfectly in ie6 */}

#top h1 {
margin: 0 10px 0 0; padding: 10px 0 0 0;
float: left;
height: 140px;
width: 600px;
font-size: 16px;
text-align: right;
background-color: #FFF;
color: #E0E0E0;
background:url(../images/common/trico_centre_logo.gif) no-repeat left;
}

.content {width:540px; padding:5px 30px 5px 30px; overflow:hidden}

#maincontent {background:url(../images/common/menu_shadow_bg.gif) repeat-x top left}

.layout {margin:0 auto;width:900px;position:relative;top:-9px;background-color:#FFF !important}

#lowerlevel {background-color: white;padding:10px 0 5px 0;}

#columnshadow {background: url(../images/common/test.gif) no-repeat top right;}

.column {position:inherit;float:right;width:275px;margin:0;padding:0 13px 0 7px;text-align:center}

.column-bg {padding:0;background:url(../images/common/column_bg.gif) repeat-y top right}

.commonmenu {text-align:right;width:600px}

.bmenu {font-size:15px !important}

.small {font-size:10px}
.hours {width:140px;margin:0 auto}
.hours td, .hours th {font-size:15px; color:#000 ! important}
.shout  {font-size:22px !important; padding-bottom:8px; border-width:0 0 4px 0 !important; margin-bottom:14px}
.red {color:#CB3626}

/* top logo, header and search */


#search {
padding: 5px 0 0 3px;
float: left;
height: 60px;
width: 140px;
}

/**
 * Custom Body Styling
 * -------------------
 */

/* main menu */


div#mainlevel li {margin:0;padding:0;float:left;list-style:none;}

div#mainlevel a {display:block;padding:0 25px;float:left;line-height:32px;color:#FFF;height:40px;font-weight:bold;text-decoration:none; /* main menu */}

div#mainlevel {margin:0 auto;width:900px;background-color:#999;height:40px;background:url(../images/topmenu/menu_bg.gif) 100% 0 repeat-x; /* this is a z-index ie6 and ie7 bug fix */ position:relative;z-index:51;}

div#mainlevel li.active li a {color:#277BC0;}

div#mainlevel ul {margin:0;padding:0;}

div#mainlevel a:hover,
div#mainlevel ul.nav li.sfHover a.topdaddy:link,
div#mainlevel ul.nav li.sfHover a.topdaddy:visited {color:#277BC0;}

div#mainlevel li li a {color:#277BC0;}

div#mainlevel li:hover,
div#mainlevel li.sfHover,
div#mainlevel li.active:hover,
div#mainlevel li.active.sfHover {background:url(../images/topmenu/menu2-r.gif) 100% 0 no-repeat;}

div#mainlevel li:hover a,
div#mainlevel li.sfHover a,
div#mainlevel li.active:hover a,
div#mainlevel li.active.sfHover a {background:url(../images/topmenu/menu2-l.gif) 0 0 no-repeat;color:#277BC0;}



#mainlevel li.active li.active,
#mainlevel li.active li.active a {background:none;}

div.moomenu .nav li li {background:#E6E6E6;border-bottom:2px solid #BDBDBD;border-right:2px solid #BDBDBD;}

div.moomenu .nav li li:hover,
div.moomenu .nav li li.sfHover,
#mainlevel li:hover li:hover,
#mainlevel li.sfHover li.sfHover,
#mainlevel li.active li.active {background:#67C8C6 /* pulldown hover color */}

#mainlevel li:hover li a.daddy:link,
#mainlevel li.sfHover li a.daddy:link,
#mainlevel li:hover li a.daddy:visited,
#mainlevel li.sfHover li a.daddy:visited {background:url(../images/topmenu/menu_arrow.gif) 100% 50% no-repeat;}

div.moomenu ul.sublevel {margin:0;padding:0;list-style:none;float:right;}

div.moomenu ul.sublevel li img {vertical-align:top;padding-left:0;}

div.moomenu ul.sublevel li {margin:0;padding:0;float:right; /* left reverses menu options */ font-size:16px;line-height:16px;white-space:nowrap;background:url(../images/mainmenusep.gif) no-repeat right;list-style-type:none;}

div.moomenu ul.sublevel li a {display:inline;padding-left:1px;padding-right:15px;font-size:11px;text-decoration:none;color:#333;font-weight:bold;background:transparent;}

div.moomenu ul.sublevel li a:hover {color:#963;} /* brown */

#mainlevel li li {margin:0;}

div#mainlevel li li span,
div#mainlevel li.active li span,
div#mainlevel li:hover li span {background:none;}

div#mainlevel li li a {height:23px;line-height:23px;}

div#mainlevel li:hover li,
div#mainlevel li.sfHover li,
div#mainlevel li.active:hover li,
div#mainlevel li.active.sfHover li {background-image:none;}

div#mainlevel li:hover li a,
div#mainlevel li.sfHover li a,
div#mainlevel li.active:hover li a,
div#mainlevel li.active.sfHover li a {background-image:none;}

div.moomenu .nav li.sfHover, 
div.moomenu .nav li:hover {background:url(../images/topmenu/menu2-r.gif) 100% 0 no-repeat;}

div.moomenu .nav li.sfHover a,
div.moomenu .nav li:hover a {background:url(../images/topmenu/menu2-l.gif) 0 0 no-repeat;}

div.moomenu .nav {line-height:1.0;float:left;margin-bottom:1.5em;position:relative;}

div.moomenu .nav ul {background:#fff;padding:0;} /*IE6 needs this*/

div.moomenu .nav li {float:left;list-style:none;position:relative;}

div.moomenu .nav li li a {display:block;padding:.25em 0 .25em 2em;text-decoration:none;background-image:none;float:none;width:125px}

div.moomenu .nav li ul {float:none;left:-999em;position:absolute;width:177px;z-index:5;}

div.moomenu .nav li:hover ul,
div.moomenu .nav li.sfHover ul {left:5px;top:40px;}

div.moomenu .nav li:hover li ul,
div.moomenu .nav li.sfHover li ul,
div.moomenu .nav li li:hover li ul,
div.moomenu .nav li li.sfHover li ul,
div.moomenu .nav li li li:hover li ul,
div.moomenu .nav li li li.sfHover li ul {top:-999em;}

div.moomenu .nav li li:hover ul,
div.moomenu .nav li li.sfHover ul,
div.moomenu .nav li li li:hover ul,
div.moomenu .nav li li li.sfHover ul,
div.moomenu .nav li li li li:hover ul,
div.moomenu .nav li li li li.sfHover ul {left:177px;top:0px;width:175px;}

div.moomenu .nav li li {position:relative;float:none;width:175px;}