/* -- CSS for East Coast Lets 
   -- edward.verzosa@peachdigital.com
--*/

/* -- Common styles --*/

html {
background-color: #d2ebfc;
font-family: "Trebuchet MS";
font-size: 13px;
font-weight: normal;
margin: 0px;
padding: 0px;
color: #666666;
}

.ClearBoth {
clear: both;
}
/* -- Main Wrapper --*/
#MainWrapper {
padding: 0px;
width: 911px;
margin-right: auto;
margin-left: auto;
height: auto;
margin-top: 10px;
}
/* -- Header -- */
#HeaderOuter {
background-image: url(/liv/header_bg.png);
background-repeat: no-repeat;
background-position: left top;
float: left;
height: 92px;
width: 911px;
margin: 0px;
padding: 0px;
}

.HeaderInner {
float: left;
height: 77px;
width: 895px;
position: relative;
padding-top: 15px;
padding-left: 16px;
}
.ContentWrapper {
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 911px;
background-image: url(/liv/content_bgbg.gif);
background-repeat: repeat-y;
background-position: center top;
}
.HeaderImageHolder {
float: left;
height: 185px;
width: 903px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 8px;
margin: 0px;
clear: both;
}

.LogoHolder {
float: left;
height: 57px;
width: 320px;
margin-top: 5px;
margin-left: 5px;
}
.ContactHolder {
float: right;
height: 49px;
width: 228px;
padding-right: 20px;
margin-top: 13px;
text-align: right;
}
.MainContentInner {
margin: 0px;
float: left;
width: 875px;
padding-top: 2px;
padding-right: 18px;
padding-bottom: 0px;
padding-left: 18px;
height: auto;
}

/* -- Footer styles --*/

#footerOuter {
background-image: url(/liv/footer_bg.png);
background-repeat: no-repeat;
background-position: center top;
height: 30px;
width: 911px;
margin-right: auto;
margin-left: auto;
position: relative;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.FooterInner {
margin: 0px;
padding: 0px;
float: left;
height: 30px;
width: 911px;
text-align: center;
font-size: 0.9em;
}
.FooterInner li {
display: inline;
list-style-image: none;
list-style-type: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #818FA6;
margin: 0px;
padding-right: 10px;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
.FooterInner ul {
margin: 0px;
padding: 0px;
}
.FooterInner li a:link, .FooterInner li a:active, .FooterInner li a:visited {
margin: 0px;
padding: 0px;
color: #818FA6;
text-decoration: none;
}
.FooterInner li a:hover {
color: #FFFFFF;
text-decoration: none;
}
.TopNavCurrent {
background-image: url(/liv/btn_top_nav.gif);
background-repeat: no-repeat;
background-position: left -24px;
float: left;
height: 21px;
width: 102px;
font-weight: bold;
color: #FFFFFF;
padding-top: 3px!important;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-right: 1px!important;
}

/* -- second level navigation -- */

#SecLvlWrapper {
margin: 0px;
float: left;
height: 29px;
width: 900px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 8px;
}

#SecondLevelNav {
float: left;
background-color: #cc9966;
margin: 0px;
width: 895px;
height: 29px;
padding: 0px;
text-align: center!important;
font-size: 12pt;
font-weight: normal;
text-transform: uppercase;
}
.SecLevelCurrent {
font-weight: bold;
color: #FFFFFF;
float: left;
width: 133px!important;
text-align: center;
background-color: #91a1ba;
padding-top: 4px!important;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px!important;
margin-left: 0px;
height: 25px!important;
background-image: url(/liv/current_bg.gif)!important;
background-repeat: no-repeat;
background-position: left top;
font-size: 12px;
}

#SecondLevelNav li {
display: inline;
list-style-image: none;
list-style-type: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
height: 29px;
width: 127px;
text-align: center;
float: left;
margin: 0px;
}
#SecondLevelNav ul {
margin: 0px;
padding: 0px;
}
#SecondLevelNav li a:link, #SecondLevelNav li a:active, #SecondLevelNav li a:visited {
color: #FFFFFF;
text-decoration: none;
text-align: center;
display: inline;
float: left;
width: 127px;
background-image: url(/liv/menu_li_bg.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
height: 25px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 12px;
font-weight: bold;
}
#SecondLevelNav li a:hover {
color: #FFFFFF;
float: left;
background-color: #818fa6;
background-image: url(/liv/sec_hover.jpg);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
height: 25px;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

/* -- breadcrumb --*/

#BreadCrumb {
margin: 0px;
float: left;
height: 15px;
width: 890px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 16px;
font-size: 0.9em;
}
#BreadCrumb ul {
margin: 0px;
padding: 0px;
}
#BreadCrumb li {
display: inline;
margin: 0px;
padding-right: 4px;
padding-left: 0px;
list-style-image: none;
list-style-type: none;
float: left;
}
#BreadCrumb p {
float: left;
padding: 0px;
margin-top: 0px;
margin-right: 4px;
margin-bottom: 0px;
margin-left: 0px;
}
#BreadCrumb li a:link, #BreadCrumb li a:active, #BreadCrumb li a:visited {
text-decoration: none;
color: #CD9967;
background-image: url(/liv/link_arrow.gif);
background-repeat: no-repeat;
background-position: right center;
float: left;
padding-right: 15px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#BreadCrumb li a:hover {
color: #5B6B84;
text-decoration: none;
}