/* -------------------------------------------------
div#middle-wrapper
------------------------------------------------- */

/* -------------------------
div#middle-colOne
------------------------- */

div#middle-colOne
{
width: 496px;
}

/* ----- div#toolBoxOne ----- */

div#toolBoxOne
{
width: 434px;
padding: 21px 31px 30px 31px;
}

/* -------------------------
div#middle-colTwo
------------------------- */

div#middle-colTwo
{
width: 494px;
}

/* -------------------------
div#HomeBanner
------------------------- */

div#HomeBanner
{
	/*4/2/2020: REMOVED BY MHJ FOR MP4 IMPLEMENTATION
	width: 474px;
	height: 315px;
	padding: 11px 0 10px 9px;
	*/
}

div#HomeBanner img,
div#HomeBanner object,
div#HomeBanner video
{
display: block;
border: none;
}

div#HomeBanner video:focus {outline:0;}

/* -------------------------
div#homeComponents
------------------------- */

/* -------------------------
div#homeComps-colOne
------------------------- */

div#homeComps-colOne
{
float: left;
display: inline;
width: 247px;
}

* html div#homeComps-colOne
{
overflow: hidden;
}

/* -------------------------
div#toolBoxTwo
------------------------- */

h3#toolBoxTwo-title a:active,
h3#toolBoxTwo-title a:link,
h3#toolBoxTwo-title a:visited,
h3#toolBoxTwo-title a:focus,
h3#toolBoxTwo-title a:hover
{
display: block;
width: 227px;
height: 30px;
padding: 21px 10px 10px 10px;
line-height: 30px;
text-decoration: none;
text-align: center;
font-size: 182%;
color: #FFF;
overflow: hidden;
}

h3#toolBoxTwo-title a:focus,
h3#toolBoxTwo-title a:hover
{
background-position: -247px 0;
}

div#toolBoxTwo-content
{
width: 207px;
padding: 26px 20px 21px 20px;
background-color: #bbbbb9;
overflow: hidden;
}

div#toolBoxTwo-content a
{
padding: 0;
background: none;
}

div#toolBoxTwo-content a img
{
display: block;
border: 2px solid #FFF;
margin: 0 auto;
}

h4#toolBoxTwo-subTitle a:active,
h4#toolBoxTwo-subTitle a:link,
h4#toolBoxTwo-subTitle a:visited,
h4#toolBoxTwo-subTitle a:focus,
h4#toolBoxTwo-subTitle a:hover
{
display: block;
width: 247px;
height: 33px;
line-height: 33px;
text-decoration: none;
text-align: center;
font-size: 138.5%;
color: #FFF;
overflow: hidden;
}

h4#toolBoxTwo-subTitle a:focus,
h4#toolBoxTwo-subTitle a:hover
{
background-position: -247px 0;
}

/* ------- div#memberBox --------- */
/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Members box ALTER

INSTRUCTIONS:
Make changes to the following:
1. if site has member area, default display to block - othewise, change block to none
-------------------------------------------------------------------------------------------- */
div#memberBox
{
display: block;
width: 207px;
height: 247px;
padding: 22px 20px 0 20px;
}
/* END ALTER - Member Box */

h3#memberBox-title
{
width: 207px;
height: 30px;
padding: 0 0 20px 0;
text-align: center;
font-size: 182%;
color: #FFF;
}

div.memberBox-login-info
{
height: 60px;
}

div.memberBox-label 
{
height: 21px;
line-height: 21px;
text-transform: uppercase;
}

span.label
{
float: left;
color: #FFF;
}

a.memberBox-forgot:active,
a.memberBox-forgot:link,
a.memberBox-forgot:visited,
a.memberBox-forgot:focus,
a.memberBox-forgot:hover
{
float: right;
text-decoration: none;
color: #000;
overflow: hidden;
}

a.memberBox-forgot:focus,
a.memberBox-forgot:hover
{
color: #FFF;
}

input.memberBox-textBox
{
float: left;
display: inline;
width: 199px;
height: 18px;
padding: 3px;
border: 1px solid #FFF;
font-size: 14px;
color: #E62077;
background-color: #FFF;
}

input.memberBox-textBox:focus
{
border: 1px solid #FFF;
color: #E62077;
background-color: #FCD9E7;
}

div#memberBox-buttons-register
{
height: 21px;
line-height: 21px;
}

div#memberBox-buttons-register span
{
float: left;
color: #000;
}

div#memberBox-buttons-register a:active,
div#memberBox-buttons-register a:link,
div#memberBox-buttons-register a:visited,
div#memberBox-buttons-register a:focus,
div#memberBox-buttons-register a:hover
{
float: right;
text-decoration: none;
text-transform: uppercase;
color: #FFF;
}

div#memberBox-buttons-register a:focus,
div#memberBox-buttons-register a:hover
{
color: #000;
}

button#memberBox-enter
{
display: block;
width: 207px;
height: 26px;
padding: 0;
border: 0;
margin: 0;
text-decoration: none;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
}

button#memberBox-enter:focus,
button#memberBox-enter:hover
{
background-position: 0 -26px;
}

/* -------------------------
div#homeComps-colTwo
------------------------- */

div#homeComps-colTwo
{
float: left;
display: inline;
width: 247px;
}

* html div#homeComps-colTwo
{
overflow: hidden;
}