/* yourassuranceteam.com Main Site Stylesheet */

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: 100px; margin-top:5px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; 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; }

.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; }

.leftcontent { width: 190px; padding: 0px 10px 0px 10px; margin: 0px; float: left; text-align: center; font-family: 'Georgia', 'Arial',Helvetica,sans-serif; font-size: 13px; color: #290B0B; text-align: left; 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; }

.rightcontent { width: 710px; padding: 0px 10px 0px 10px; margin-left: 210px; text-align: center; 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; }

.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: right; }

.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;}

