@import url("base.css");



/*******************************************
LAYOUT - Try to keep the order of elements
the same as the HTML structure.
*******************************************/

/*******************************************
SKELETON STYLE
*******************************************/
html, body { height: 100%;background: #09254d ;} /* NEED THIS FOR STICKY FOOTER */

.contentMobile {display:none !important;}
.contentDesktop {display:initial;}
#css_type {display:none;width:3px;} /* THIS IS TO IDENTIFY WHICH CSS BEING USED */

div#wrapper{width:1200px;margin:0 auto;min-height:100%;position:relative;background: #FFFFFF ;} /* NEED THIS FOR STICKY FOOTER */

a {text-decoration:none;}

table.generalForm {
width:600px;
}
/******* MENU STYLING (start)  *******/


#googleMap1, #googleMap2{
    width: 600px;
    height: 300px;
}


/* DIV STYLE MENU */
div.parentMenu
{
    float:left;
    position:relative;
    border-bottom-style:none;
    text-align:center;
    margin-right:5px;
    z-index:5;
}

    div.parentMenu a
    {
        padding:5px 0px;
        display:block;
        width:100px;
        text-decoration: none;
        font-size:110%;
    }
    
        div.m_active{ }
        
        div.parentMenu:hover {
            /*font-weight:bold;*/
        }
        
            div.parentMenu:hover div.subMenu{ /* Display the dropdown on hover */
                display:block;
            }
    
            div.parentMenu div.subMenu
            {
                position:absolute;
                display:none;
                font-weight:normal;
                float:none;
                overflow:hidden;
                text-align:left;
                white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
            }
                div.parentMenu div.subMenu a { 
                    width:200px;
                    padding:5px 10px;
                }
                div.subMenu a:hover {}
                
.pDivider {
	float:left;
}                
                
/* HORIZONTAL MENU INLINE */
ul.ul_horz {
    margin:0px;
    list-style-type: none;
}
    ul.ul_horz li{
        display:inline;
        margin-right:10px;
    }

/* HORIZONTAL MENU FLOAT */
ul.ul_horz2 {
    margin:0px;
    list-style-type: none;
    float:left;
}
    ul.ul_horz2 li {
        float:left;
        margin:0px 10px 0px 0px;
        position:relative;
    }
        ul.ul_horz2 li a {float:left}

/* VERTICAL MENU FLOAT - UL ONLY */
ul.ul_vert {
    margin:0px 10px 0px 0px;
    list-style-type: none;
    float:left;
}

/* MENU ITEM */
li.item_type1
{
    text-align:center;
}

    li.item_type1 a
    {
        display:block;
        padding:5px 10px;
    }
    
    li.item_type1 a:hover
    {
        text-decoration:underline;
    }
 
/******* MENU STYLING (end)  *******/



/******* HEADER (start) *******/
div#header{
    /*background: URL("../images/img_header_1500.png") 100% 0% no-repeat;*/
    /*position: relative;*/
    background-color:#eeeeee;
    width:100%;
}
    div#header_toggle
    {
        display:none;
    }
    
    div#header a
    {
        line-height:30px;
    }
    
    div#header_top_left{
        float:left;
    }
        div#topLeftNav div.parentMenu
        {
            margin:0px;
        }
            div#topLeftNav div.parentMenu a
            {
                color:#666666;
                width:auto;
                height:30px;
                padding:5px 10px;
                font-size:100%;
                /*font-weight:bold;*/
            }
            
            div#topLeftNav div.parentMenu a:hover
            {
                color:#003366;
            }
            
        div#topLeftNav div.subMenu
        {
            background-color:#003366;
        }
        
            div#topLeftNav div.subMenu a {
                color:#999999; 
                padding:2px 10px;
                font-weight:normal;
                border-bottom:1px solid #99ccff; 
            }
            
            div#topLeftNav div.subMenu a:hover { 
                color:#ffffff; 
            }
            
            
    div#header_top_right{
        float:right;
    }
    
        div#topRightNav ul li a {}
            
        div#topRightNav ul li#loginMenu
        {
            margin-right:0px;
        }
            div#topRightNav ul li#loginMenu a
            {
                background:#cc0033 url('../images/icon_arrowMenu.png') 80px 50% no-repeat;
                color:#ffffff;
                width:80px;
                text-decoration:none;
            }
            
            div#topRightNav ul li#loginMenu a:hover
            {
                background-color:#003366;
            }

