/* CSS Document for Vizion Solutions 2008 | Developed by: Jeff Dolsen, Creative Director @ IdeaStar Inc. */

/* GLOBAL --------------------------------------------------------- */

html
{
}
body
{
    margin: 0;
    padding: 0 0 100px 0;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    text-align: center;
}
img
{
    border: none;
}

/* STRUCTURE ------------------------------------------------------ */

#Home
{
    background: #fff url(images/interface/HomeBK.jpg) repeat-x;
}
#Sub
{
    background: #fff url(images/interface/SubBK.jpg) repeat-x;
}

#Container
{
    width: 980px;
    margin: 0 auto;
    text-align: left;
}
#MastheadContainer
{
    width: 980px;
    height: 112px;
}
#Brand
{
    width: 220px;
    margin: 20px 40px 0 0;
    float: left;
}
#MastheadLeft
{
    width: 300px;
    float: left;
}
#MastheadRight
{
    width: 680px;
    float: left;
}
#Search
{
    width: 680px;
    margin: 15px 0 15px 0;
    text-align: right;
    color: #0f58a5;
    font-weight: bold;
}
#MainNav
{
    width: 600px;
    height: 38px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #dbdbdb url(images/interface/MainNavL.gif) no-repeat;
    font-size: 12px; /*text-transform:uppercase;*/
    float: right;
}
html > body #MainNav
{
    width: auto;
}

#Home #MainImgContainer
{
    width: 980px;
    height: 192px;
    margin-bottom: 35px;
    overflow: hidden;
}
#Sub #MainImgContainer
{
    width: 980px;
    height: 53px;
    margin-bottom: 35px;
}
#Home #TopTxt
{
    width: 500px;
    float: right;
}
#Sub #TopTxt
{
	width: 980px;
	float: left;
	font-family: Tahoma;
}
#Home #MainImgContainer h1
{
    width: auto;
    margin: 45px 0 0 0;
    padding: 0;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
}
#Sub #MainImgContainer p
{
    width: auto;
    margin: 15px 0 0 0;
    padding: 0;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}
