@import "sm_corp_features.css";

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Main Text Definitions */

body {
 background: #fff;
 color: #004671;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
}

a.skip {display: none;}

h1, h2, h3, h4 {
 color: #0064A2;
 font-weight: normal;
}
h1 {font-size: 140%; margin-top: 0;}
h2 {font-size: 120%; margin-bottom: 8px;}
h3 {font-size: 100%; margin-bottom: 6px;}
h4 {font-size: 100%; margin-bottom: 3px;}

a img {border: 0;}
a {color: #004671;}
a:hover {color: #8acf1c;}
a img {border: 0;}

h2.repeatingList {
 background: #F4F7F8;
 font-weight: bold;
 border-top: 1px solid #73AACC;
 border-bottom: 1px solid #73AACC;
 padding: 2px 3px;
}
p.contact {
 line-height: 160%;
}


/* Generic Layout Definitions */
#container {width: 736px; margin: 10px auto; font-size: 70%;}
#top {width: 736px; height: 71px;}
#mainNav {float: left; width: 736px; height: 24px; padding: 5px 0;background-color: #fff;}
#footer {float: left; width: 736px; padding: 5px 0; color: #999; font-size: 90%;}

#containerList {width: 736px; margin: 20px; font-size: 70%;}

/* Page layout */
#main {float: left; width: 736px; background-color: #fff;}
#hpLeft {float: left; width: 551px; margin-right: 7px;}
#right {float: right; width: 178px;}
#content {float: left; width: 351px; padding-top: 10px; padding-bottom: 30px; padding-left: 7px; padding-right: 7px;}
#contentFull {float: left; width: 550px; padding-top: 10px; padding-bottom: 30px;}
#sideNav {float: left; width: 178px; margin-right: 8px}


/* Right Column styles */
.boxEnd {
 height: 8px;
 margin-top: -3px!important; margin-top: 0; 
 padding: 0; 
 border: 0;
}

/* Store Finder & box styles */
.box {
 width: 178px;
 color: #fff;
 margin-bottom: 10px!important; margin-bottom: 7px;
}
.box h1 {
 background: #2279AE;
 color: #fff;
 font-size: 100%;
 font-weight: bold;
 margin: 0;
 padding: 1px 0 7px 4px!important; padding: 0 0 4px 4px;
 border: 0;
 border-left: 1px solid #004671;
 border-right: 1px solid #004671;
}
.box p {
 float: left;
 width: 168px;
 padding: 12px 4px 20px 4px;
 margin: 0;
 color: #fff;
 background: #73AACC;
 border-left: 1px solid #004671;
 border-right: 1px solid #004671;
}
.box p.list {
 float: left;
 width: 168px;
 padding: 0px 4px 4px 4px;
 margin: 0;
 color: #fff;
 background: #73AACC;
 border-left: 1px solid #004671;
 border-right: 1px solid #004671;
}
.box a {
 color: #fff;
}
.box a:hover {
 color: #004671;
}

.boxForm {
 width: 168px;
 background: #73AACC;
 border-left: 1px solid #004671;
 border-right: 1px solid #004671;
 color: #fff;
 margin: 0;
 padding: 0px 4px 6px 4px;
}
.box .boxForm label {
 float: left;
 width: 75px;
 padding-top: 3px;
 margin-bottom: 3px;
}
.box .boxForm .fmField {
 float: left;
 width: 90px;
 margin-bottom: 3px;
}
.box .boxForm .fmFieldInput {
 width: 80px;
 height: 13px;
 border: 1px solid #fff;
 background: #73AACC;
 color: #fff;
 font-size: 90%;
}
.box .boxForm .fmSearch {
 width: 160px;
 margin-bottom: -4px;
 padding-top: 1px;
}
.box .boxForm .fmFieldSearch {
 width: 113px!important;  width: 110px;
 height: 13px;
 border: 1px solid #fff;
 background: #73AACC;
 color: #fff;
 font-size: 90%;
}
.box .boxForm .fmSubmit {
 width: 150px;
 text-align: right;
 padding-bottom: 7px;
}
.box .boxForm .fmButtonSubmit {
 border: 1px solid #fff;
 background: #73AACC;
 color: #fff;
 font-size: 90%;
}

/* News Box styles */
#newsHome {
 float: left;
 width: 178px;
 height: 218px;
 background-image:  url(../images/newsbox_bg.gif);
 background-repeat: no-repeat;
 color: #74a40c;
}
#newsHome h1 {
 color: #fff;
 font-size: 100%;
 font-weight: bold;
 margin: 6px 0 7px 4px!important; margin: 6px 0 4px 4px;
}
#newsHome #newsItems {
 margin: 0;
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 19px!important; padding-bottom: 2px;
}
#newsHome #newsItems ul {
 float: left;
 list-style: none;
 margin: 0 0 10px 0;
 padding: 0;
}
#newsHome #newsItems ul li {
 margin: 8px 0 0 0;
}
#newsHome #newsItems a {
 color: #74a40c;
}
#newsHome #newsItems a:hover {
 color: #8acf1c;
}
#newsHome #newsItems p {
 margin-top: 0;
}
/* Sub-page expanding newsbox */
#news {
 width: 178px;
 color: #74a40c;
 margin-bottom: 7px;
}
#news h1 {
 background: #2279AE;
 color: #fff;
 font-size: 100%;
 font-weight: bold;
 margin: 0;
 padding: 0 0 4px 4px;
 border: 0;
 width: 172px;
 border-left: 1px solid #004671;
 border-right: 1px solid #004671;
}
#news #newsItems {
 width: 172px;
 background: #F7F8CE;
 border-left: 1px solid #004671;
 border-right: 1px solid #004671;
 color: #fff;
 margin: 0;
 padding: 0 0 0 4px;
 padding-bottom: 19px!important; padding-bottom: 2px;
}