/******* HEADER (end) *******/
            
            
/******* CONTENT (start) *******/
div#content{margin:0px;overflow:hidden; width:100%;background-color:white;}

    img#spt_logo{
        width:210px; /* height will be automatically adjusted */
    }

    div#sect_top {
        margin:20px 0px 0px 0px;
    }
    
        div#sect_top_left{
            float:left;
            margin-left:80px;
        }
        
        div#sect_top_right{
            float:right;
            margin-right:80px;
        }
        
            div#sect_top_right ul#insMenuParent li
            {
                padding:5px 10px;
                color:#003366;
                cursor:pointer;
                font-size:20px;
                /*font-weight:bold;*/
                line-height:50px;
                height:50px;
                margin-right:20px;
            }
                /*
                div#sect_top_right ul li.last
                { margin-right:0px; }
                */
                
            div#sect_top_right ul#insMenuParent li:hover
            {
                color:#cc0033;
            }
            
            
    div#menu_hover
    {
        background-color:#eeeeee;
        position:absolute;
        margin-top:10px;
        z-index:2;
        width:100%;
        overflow:hidden;
    }
        div.insMenuHeading{
            display:none;
        }
        
        div.insMenu
        {
            background-color:#eeeeee;
            padding:0 80px;
            float:left;
            /*width:100%;*/
            display:none;
        }
        
        div.insMenuTitle
        {
            margin-top:20px;
            font-weight:bold;
        }
        
        div.insMenu ul
        {
            margin:10px 0px;
        }
        
            div.insMenu ul li
            {
                margin:2px 5px;
            }
            
                div.insMenu ul li a
                {
                    background:#9caec4 url('../images/icon_arrowMenu.png') 240px 50% no-repeat;
                    /*background-color:#9caec4;*/
                    padding:2px 5px;
                    width:250px;
                }
                
                div.insMenu ul li a:hover
                {
                    background-color:#003366;
                }
                
                    div.insMenu ul li a div.navTitle
                    {
                        color:#ffffff;
                        line-height:34px;
                    }
                    
                    div.insMenu ul li a div.navSubTitle
                    {
                        display:none;
                    }
                    
                    div.insMenu ul li a div.navIcon, div.insMenu ul li a div.navTitle
                    {
                        float:left;
                    }
                        div.insMenu ul li a div.navIcon img
                        {
                            height:30px;
                            margin-right:10px;
                        }
                
            
    div#banner
    {
        margin-top:10px;
        background: #09264e 50% 0% no-repeat;
        
        /*padding:0 20px;*/
        padding:0 80px;
        position:relative;
        overflow:hidden;
    }

        div#banner_title
        {
            clear:both;
            float:left;
            margin:120px 0px 0px 5px;
            padding:10px 20px;
            background-color:#cc0033;
            color:#ffffff;
            font-size:28px;
            text-transform: uppercase;
            opacity: 0.8;
            filter: alpha(opacity=80); 
        }                
        
         /*
        div#banner_menu {
            clear:both;
            position:absolute;
            bottom:20px;
            float:left;
            margin:50px 0px 0px 0px;
        }*/
          
        div#banner_menu {
            clear:both;
            float:left;
            margin:30px 0px 0px 0px;
        }

            div#banner_menu ul { }
            
                div#banner_menu ul li
                {
                    margin:2px 5px;
                }
                
                div#banner_menu ul li a
                {
                    background:#ffffff url('../images/bg_featureIcon.png') top left no-repeat;
                    padding:2px 5px;
                    height:60px;
                    width:220px;
                }
                
                div#banner_menu ul li a:hover
                {
                    background-color:#003366;
                    color:#ffffff;
                }
                
                    div#banner_menu ul li a div.navIcon
                    {
                        /*margin:10px 20px 0px 0px;*/
                        margin:10px 15px 0px 0px;
                        float:left;
                    }
                    
                        div#banner_menu ul li a div.navIcon img
                        { height:40px; }
                    
                    div#banner_menu ul li a div.navTitle
                    {
                        float:left;
                        width:155px;
                        margin-top:15px;
                        font-size:18px;
                    }
                
                    div#banner_menu ul li a div.navSubTitle
                    {
                        width:155px;
                        font-size:12px;
                        display:none;
                    }

        /*div#sect_search {}*/
    
                
    div#cms_content
    {
        /*font-size:12px;*/
        padding:5px 80px 40px 80px;
        clear:both;   
    }
    
        #section1Content
        {   
            float:left;
            /*width:700px;*/
            width:64%;
            margin-top:10px;
        }
        
        #section2Content
        {
            float:right;
            margin-top:10px;
            width:26%;
        }
        
        #smartContent
        {
            float:left;
        }
    
        div#backLink
        {
            clear:both;
            margin-top:20px;
        }
            div#backLink a
            {
                padding:5px 10px;
            }
            
            div#backLink a:hover
            {
                background-color:#003366;
                color:#ffffff;
            }
        
            
        div.cms_pageTitle
        {
            margin:10px 0px;
            color:#cc0033;
            /*font-weight:bold;
            font-size:150%;
            padding:10px 0px 0px 0px;*/
        }
            
        span.cms_pageSubTitle
        {
            color:#cc0033;
            /*font-weight:bold;
            font-size:150%;*/
        }
        
        /* button-like link on right-hand side section */
        ul.sideList {
            margin:0px;
            list-style-type: none;
        }
            ul.sideList li
            {
                margin:0px 0px 5px 0px; 
            }
                ul.sideList li a
                {
                    padding:2px 5px;
                    color:#003366;
                    background-color:#eeeeee;
                    /*font-weight:bold;*/
                    display:block;
                    line-height:30px;
                    text-align:center;
                    text-transform: uppercase;
                    border:1px solid #9999cc;
                }
                
                ul.sideList li a:hover
                {
                    background-color:#003366;
                    color:#ffffff;
                }
        
        /* insurance menu on right-hand side section */
        ul#sideMenu{
            margin:0px;
            list-style-type: none;
        }
        
            ul#sideMenu li
            {
                clear:both;
                margin:0px 0px 2px 0px;
            }

                ul#sideMenu li a
                {
                    display:block;
                    padding:2px 5px;
                    height:30px;
                    background:#9caec4 url('../images/icon_arrowMenu.png') 250px 50% no-repeat;
                    color:#ffffff;
                }
                
                ul#sideMenu li a:hover
                {
                    background-color:#003366;
                }
                
                    ul#sideMenu li a div.navIcon
                    {
                        margin:0px 20px 0px 0px;
                        float:left;
                    }
                    
                        ul#sideMenu li a div.navIcon img
                        {
                            height:30px;
                        }
                    
                    ul#sideMenu li a div.navTitle
                    {
                        float:left;
                        /*margin:10px 0px 0px 0px;*/
                        line-height:30px;
                        /*font-weight:bold;*/
                    }
                
                    ul#sideMenu li a div.navSubTitle
                    {
                        display:none;
                    }

