/* yourassuranceteam.com Main Site Stylesheet */
/* 12/30/2020 BSK - left content styles moved to "leftcontent.inc.php" to make editing easier since that's the only place the are used */
/* 12/31/2020 BSK - footer content styles moved to "footercontent.inc.php" to make editing easier since that's the only place the are used */
/* 01/06/2021 BSK - right content responsive styles codes added to resize main page to tablets and other mobile devices */
/* 05/09/2026 BSL - put mainstyle.css back into indes.php which was fixed to use absolute paths */

body { background-color: #E6E6E6; margin:10px 10px 0px 10px; padding: 0px; text-align:center; }

.contentcontainer { width: 940px; margin-left: auto; margin-right: auto; text-align:left; position:relative; }

.titlebar { width: 940px; height: 88px; margin-top:0px; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; font-family: 'Georgia', 'Arial',Helvetica,sans-serif; font-size: 25px; color: #757575; }

.buttonmenu { width: 940px; height: 75px; padding-left: 0px; padding-right: 0px; }

.topbar { width: 940px; background-image: url(/images/topbar.jpg); background-repeat: no-repeat; height: 20px; min-height: 15px; margin: 0px; padding: 0px; overflow: hidden; }

/* functionality moved to footer.inc.php 
.bottombar { width: 940px; background-image: url(/images/bottombar.jpg); background-repeat: no-repeat; height: 20px; min-height: 15px; margin: 0px; padding: 0px; overflow: hidden; }
*/

.maincontent { width: 940px; background: white; padding: 0px; min-height: 100%; height: auto; height: 100%; overflow: hidden; font-family: 'Georgia', 'Arial',Helvetica,sans-serif; font-size: 12px; color: black; margin: 0px; }

/* comment out .leftcontent styles 
.leftcontent { width: 190px; padding: 0px 10px 0px 10px; margin: 0px; float: left; text-align: left; font-family: 'Georgia', 'Arial',Helvetica,sans-serif; font-size: 13px; color: #290B0B; overflow: hidden; }

.leftcontent a:link { text-decoration: none; color: #757575;}

.leftcontent a:visited { text-decoration: none; color: #757575; }

.leftcontent a:active { text-decoration: none; color: #757575; }

.leftcontent a:hover { text-decoration: none; color: #757575; }

.leftcontent h1 { text-align: center; font-size: 18px; color: #336170; font-weight: bold; }

.leftcontent h2 { text-align: center; display: inline; padding-right: 4px; font-size: 16px; color: #336170; font-weight: bold; }

.leftcontent li { padding-bottom: 7px; }
end of comment */

.rightcontent { width: 710px; padding: 0px 10px 0px 10px; margin-left: 210px; font-family: 'Georgia', 'Arial',Helvetica,sans-serif; font-size: 15px; color: #290B0B; text-align: left; overflow: hidden; }

.rightcontent a:link { text-decoration: none; color: #1B1F4E;}

.rightcontent a:visited { text-decoration: none; color: #1B1F4E; }

.rightcontent a:active { text-decoration: none; color: #1B1F4E; }

.rightcontent a:hover { text-decoration: none; color: #1B1F4E; }

.rightcontent h1 { text-align: center; font-size: 20px; color: #336170; font-weight: bold; }

.rightcontent h2 { text-align: center; display: inline; padding-right: 4px; font-size: 14px; color: #336170; font-weight: bold; }

    @media screen and (max-width: 768px)
    {
        .rightcontent
        {
            width: 50%;
        }
    }
    
    @media screen and (max-width: 450px)
    {
        .rightcontent
        {
            width: 38%;
        }
    }

/* functionality moved to footer.inc.php 
.footercontent { width:940px; padding-left: 0px; padding-right: 0px; margin-top: 5px; height: 50px; vertical-align: sub; letter-spacing: 0.2em; background-color: #E6E6E6; font-family: 'Georgia', 'Arial',Helvetica,sans-serif; font-size: 15px; color: #757575; text-align: center; }

.footercontent a:link { text-decoration: none; color: #757575; }

.footercontent a:visited { text-decoration: none; color: #757575; }

.footercontent a:active { text-decoration: none; color: #757575; }

.footercontent a:hover { text-decoration: none; color: black; }
*/

.designinfo { font-size: 12px; vertical-align: baseline; letter-spacing: normal;}

/* Pure CSS menu written by Alan Roes
   contact: aroes@emrtc.nmt.edu
   copyright: 2008 use without permission prohibited
*/

.mainmenu {padding: 0 0 0 0; width: 940px; margin: 0px; list-style: none; height: 50px; position: relative; z-index: 500; font-family: Helvetica,Geogia,cursive; text-align: center;}

/* Set up the regular buttons for the menu */
.mainmenu li.top {display: block; width: 110px; float: left; position: relative;color: white; font-size:18px;padding: 0px 0px 0px 0px;}
.mainmenu li.topwide {display: block; width: 170px; float: left; position: relative;color: white; font-size:18px; padding: 0px 0px 0px 0px;}
.mainmenu li.toplast {display: block; width: 102px; float: left; position: relative;color: white; font-size:18px; padding: 0px 0px 0px 0px;}
.mainmenu a.toplink {display: block; width: 110px; cursor: pointer; height: 50px; font-family: Helvetica,Geogia,cursive;text-decoration: none; font-size:18px; float: left; color: white; }
.mainmenu a.toplinkwide {display: block; width: 170px; cursor: pointer; height: 50px; font-family: Helvetica,Geogia,cursive;text-decoration: none; font-size:18px; float: left; color: white; }
.mainmenu a.toplinklast {display: block; width: 102px; cursor: pointer; height: 50px; font-family: Helvetica,Geogia,cursive;text-decoration: none; font-size:18px; float: left; color: white; }
.mainmenu a.toplink span, a.toplinkwide span, a.toplinklast span {display: block; background: url(/images/menubuttonbg.jpg) repeat-x; line-height: 50px;}

/* Rules for when the current top menu item is selected forthe page */
.mainmenu a.toplink span.selected, a.toplinkwide span.selected, a.toplinklast span.selected {display: block; background: #fff; line-height: 50px; color: black;}

.mainmenu a.toplink:visited {text-decoration: none; color: white;}
.mainmenu a.toplink:active {text-decoration: none; color: white;} 
.mainmenu a.toplinkwide:visited {text-decoration: none; color: white;}
.mainmenu a.toplinkwide:active {text-decoration: none; color: white;}
.mainmenu a.toplinklast:visited {text-decoration: none; color: white;}
.mainmenu a.toplinklast:active {text-decoration: none; color: white;}

/* Rules for when the mouse is hovered over a top menu item */
.mainmenu a.toplink:hover span{text-decoration: none; background: #fff; color: black; display: block; line-height: 46px; }
.mainmenu a.toplinkwide:hover span{text-decoration: none; background: #fff; color: black; display: block; line-height: 46px; }
.mainmenu a.toplinklast:hover span{text-decoration: none; background: #fff; color: black; display: block; line-height: 46px; }

/* Rules to keep background change while hovering over dropmenu */
 
.mainmenu li.top:hover > a.toplink { background: #fff;}
.mainmenu li.top:hover > a.toplink span {background: #fff; border-style:inset; padding: 0px; line-height: 46px; color: black;}
.mainmenu li.topwide:hover > a.toplinkwide { background: #fff;}
.mainmenu li.topwide:hover > a.toplinkwide span {background: #fff; border-style:inset; padding: 0px; line-height: 46px; color: black;}
.mainmenu li.toplast:hover > a.toplinklast { background: #fff;}
.mainmenu li.toplast:hover > a.toplinklast span {background: #fff; border-style:inset; padding: 0px; line-height: 46px; color: black;}

/* Rules to style the list or link hover. Depends on which browser is used */

.mainmenu a:hover {visibility:visible; }
.mainmenu li:hover {position:relative; z-index: 200;}

/* Rules to keep the drop down menu level invisible by placing it off screen. */
.mainmenu ul, 
.mainmenu :hover ul ul, 
.mainmenu :hover ul :hover ul ul,
.mainmenu :hover ul :hover ul :hover ul ul,
.mainmenu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.mainmenu :hover ul.sub { left:2px; top:30px; background: #fff; padding:3px 0; border:1px solid #003366; white-space:nowrap; width:315px; height:auto; text-align: left; }
.mainmenu :hover ul.sub li {display:block; height:30px; position:relative; float:left; width:312px; }
.mainmenu :hover ul.sub li a {display:block; font-size:12px; height:30px; width:310px; line-height:30px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.mainmenu :hover ul.sub li a:hover { background:#027dc0; color: black; height:30px;}