/* main styles  */

body { margin: 0px; color: #666666; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.8em; font-size: 0.8em; text-align: justify; }
a { color: #ABD033; font-weight: normal; }

#PostIt { }
#SubNavWrap { float: right; width: 900px; }
.Logo { height: 67px; width: 318px; padding-top: 15px; margin-bottom: 5px; }
img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
#DivWrap { width: 964px; height: 100%; margin-right: auto; margin-left: auto; background-image: url(images/bg.jpg); background-repeat: no-repeat; }
#header { }
.HeaderRight { width: auto; float: right; clear: both; text-align: right; font-family: "century gothic"; color: #737476; font-size: 15px; letter-spacing: 1px; margin-top: 58px; font-weight: bold; }
.outer-box h2 { width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding-bottom: 10px; }
#nav { height: 43px; left: 28px; width: 930px; }
#NavWrap { height: 43px; background-repeat: no-repeat; }
.homeBtn { height: 25px; width: 35px; position: relative; float: left; left: 8px; top: 8px; }
.InLi { padding: 0px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; list-style-type: disc; display: inline; color: #666666; font-style: oblique; }
.Copy ul { padding: 0px; }
#UpperContentWrap { width: 964px; background-repeat: no-repeat; background-position: top; z-index: -1; margin: 0px; padding: 0px; }
.Copy { padding-top: 125px; padding-left: 15px; }
.HeaderRight h1 { font-size: 14px; margin: 0px; padding: 0px; }
.UpperLeft { float: left; width: 409px; height: 194px; background-color: #999999; clear: both; }
.UpperRight { float: right; width: 325px; margin-left: 5px; padding-left: 20px; }
.UpperRight blockquote { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #BDD43B; letter-spacing: 0.1em; line-height: 1.5em; text-indent: 8px; padding-top: 0px; padding-right: 0px; padding-left: 10px; border-left-width: 1px; border-left-style: solid; border-left-color: #E5E5E5; margin: 0px; }
.QuoteImg { float: left; height: 25px; width: 25px; margin: 0px; padding: 0px; background-image: url(images/quote.jpg); }
.Quote { }
.BigQ { font-size: 80px; font-family: Georgia; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.UpperRight p { margin: 0px; padding: 0px; }
#BoxList { width: auto; }
.Box { height: 100px; width: 300px; float: left; margin-right: 16px; margin-top: 25px; }

#Footer { margin-right: auto; margin-left: auto; border-top-width: 1px; border-top-style: solid; border-top-color: #BED73D; padding-top: 15px; margin-bottom: 20px; margin-top: 42px; }
.PortBlock { height: auto; width: auto; }
.outer-box { width: 100%; height: auto; float: left; margin-bottom: 45px; }
.inner1 { }
.inner2 { margin-top: 35px; }
.FltRt { float: right; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; clear: both; }
.PortOuter { height: 150px; width: 237px; float: left; text-align: center; background-image: url(images/ImgBG.jpg); background-repeat: no-repeat; background-position: center top; }
.PortOuter img { margin-top: 13px; }
.vm { background-image: url(images/more.jpg); background-repeat: no-repeat; float: right; margin-right: 0px; width: 105px; text-align: center; height: 30px; text-decoration: none; color: #666666; font-weight: bold; margin-top: 35px; font-family: "century gothic"; font-size: 12px; padding-top: 3px; }
.vm2 { background-repeat: no-repeat; float: right; margin-right: 0px; width: 105px; text-align: center; height: 30px; text-decoration: none; color: #666666; font-weight: bold; margin-top: 25px; font-family: "century gothic"; font-size: 12px; }
h2 { font-size: 17px; letter-spacing: 1px; color: #999999; margin-right: 0px; margin-left: 0px; font-weight: lighter; background-repeat: no-repeat; background-position: left bottom; padding-left: 8px; padding-top: 10px; padding-bottom: 20px; background-image: url(images/heading.gif); }
.BG { background-image: url(images/HeadingL.gif); background-repeat: no-repeat; background-position: right; height: 45px; }
.vm a { text-decoration: none; color: #333333; }
.PortHeading { text-align: center; font-size: 16px; margin-top: 8px; position: relative; font-family: "century gothic"; letter-spacing: 1px; }
.view-more-link { height: 50px; clear: both; }
.vm:hover { text-decoration: none; color: #FFFFFF; background-image: url(images/hover.jpg); background-repeat: no-repeat; }
.PortOuter:hover { height: 150px; width: 237px; float: left; text-align: center; background-image: url(images/ImgBGhover.jpg); background-repeat: no-repeat; background-position: center top; }
.FootLeft { float: left; width: 500px; }
.FoorRight { float: right; width: 162px; }
.Ftadd img { float: left; padding-bottom: 40px; padding-top: 2px; }
.FoorRight img { float: right; padding-top: 2px; padding-left: 8px; }
.Ftadd p { margin: 0px; padding: 0px; }
.Box a:hover { float: left; margin-right: 16px; background-color: #B8D545; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #B1D746; }
.BoxLink { position: relative; top: 68px; font-size: 16px; font-variant: normal; font-weight: bold; letter-spacing: 1px; text-align: left; width: 275px; margin-right: auto; margin-left: auto; }
#BoxListSm { width: 650px; margin-right: auto; margin-left: auto; }
.widebtn { background-image: url(images/widebtn.jpg); background-repeat: no-repeat; margin-right: 0px; width: 209px; text-align: center; height: 30px; padding-top: 3px; text-decoration: none; color: #FFFFFF; font-weight: bold; margin-top: 0px; font-family: "century gothic"; font-size: 12px; clear: both; float: right; }
.widebtn:hover { background-image: url(images/menu2hover.jpg); background-repeat: no-repeat; float: right; margin-right: 0px; width: 209px; text-align: center; height: 30px; padding-top: 3px; text-decoration: none; color: #FFFFFF; font-weight: bold; margin-top: 0px; font-family: "century gothic"; clear: both; }
#Form { width: 450px; float: right; }
.FormSubjects { width: 300px; }
.FormSubjects p { margin: 0px; font-weight: bold; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }
label { }
#FormWrap { width: 500px; }
#contactform { margin:0; padding:0; }
#contactform ul { list-style:none; width:355px; margin-right:20px; float:left; padding:0; }
#contactform ul li { margin-bottom:5px; float:left; width:100%; padding:0; list-style:none; }
#contactform ul li.submit { padding-top:10px; margin-top:12px; text-align:right; padding-bottom:0; margin-bottom:0; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; }
#contactform ul li label { width:130px; float:left; }
#contactform ul li p.fields, #contactform ul.checkboxes { float:left; width:210px; margin:0; padding-bottom:0; margin-bottom:0; }
#contactform ul.checkboxes li { }
#contactform ul.checkboxes li label { float:none; }
#Right { float: right; width: 475px; margin-top: 35px; }
#contactform ul.checkboxes li input { margin-right:5px; }
#BtnGroup { clear: right; float: right; margin-top: 10px; }
label, input.txt-field, textarea.textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
textarea { overflow:auto; }
label { color:#999999; line-height:22px; margin-right:4px; }
input.txt-field { border:1px solid #EEEEEE; background-color:#FFFFFF; color:#333333; padding:0 3px; width:218px; width:212px; height:22px; padding-top:4px; height:18px;/*font-weight:bold;*/ }
textarea.textarea { border:1px solid #EEEEEE; padding:4px 3px; width:212px; height:100px; color:#333333; }
#Nav2 { float: right; background-image: url(images/Nav2Bg.jpg); background-repeat: no-repeat; height: 42px; width: 450px; }
#Nav2 li { display: inline; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; margin: 0px; }
#Nav2 ul { margin: 0px; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 50px; }
#Nav2 a { color: #999999; text-decoration: none; font-size: 11px; }
textarea.bigger { width:400px; }
input.txt-field-active, textarea.textarea-active { border:1px solid #BED73D; }
input.txt-field:focus, textarea.textarea:focus { border:1px solid #BED73D; background-color: #F3F8DC; }
.FltLft { float: left; padding-right: 25px; padding-bottom: 0px; margin: 0px; }
.break { background-image: url(images/break.gif); background-repeat: no-repeat; margin-right: auto; margin-left: auto; background-position: center bottom; }
h3 { font-size: 16px; letter-spacing: 2px; color: #ABD035; margin-right: 0px; margin-left: 0px; background-repeat: no-repeat; background-position: left bottom; padding-left: 8px; padding-top: 10px; font-weight: lighter; }
.Process { margin-left: 20px; list-style-position: outside; font-weight: normal; }
.Process li { font-weight: bold; list-style-type: none; list-style-image: url(images/circle.gif); list-style-position: outside; margin-top: 10px; margin-bottom: 10px; }
#Nav2 a:hover { color: #B9D035; font-size: 11px; }
.SubHeading { font-size: 17px; letter-spacing: 1px; color: #999999; margin-right: 15px; margin-left: 0px; font-weight: lighter; background-repeat: no-repeat; background-position: left bottom; padding-left: 8px; padding-top: 10px; padding-bottom: 20px; background-image: url(images/heading.gif); width: 300px; display: block; }
strong { font-weight: bold; }
#menuwrapper { }
.clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; }
#menubar { }
#menubar, #menubar ul { padding: 0; margin: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; }
#menubar a { display: block; text-decoration: none; font-size: 15px; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-bottom: 5px; margin-top: 6px; color: #666666; letter-spacing: 1px; }
#menubar a.trigger { background-repeat: no-repeat; background-position: right center; padding-top: 2px; padding-bottom: 5px; margin-left: 20px; }
#menubar li { float: left; }
#menubar li { position: relative; }
/* hide from IE mac \*/
#menubar li { position: static; width: auto; }
/* end hiding from IE5 mac */

#menubar li ul, #menubar ul li { width: 150px; }
#menubar ul li a { color: #999999; border-right: 0; padding-right: 12px; padding-left: 15px; background-image: url(images/Arrow.gif); background-repeat: no-repeat; background-position: left; margin-left: 5px; width: 125px; letter-spacing: 1px; padding-top: 2px; padding-bottom: 5px; }
#menubar li ul { position: absolute; display: none; background-image: url(images/UlWhite.png); background-repeat: no-repeat; background-position: left bottom; margin-left: 15px; width: 210px; padding-top: 0px; padding-right: 0px; padding-bottom: 4px; padding-left: 0px; }
#menubar li:hover a, #menubar a:focus, #menubar a:active, #menubar li.hvr a { color: #BED73D; }
#menubar li:hover ul, #menubar li.hvr ul { display: block; }
#menubar li:hover ul a, #p7menubar li.p7hvr ul a { color: #666666; background-color: transparent; }
#menubar ul a:hover { color: #BED73D !important; }
#menubar em { font-style: normal; }