/* gostrings.com css 110 */

body {
margin: 0;
padding: 0;
background: #fff;
}

body,
input,
select,
textarea,
button,
td,
th {
font-family: Helvetica,Arial,sans-serif;
}

h1 {
color: #336666;
font-size: 18px;
font-family: serif;
}

button,
input[type="button"],
input[type="submit"] {
height: 24px;
padding: 0 10px;
border: 1px solid #c0c0c0;
border-radius: 4px;
vertical-align: middle;
font-size: 14px;
line-height: 23px;
}

.clear {
clear: both;
}

.content-title {
color: #336666;
font-size: 18px;
font-family: serif;
}

.options {
margin: 10px 0;
}

.form-item {
margin: 5px 0;
}

.form-item-label {
font-weight: 600;
}

/* ............................................ */

/*
#site-container {}
*/

#site-body {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}

#site-content-area {
width: 67%;
}

#site-content-area > .liner {
width: 700px;
padding: 0 20px;
}

#site-nav-area {
display: flex;
justify-content: right;
width: 33%;
background: #356666;
}

#site-nav-area > .liner {
width: 320px;
}

/* ............................................ */

/*
.glossymenu{}
.glossymenu a {}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {}
.glossymenu a.menuitem:hover{}
.glossymenu div.submenu ul li{}
*/
.glossymenu div.submenu {/*DIV that contains each sub menu*/}

.glossymenu a.menuitem {
display: block;
position: relative; /* To help in the anchoring of the ".statusicon" icon image */
width: auto;
text-decoration: none;
color:#004BE4;
font-weight: normal;
padding: 2px 3px 3px 10px;
font: bold 14px Arial, sans-serif !important; 
background-color: #fffaa9;
margin: 5px 9px 5px 9px;
} 

.glossymenu a:hover {
text-decoration: underline;
}

/* CSS for icon image that gets dynamically added to headers */
.glossymenu a.menuitem .statusicon {
position: absolute;
top: 5px;
right: 5px;
}

/* UL of each sub menu */
.glossymenu div.submenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li a {
display: block;
color: white;
padding-left: 15px;
text-decoration: none;
}

.glossymenu div.submenu ul li a:hover {
text-decoration: underline;
}

/* .......... HEADER .......... */

/*
#site-header {}
*/

#header-search {
float: left;
margin: 10px 0;
padding: 0;
}

/*#home-header-width {
width: 561px;
}*/

/* YS SUPERBAR */

/*#c4-reg {
padding: 0 0 0 10px;
height: 25px;
}
#c4-reg a {
color: #fff!important;
font-weight: bold!important;
text-decoration: none!important;
}*/

#superbar {
height: 30px;
}

#ys_superbar {
width: auto !important;
height: 30px !important;
}

#ys_superbar,
.smb-mc .mini_msg {
color: #2F4F4F !important;
font-weight: normal !important;
line-height: 30px !important;
}

#yfc_show_mini {
font-size: 14px;
}

#ys_cpers {
float: left;
width: calc(100% - 330px);
font-size: 13px;
}

.yui-skin-sam .yui-panel .bd {
padding: 10px 0!important;
}

/* .......... FOOTER .......... */

#site-footer {
margin: 30px 0 0;
border-top: 1px solid #d0d0d0;
text-align: center;
font-size: 13px;
}

#footer-links {
margin: 15px 0;
}

#copyright {
margin: 15px 0;
}

/* ............................................ */

.lpPoweredBy, 
.lpEmtStarRating {
display:none;
}

#ln-pad {
padding-top: 20px;
}

#livechat {
float: right;
}

/* .......... / .......... */
