

body
{
    background-image: url("images/body_bg.jpg"); 
    background-repeat:repeat-x;
    background-color: #E9E9E9;
    font-family: Arial;
    font-size: 10pt;
    margin: 0px;
}

h1
{
    font-size: 14pt;
    color: #007586;
    font-family: Century Gothic;
    padding: 0px;
    margin: 0px;
}

h2
{
    font-size: 11pt;
    color: #666666;
    font-family: Century Gothic;
    padding: 0px;
    margin: 0px;
}

a
{
    color: #F1BE20;
}

#divMain
{
    width: 1046px;
    margin: 0 auto;
}

#divMenu
{
    background-image: url("Images/menu_bg.png");
    background-repeat: repeat-x;
    height: 53px;
    width: 1011px;
    padding-left: 35px;
}

#divHeader
{
    background-image: url("Images/header_bg.png");
    background-repeat: repeat-x;
}

#LeftColumn
{
    width: 315px;
    float: left;
}

#LeftColumnInner
{
    padding: 0px 10px 0px 20px;
}

#RightColumn
{
    width: 645px;
    float: left;
    padding-top: 10px;
}

#FlashTestimonials
{
    height: 147px;
    background-image: url("Images/testimonials_bg.png");
    background-repeat: repeat-x;
}

#HeaderLogo
{
    height: 178px;
    background-image: url("Images/logo.png");
    background-position: bottom;
    background-repeat: no-repeat;
    border-bottom: 1px solid #B7B9C5;
}

#boxNSLTop{
    width: 270px; 
    background-image:url(/financial/tws/valleyfinancial-2/images/box_nsl_top.jpg); 
    height: 20px;
}

#boxNSLBody{
    width: 270px; 
    background-image:url(/financial/tws/valleyfinancial-2/images/box_nsl_body.jpg);
}

#boxNSLBottom{
    width: 270px; 
    background-image:url(/financial/tws/valleyfinancial-2/images/box_nsl_bottom.jpg); 
    height: 20px;
}

.Main
{
    background-image: url("Images/header_bg.png");
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FFFFFF;
}

.MenuActive
{
    background-image: url("Images/menu_active_bg.png");
    background-repeat: repeat-x;
    height: 53px;
    font-size: 16pt;
    color: White;
}

.MainLeft
{
    background-image: url("Images/main_bg_left.png");
    background-repeat: repeat-y;
    width: 35px;
}

.MainRight
{
    background-image: url("Images/main_bg_right.png");
    background-repeat: repeat-y;
    width: 51px;
}

ul.ImageList
{
    margin:5px;
    padding:5px;
}

ul.ImageList li
{
    list-style-type:none;
    background:url(/financial/tws/valleyfinancial-2/Images/news_arrow.png) no-repeat 0px 2px;
    padding-left:15px;
    margin-bottom:3px;
}

ul.ImageListService
{
    margin:5px;
    padding:5px;
}

ul.ImageListService li
{
    list-style-type:none;
    background:url(/financial/tws/valleyfinancial-2/Images/yellow_service_arrow.png) no-repeat 0px 2px;
    padding-left:15px;
    margin-bottom:3px;
}

ul.ImageListServiceMenu
{
    margin:5px;
    padding:5px;
}

ul.ImageListServiceMenu li
{
    list-style-type:none;
    background:url(/financial/tws/valleyfinancial-2/Images/yellow_service_arrow.png) no-repeat 0px 2px;
    padding-left:15px;
    margin-bottom:3px;
    color:#02778B;
}
/********* Menu **********/
/* remove all the bullets, borders and padding from the default list styling */
#divMenu ul {padding:0px;margin:0px;list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#divMenu ul li 
{
    float:left;
    display:block;
    padding-right:31px;
    position:relative;
    height:53px;
    padding-left:32px;
    background: transparent url("Images/menu_separator.png") no-repeat scroll left top
}
#divMenu ul li:hover
{
    background-image: url("Images/menu_active_bg.png");
    background-repeat: repeat-x;
}

#divMenu ul li:hover a
{
    color: White;
}

/* style the links for the top level */
#divMenu ul li a
{
    text-decoration:none;
    padding-top:15px;
    height:53px; 
    display:block;
    font-family: Century Gothic;
    font-size: 14pt;
}

#divMenu ul ul li a
{
    margin:0px;
    padding:0px;
    height:25px;
    padding-left:5px;
    padding-top:2px;
}

#divMenu ul ul li 
{
    float:left;
    display:block;
    padding:0px;
    margin:0px;
    height:25px;
    padding-left:0px;
}