#Sub #MainImgContainer p a
{
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
#Sub #MainImgContainer p a:hover
{
    text-decoration: underline;
}
#Home #MainImgContainer ul.call2action
{
    width: auto;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 28px;
    font-weight: bold;
    list-style: none;
}
#Home #MainImgContainer ul.call2action li
{
}
#Home #MainImgContainer ul.call2action li a
{
    padding: 10px 55px 10px 0;
    background: url(images/interface/MainImageArrow.gif) no-repeat right;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
#Home #MainImgContainer ul.call2action li a:hover
{
    background: url(images/interface/MainImageArrow2.gif) no-repeat right;
    color: #333;
}
#Home #TopImg
{
    width: 460px;
    height: auto;
    float: left;
}

#MainContentContainer
{
    padding: 0 0 50px 0;
}

/* Footer */

#FooterContainer
{
    width: 100%;
    height: 70px;
    background: #0f58a5;
    text-align: center;
}
#Footer
{
    width: 980px;
    margin: 0 auto;
    text-align: left;
}
.FooterPartner
{
    width: 260px;
    margin-top: 25px;
    float: left;
    text-align: center;
    float: left;
}
#FooterNav
{
    width: 460px;
    margin-top: 15px;
    text-align: center;
    float: left;
}
#FooterNav p
{
    margin: 0 0 10px 0;
    color: #fff;
}
#FooterNav p a
{
    margin: 0 10px 0 10px;
    color: #fff;
}
#FooterNav p a:hover
{
    color: #feb932;
}

/* MAIN NAVIGATION ------------------------------------------------ */

#MainNav ul
{
    width: 585px;
    height: 38px;
    margin: 0;
    padding: 0 10px 0 10px;
    background: url(images/interface/MainNavR.gif) no-repeat right;
    font-weight: bold;
    list-style: none;
}
html > body #MainNav ul
{
    width: auto;
}
#MainNav ul li
{
    display: inline-block;
    margin: 0;
    padding: 11px 0 0 0;
    float: left;
}
#MainNav ul li a
{
    margin: 0 10px 0 10px;
    padding: 0 0 12px 0;
    text-decoration: none;
    color: #000;
    display: block;
}
#MainNav ul li a:hover
{
    color: #999;
}

/* second-level lists */
#MainNav li ul
{
    width: 215px;
    height: auto;
    margin: 0 0 0 5px;
    padding: 0;
    background: #ececec;
    position: absolute;
    left: -999em;
}

#MainNav li ul li
{
    width: 215px;
    height: auto;
    padding: 0;
    background: #dbdbdb;
    border-top: #fff solid 1px;
    clear: both;
}
#MainNav ul li ul li:hover
{
    background: #ececec;
}
#MainNav ul li ul li.sfhover
{
    background: #ececec;
    position: static;
}

#MainNav li ul li a
{
    width: 210px;
    margin: 3px 0 3px 0;
    padding: 5px 0 5px 5px;
    color: #000;
    background: none;
    display: block;
}
#MainNav li ul li a:hover
{
    color: #999;
    background: none;
}

/* third-level lists */
#MainNav li ul ul
{
    display: none;
}
#MainNav li:hover ul ul, #MainNav li:hover ul ul ul, #MainNav li.sfhover ul ul, #MainNav li.sfhover ul ul ul
{
    left: -999em;
}

/* forth-level lists (hidden) */
#MainNav li ul ul ul
{
    display: none;
}

/* lists nested under hovered list items */
#MainNav li:hover ul, #MainNav li li:hover ul, #MainNav li li li:hover ul, #MainNav li.sfhover ul, #MainNav li li.sfhover ul, #MainNav li li li.sfhover ul
{
    left: auto;
}

#MainNav li:hover
{
    position: static;
}

/* Left Child Nav */

#LeftNav
{
    width: 240px;
    min-height: 175px;
    padding: 10px;
    float: left;
    background: #dbdbdb url(images/interface/GrayBKGradBody.jpg) no-repeat bottom;
}
#LeftNav ul
{
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
}
#LeftNav ul li
{
    line-height: 26px;
}
#LeftNav ul li a
{
    padding: 0 20px 0 0;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
#LeftNav ul li a.active
{
    background: url(images/interface/YellowArrow2.gif) no-repeat right;
}
#LeftNav ul li a:hover
{
    color: #999;
    background: url(images/interface/YellowArrow.gif) no-repeat right;
}

/* MAIN CONTENT --------------------------------------------------- */

#GetStartedTop, #LeftNavTop
{
    width: 260px;
    height: 10px;
    overflow: hidden;
    background: url(images/interface/GrayBKGrad.jpg) no-repeat;
}
#GetStarted
{
    width: 240px;
    min-height: 175px;
    padding: 10px;
    float: left;
    background: #dbdbdb url(images/interface/GrayBKGradBody.jpg) no-repeat bottom;
}
#GetStarted ul.call2action
{
    width: auto;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
    list-style: none;
}
#GetStarted ul.call2action li
{
}
#GetStarted ul.call2action li a
{
    padding: 10px 25px 10px 0;
    background: url(images/interface/YellowArrow.gif) no-repeat right;
    color: #000;
    text-decoration: none;
    display: inline-block;
}
#GetStarted ul.call2action li a:hover
{
    background: url(images/interface/YellowArrow2.gif) no-repeat right;
    color: #666;
}

#Home #MainContent
{
    width: 425px;
    margin: 0 0 0 10px;
    padding: 10px;
    float: left;
}
#Sub #MainContent
{
    width: 685px;
    margin: 0 0 0 10px;
    padding: 10px;
    float: left;
}

#FeaturedTop
{
    width: 260px;
    height: 10px;
    margin-top: -10px;
    overflow: hidden;
    background: url(images/interface/GrayBKGrad.jpg) no-repeat;
    float: right;
}
#Featured
{
    width: 240px;
    min-height: 175px;
    padding: 10px;
    float: right;
    background: #dbdbdb url(images/interface/GrayBKGradBody.jpg) no-repeat bottom;
}

h2
{
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
h3
{
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
}
h3 a
{
    color: #333;
    text-decoration: underline;
}
h3 a:hover
{
    color: #999;
}

p
{
    margin: 0 0 15px 0;
}

a
{
    color: #000;
    text-decoration: underline;
}
a:hover
{
    color: #999;
}

/* CLASSES -------------------------------------------------------- */

.clear
{
    clear: both;
    height: 0px;
}

.Head
{
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
}

.SkinObject
{
    color: White;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.Normal h3 a
{
    color: #333;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
}

.Normal p a
{
    color: #333;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
}

#FooterNav.Normal p
{
    margin: 0 0 10px 0;
    color: #fff;
}
#FooterNav.Normal p a
{
    margin: 0 10px 0 10px;
    color: #fff;
    text-decoration: underline;
}
#FooterNav.Normal p a:hover
{
    color: #feb932;
}