
/* CSS Document */
/*************************************| Base Styles |*************************************/
/*body { height: 100%; } */
body
{
background-color:#5E799E;
text-align: center;
margin: 0px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#main
{
background-color:#FFFFFF;
text-align: center;
width: 1000px;
margin: 0px auto;
padding:0px;
height: 100%;
}
div#insidemain
{
background-color:inherit;
width: 994px;
margin: 0px auto;
padding:0px;
height: 100%;
}
a img
{
border: 0px;
}
div#title
{
width:994px;
height:75px;
margin: 0 auto;
padding: 0;
background:url(/includes/images/design/titlebg.png) repeat-x top left;
z-index: 3;
}
div#splash
{
width: 994px;
height: 150px;
margin: 0px;
padding: 0px;
padding-bottom:1px;
z-index:-1;
float:none;
}
div#splash.mini
{
height: 50px;
border-bottom: 1px solid #CDCDCD;
background:url(/includes/images/splash/makingtheconnection994.png) no-repeat top left;
}
div#footer
{
width: 994px;
margin: 0px auto;
font-size: 9px;
color: #9A9A9A;
padding-top: 40px;
}
td.PageBorderLeft {
   background:transparent url('/includes/images/design/border.png') top right repeat-y;
   width:3px;
   padding:0px;
   margin:0px;
}

td.PageBorderRight {
   background:transparent url('/includes/images/design/border.png') top left repeat-y;
   width:3px;
   padding:0px;
   margin:0px;
}

div#filler
{
    height:15px;
    width:100%;
    background-color:#5E799E;
}
div#headerborder
{
    margin:0;
    padding:0;
    width:1000px;
    height:28px;
    background-image:url(/includes/images/design/header_border.jpg);
}
div#footerborder
{
    padding:0px;
    margin:0px;
    width:1000px;
    height:28px;
    background-image:url(/includes/images/design/footer_border.jpg);
}
/*************************************| Navigation Buttons |*************************************/
div#nav /* large splash pages only */
{
background:url(/includes/images/design/navbg.png) repeat-x bottom left;
height: 75px;
width: 994px;
margin: 0 auto;
padding:0;
}

div#nav_setcontainer
{
    float:right;
    padding:0px;
    margin:px;
    height:75px;
}

ul#nav_set /* large splash pages only */
{
list-style: none;
display: block;
margin:0;
padding:0;
z-index:3;
margin-top:40px; 
margin-left:729px; 
height:75px;
}
ul#nav_set li /* large splash pages only */
{
    float:left;
    z-index:3;
}

div#titlelogo
{
    width:280px;
    float:left;
    padding:0px;
    margin:0px;
    height:75px;
}

div#titlenav
{
    width:710px;
    float:right;
    padding:0px;
    margin:0px;
    height:75px;
}

ul#titlenav_set
{
list-style: none;
display: block;
margin:0;
padding:0;
z-index:3;
margin-top:40px;  
height:75px;
}

ul#titlenav_set li {
   float:left;
   z-index:3;
}

div.menu
{
text-align: left;
}
div#menuMyAccount { width: 114px; z-index:3; }
div#menuJoining	{ width: 77px; }
div#menuAssociate	{ width: 169px; }
div#menuRetail		{ width: 139px; }
div#menuMembers		{ width: 95px; }
div#menuAboutUs	{ width: 91px; }
div#title div#menuMembers	{ width: 97px; }
div#title div#menuAboutUs	{ width: 92px; }
div#optionsMyAccount	{ width: 211px; margin-left: -98px; border-left: 1px solid #CDCDCD; }
div#optionsJoining	{ width: 120px; border-left: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD; }
div#optionsAssociate	{ width: 210px; margin-left: -1px; border-left: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD;}
div#optionsRetail		{ width: 210px; margin-left: -72px; border-left: 1px solid #CDCDCD; }
div#title div#optionsRetail		{ width: 210px; margin-left: -1px; border-left: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD; }
div#optionsMembers		{ width: 210px; margin-left: -116px; border-left: 1px solid #CDCDCD; }
div#title div#optionsMembers		{ width: 211px; margin-left: -1px; border-left: 1px solid #CDCDCD; }
div#optionsAboutUs	{ width: 149px; margin-left: -1px; border-left: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD;}
div.options
{
background: #f7f7f7;
border-bottom: 1px solid #CDCDCD;
text-align: left;
padding: 0px;
font-size: 12px;
color: #707070;
position:absolute;
z-index:3;
}
div.options p, div.options table
{
padding: 2px 10px;
margin: 0px;
display: block;
z-index:3;
}
div.options a, div.options a:link, div.options a:visited
{
display: block;
text-decoration:none;
color: #5B5B5B;
font-size:12px;
padding: 2px 10px;
z-index:3;
}
div.options a:hover, div.options a:active
{
color: #5B5B5B;
background-color: #EBEBEB;
z-index:3;
}
div.options a.level2, div.options a.level2:link, div.options a.level2:visited
{
display: block;
text-decoration:none;
color: #5B5B5B;
font-size:12px;
padding: 2px 10px 2px 20px;
z-index:3;
}
div#title input[type=text], div#title input[type=password], div.options input[type=text], div.options input[type=password]
{
width: 120px;
border: 1px solid #999;
font-size: 11px;
padding: 2px;
}
div.minibox
{
width: 354px;
height: 204px;
margin: 8px 18px;
padding-top: 1px;
padding-bottom: 1px;
}
div.miniboxhalf
{
width: 354px;
height: 68px;
margin: 8px 18px;
padding: 1px 10px 1px 20px;
background: url(/includes/images/splash/minihalf.png) no-repeat top left;
}
/*************************************| Page Content |*************************************/
div#content
{
width: 994px;
margin: 0px;
min-height: 100%;
text-align:left;
padding:0px;
font-size: 12px;
color:#555555;
float:left;
}
div#content h2
{
font-weight: normal;
font-family: Verdana, Helvetica, sans-serif;
letter-spacing:0px;
margin:5px 0px;
font-size:22px;
color:#336699;
}
div#content h3
{
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color: #333;
}
div#content h4
{
padding: inherit;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 1px 0px;
}
div#content h5
{
padding: inherit;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 1px 0px;
font-style: normal;
font-weight: normal;
}
div#content p
{
font-size: inherit;
color: inherit;
margin: 1px 0px 8px 0px;
padding: inherit;
}
a, a:link, a:visited
{
text-decoration:underline;
color: #3366FF;
cursor: pointer;
}
a:hover, a:active
{
color: #336699;
cursor: pointer;
}

/*************************************| Table Styles |*************************************/
div#content th
{
font-weight: bold;
font-size:13px;
color: #333;
text-align: left;
border-bottom: 1px solid #336699;
}
div#content td
{

}
div#content td.left
{
color: #999999;
}

/*************************************| Special stuff |*************************************/
#content a.pdf	{ background: url(/includes/images/icons/pdf-small.gif) center right no-repeat transparent; padding-right: 19px; padding-top: 2px;}
#content a.pdf2	{ background: url(/includes/images/icons/pdf-small.gif) center left no-repeat transparent; padding-left: 19px; padding-top:2px;}

#content a.external { background: url(/includes/images/external.png) center right no-repeat; padding-right: 13px; }

#content .helpbox { background: #EFEFEF; color: #000000; padding: 2px; font-weight: normal; font-size: 11px; border: 1px solid #BED5ED; }

.hidden
{
	display: none;
}
.clear
{
	clear: both;
}

.columns 
{
	float: left;
}

.grid 
{
	width:100%;
}