#news #newsItems ul {
 list-style: none;
 margin: 0;
 padding: 8px 0 0 0;
}
#news #newsItems ul li {
 margin: 0 0 10px 0;
}
#news #newsItems a {
 color: #74a40c;
}
#news #newsItems a:hover {
 color: #8acf1c;
}
#news #newsItems p {
 margin-top: 0;
}

/* Footer Styles */
#footer p {
 margin-top: 10px;
}


/* Navigation Definitions */

/* Main navigation */
#mainNav ul {
 float: left;
 list-style: none;
 padding: 0;
 margin: 0;
 width: 730px;
} 
#mainNav ul li {
 float: left;
 margin-right: 1px;
}
#mainNav ul li a {
 float: left;
 display: block;
 color: #004671;
 padding: 6px 8px;
 text-decoration: none;
}
#mainNav ul li a:hover {
 float: left;
 display: block;
 color: #8acf1c;
 padding: 6px 8px;
 text-decoration: none;
}



/* Controls on-state of Main navigation based on body ID definition */
#home #mainNav ul li.home,
#about #mainNav ul li.about,
#membership #mainNav ul li.membership,
#community #mainNav ul li.community,
#social #mainNav ul li.social,
#property #mainNav ul li.property,
#recruit #mainNav ul li.recruit, 
#media #mainNav ul li.media {
 float: left;
 background: url(../images/navbg_right.gif) no-repeat top right;
 margin-right: 1px;
}
#home #mainNav ul li.home a,
#about #mainNav ul li.about a ,
#membership #mainNav ul li.membership a,
#community #mainNav ul li.community a,
#social #mainNav ul li.social a,
#property #mainNav ul li.property a,
#recruit #mainNav ul li.recruit a, 
#media #mainNav ul li.media a {
 float: left;
 display: block;
 color: #004671;
 background: url(../images/navbg_left.gif) no-repeat top left;
 padding: 6px 8px;
 text-decoration: none;
}


/* Side navigation */
#sideNav ul {
 list-style: none;
 padding: 0;
 margin: 0;
 margin-bottom: 7px;
 font-size: 90%!important; font-size: 80%;
} 
#sideNav li { 
 background-color: #fff;
 padding: 9px;
 border-bottom: 1px solid #73AACC;
 border-left: 1px solid #73AACC;
 border-right: 1px solid #73AACC;
 text-align: right;
}
#sideNav li a {
 color: #004671;
 display: block;
 text-decoration: none;
}
#sideNav li a:hover {
 color: #8acf1c;
 display: block;
}
#sideNav li.on a:hover {
 color: #004671;
 display: block;
}
#sideNav li.first { 
 background: url(../images/snav_top.gif) no-repeat top left;
 background-color: inherit;
 border-left: 0;
 border-right: 0;
 border-bottom: 1px solid #73AACC;
 padding: 9px;
 text-align: right;
}
#sideNav li.last { 
 background: url(../images/snav_bot.gif) no-repeat bottom left;
 background-color: inherit;
 border-left: 0;
 border-right: 0;
 border-bottom: 0;
 padding: 9px;
 text-align: right;
}
#sideNav li.on {
 background-color: #B3E06B;
}

/* Footer navigation */
#footer ul.footer1 {
 list-style: none;
 float: left;
 width: 368px;
 height: 20px;
 padding: 0;
 margin: 0;
} 
#footer ul.footer2 {
 list-style: none;
 float: right;
 text-align: right;
 width: 368px;
 height: 20px;
 padding: 0;
 margin: 0;
} 
#footer ul.footer1 li {
 float: left; 
 padding: 0;
}
#footer ul.footer2 li {
 float: right; 
 padding: 0;
}

#footer p {
 clear: both;
}
#footer ul.footer1 a {
 color: #004671;
 margin-right: 24px;
 text-decoration: none;
}
#footer ul.footer2 a {
 color: #004671;
 margin-left: 24px;
 text-decoration: none;
}
#footer a:hover {
 color: #74a40c;
 text-decoration: none;
}




/* Forms */
FORM {
 padding: 0;
 margin: 0;
 border: 0;
}
.formRow {
 clear: both;
 margin-top: 0px;
 margin-bottom: 4px;
}
label {
 float: left;
 width: 130px;
 padding-top: 4px;
}
.fmField {
 width: 150px;
 font-size: 90%;
 color: #004671;
}
.fmFieldSml {
 width: 60px;
 font-size: 90%;
 color: #004671;
}
select {
 font-size: 90%;
 color: #004671;
}
select.fmField {
 width: 150px;
 font-size: 90%;
 color: #fff;
 background: #73AACC;

}
.fmButton {
 background: #9AD53A;
 color: #fff;
 font-weight: bold;
 border: 0;
}
.external {
        text-decoration: none;
        color: #004671;
        border-bottom: 2px dashed #cc3399;
}
.external:hover {
        text-decoration: none;
        color: #004671;
        border-bottom: 2px dashed #cc3399;
}
.fright {
 float: right;
 display: block;
}
.fleft {
 float: left;
 display: block;
 margin: 3px;
}
.fcenter {
 display: block;
 margin-right: auto;
 margin-left: auto;
}