/* style the third level background */
#divMenu ul ul ul li {background:#e2dfa8;}
/* style the third level hover */
#divMenu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#divMenu ul ul {visibility:hidden;position:absolute;height:0;top:50px;left:0; width:200px;border-top:0px solid #ffffff; text-align:left;margin:0px;padding:0px;list-style-type:none;}


/* position the third level flyout menu */
#divMenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
#divMenu ul ul ul.left {left:-149px;}


/* style the second level links */
#divMenu ul ul a {background:#D7D7D7; color:#F1BE20;  padding-left:5px; width:195px; font-size:12px;}


/* style the top level hover */
#divMenu   ul ul a:hover{color:#000; background:#599FA7;}
#divMenu  ul ul :hover > a {color:#F1BE20; background:#599FA7}

/* make the second level visible when hover on first level list OR link */
#divMenu ul li:hover ul,
#divMenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#divMenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#divMenu ul :hover ul :hover ul{ visibility:visible;}


/******** Latest News **********/
#LatestNews
{
    height: 243px;
    border-bottom: dotted 1px Black;
}

#LatestNews ul
{
    margin-left: 20px;
    padding: 0;
    list-style-image: url("Images/news_arrow.png");
}

.NewsDate
{
    font-weight: bold;
    color: #F1BE1F;
}

.NewsTitle
{
    font-weight: bold;
    color: #137E90;
}

/******** Footer Box *********/
#FooterBox
{
    background-image: url("Images/footer_box_bgbg.png");
    background-repeat: repeat-x;
    background-color: White;
    border-top: solid 1px #C6C5D7;
    border-bottom: solid 1px #C6C5D7;
    width: 100%;
    clear: both;
    padding: 40px 0px 40px 0px;
}

#FooterBoxInner
{
    margin: 0 auto;
    width: 898px;
}

#FooterBoxTop
{
    background-image: url("Images/footer_box_top.png");
    background-repeat: no-repeat;
    height: 5px;
}

#FooterBoxMid
{
    background-image: url("Images/footer_box_bg.png");
    background-repeat: repeat-x;
    padding: 20px 10px 20px 10px;
    background-color: #2A455C;
    min-height: 175px;
    color: White;
}

#FooterBoxBottom
{
    background-image: url("Images/footer_box_bottom.png");
    background-repeat: no-repeat;
    height: 5px;
}

.FooterBoxHeading
{
    border-bottom: solid 1px #4D95D9;
    font-size: 14pt;
    padding-bottom: 5px;
}

#FooterBoxArticles
{
    float: left;
    width: 30%;
}

#FooterBoxArticles ul
{
    margin: 0px 20px 0 25px;
    padding: 0;
    list-style-image: url("Images/footer_box_blue_arrow.png");
}

#FooterBoxArticles li
{
    padding-top: 15px;
}

#FooterBoxProviders
{
    float: left;
    width: 30%;
    margin: 0% 5% 0% 5%;
}

#ProvidersList
{
    padding: 15px 0px 0px 25px;
}

#FooterBoxContactInfo
{
    float: right;
    width: 30%;
}

#ContactInfo
{
    margin-top: 15px;
}

#FooterBoxContactInfo label
{
    width: 75px;
    float: left;
}

#ContactAddress
{
    padding-left: 75px;
}

/******** Footer *********/
#Footer
{
    width: 100%;
    clear: both;
    height: 43px;
    background-image: url("Images/footer_bg.png");
    background-repeat: repeat-x;
    text-align: center;
    color: #666666;
    font-family: Century Gothic;
    padding: 5px 0px 5px 0px;
}

#Footer a
{
    color: #666666;
    font-family: Century Gothic;
}

/******** Default.aspx *********/
#divHeaderTop
{
    background-image: url("Images/header_right_box_top.png");
    background-repeat: no-repeat;
    width: 616px;
    height: 9px;
}

#divHeaderMain
{
    background-image: url("Images/header_right_box_bg.png");
    background-repeat: repeat-y;
    width: 596px;
    padding: 0px 10px 0px 10px;
}

#divHeaderBottom
{
    background-image: url("Images/header_right_box_bottom.png");
    background-repeat: no-repeat;
    width: 616px;
    height: 10px;
}

/****** Our Services *******/
#OurServicesTop
{
    background-image: url("Images/services_box_top.png");
    background-repeat: no-repeat;
    width: 199px;
    height: 4px;
}

#OurServicesMain
{
    background-image: url("Images/services_box_bg.png");
    background-repeat: no-repeat;
    background-position: bottom;
    width: 189px;
    min-height: 190px;
    background-color: #007586;
    padding-left: 5px;
    padding-right: 5px;
}

#OurServicesBottom
{
    background-image: url("Images/services_box_bottom.png");
    background-repeat: no-repeat;
    width: 199px;
    height: 4px;
}