/******* CONTENT (end) *******/
    
/******* FOOTER (start) *******/
div#footer{
    clear:both;
    padding:0px;
    font-size:80%;
    /*position:absolute;
    bottom:0;
    left:0;
    right:0;*/
}
    
    div#footer a:hover
    {
        text-decoration:underline;
    }
     
    div#footer_top_sect
    {
        background-color:#9caec4;
        padding:20px 80px;
        margin-bottom:10px;
    }
        div#testimEntry{
            color:#072B5D;
            text-align:right;
            font-style: italic;
            font-size:16px;
            /*text-shadow:2px 1px 3px #546373;*/

        }
        
        div#testimAuthor{
            margin-top:10px;
            text-align:right;
        }
            
        
    div#footer_mid_sect
    {
        padding:0px 80px;
    }
    
        div#footer_mid_farLeft, div#footer_mid_left, div#footer_mid_right, div#footer_mid_farRight
        {
            float:left;
            padding:0px;
            width:25%;
        }
            div#footer_mid_farLeft ul li
            {
                padding:2px 0px;
            }
            
            div.footer_content
            {
                border-top:2px solid #999999;
                margin:5px 10px;
                padding:5px;
            }
            
            
    div#footer_bot_sect
    {
        margin:20px 0px 10px 0px;
        line-height:200%;
        text-align:center;
    }

/******* FOOTER (end) *******/
           
/*******************************************
SPECIFIC STYLE
*******************************************/

/* -------------------------- *\ 
   SEARCH SECTION
\* -------------------------- */



/* -------------- *\ 
   DEFAULT DESIGN
\* -------------- */
body.design_default div#cms_content
{
    /*border-top: #cc0033 solid 1px;*/
}

/* -------------- *\ 
   HOME DESIGN
\* -------------- */
body.design_home #section1Content
{   
    width:auto;
}

    /*
    body.design_home div#slogan
    {
        float:left;
        margin:50px 0px 0px 0px;
        color:#cc0033;
        font-size:24px;
        line-height:150%;
        font-weight:bold;
    }
    */
    
    body.design_home div#slogan
    {
        float:left;
        margin:50px 0px 0px 5px;
        color:#ffffff;
        font-size:24px;
        line-height:150%;
        font-weight:bold;
        background-color:#cc0033;
        padding:10px 20px;
        opacity: 0.8;
        filter: alpha(opacity=80); 
    }
    
    body.design_home div#homepage_link {
        clear:both;
        float:left;
        margin:20px 0px 0px 0px;
    }
        body.design_home div#homepage_link ul li 
        {
            margin:2px 5px;
        }
        
        body.design_home div#homepage_link ul li a
        {
            background-color:#003366;
            padding:10px 5px;
            width:220px;
            font-size:16px;
            color:#ffffff;            
            text-align:center;
        }
            
            body.design_home div#homepage_link ul li a:hover
            {
                text-decoration:underline;
            }
      
    body.design_home div#banner
    {
        /*background-color:#ccd6e2;*/
    }
            
        body.design_home div#banner_menu {
            margin:185px 0px 0px 0px;
        }
        
            body.design_home div#banner_menu span {
                font-size:24px;
            }
            
            body.design_home div#banner_menu ul li a div.navTitle
            {
                float:left;
                margin-top:10px;
                line-height:normal;
            }
    
            body.design_home div#banner_menu ul li a div.navSubTitle
            {
                float:left;
                margin-top:2px;
                display:block;
            }
    


/* BLOG */
.blogTitle {
	font-weight:bold;
}   
    
