/* CSS Document */

hr, /*p*/ {margin: 0; padding: 0;}

html > body hr, /*p*/ {margin: 3px 0 3px 0; padding: 3px 0 3px 0;}

html, body, /*ul,*/ li, h1 {margin: 0; padding: 0; border: 0;}

body {
	color: #000; 
	/* margin: 0 30px;			  */
	background: #00199A;
	font-size: 100.01%;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
}

#wrapper {
	width: 50em/*770px*/;
	/*margin: 0 auto;*/
	margin-left: auto;
	margin-right: auto;
	/* margin-top: 20px; */
	border: 1px solid #666;
	background: #fff;
	text-align: left;
}

#header {
	height: 100px;
	/* background: url(images/sdf_logo.gif) top left no-repeat; */
}

#contents {
margin-top: 0.5em;
margin-left: 13em;
margin-right: 15px;
}

.spaceSize {
background-color: #0099CC;
}

.bckgrad {
background: #00189b url(images/bluBck.jpg) repeat-y 50% 0;
}

/********************************************************************
 *************************   menu coding  ***************************
 ********************************************************************/
#menubar {
float: left;
margin-top: 0.5em; 
}

#menubar img {
margin-left: 16px;
border: 0 none;
}


#menu {
margin-left: 16px;
width: 11em;
}

#menu img{
border: none;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: 11px/16px arial, helvetica, sans-serif;
display: block;
border-bottom: 1px solid #9a97a8;
border-right: 1px solid #9a97a8;
border-left: 1px solid #9a97a8;
margin: 0;
padding: 4px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
text-decoration: none;
font-weight: normal;
padding-left: 20px;
background: #d6dbf8/*#CFE3FF*/ url(images/arrow_purp.gif) 5px no-repeat;
}

#menu a:hover {
color: #000;
background: #B3CDEF/*7fa2d4transparent*/ url(images/arrow_bullet.gif) 7px no-repeat;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*********************************************************************
  ********************  FLOATS / positioning  ************************
  *******************************************************************/

.floatLogo {
width: 78px;
float: left;
}

.floatRight {
float: right;
}

.floatRightPL{
float: right;
padding-left: 20px;
}

.floatRightBen {
margin-right: 10px;
float: right;
}

.floatRightTrade {
margin-right: 30px;
float: right;

}

.floatLeft {
float: left;
}

.floatLeftPic {
padding-right: 20px;
float: left;
}

.floatRightBadge {
float: right;
width: 17px;
margin-right: -3px;
}

html > body .floatRightBadge {
float: right;
width: 17px;
margin-right: 10px;
}

.center {
text-align: center;
}


/*********************************************************************
  **********************  TEXT STYLING  ******************************
  *******************************************************************/
  
#contents h1 {
font: 130% Arial, Helvetica, sans-serif;
color: #00209f;
}

#contents h2 {
font: 100% Arial, Helvetica, sans-serif;
color: #576CC0;
}

#contents p, ul, ol {
font: 80% Arial, Helvetica, sans-serif;
line-height: 1.5em;
/* color: #000; */
}

#contents td, th {
font: 80% Arial, Helvetica, sans-serif;
border: 1px solid #CCCCCC;
}

.bigger {
font: 100% Arial, Helvetica, sans-serif;
}

#alpha {
list-style-type: lower-alpha;
}

.alpha {
list-style-type: lower-alpha;
}

#header .title {
padding-top: 12px;
margin-left: 4.5em;
color: #00209f;
font-size: 110%
}

#header .titleNew {
float: left;
padding-top: 12px;
/* margin-left: 4.5em; */
color: #00209f;
font-size: 110%
}


#header h1 {
font-size: 100%
}

#header h1 span {
font-size: 120%;
}


.boldTitle {
font-weight: bold;
font-size: 110%
}

.bold {
font-weight: bold;
}

.underline {
text-decoration: underline;
}

.italic {
font-style: italic;
}

.stress {
font-weight: bold;
font-style: italic;
}

.bold_underline {
text-decoration:underline;
font-weight: bold;
}


.navCats {
font-size: 80%;
color: #fff;
}

.contentBold {
font: 130% Arial, Helvetica, sans-serif;
color: #00209f;
font-weight: bold;
}

.contentBoldLight {
color: #576CC0;
font-weight: bold;
}

.contentBoldSpike {
color: #ee5d30;
font-weight: bold;
}

.contentBoldLightBig {
font: 130% Arial, Helvetica, sans-serif;
color: #576CC0;
font-weight: bold;
}

.contentBoldSm {
font: 110% Arial, Helvetica, sans-serif;
color: #00209f;
font-weight: bold;
}
hr {
border: none 0;
border-top: 1px dashed #ccc;
border-bottom: none 0;
height: 1px;
}

.clearRight {
clear: right;
}

.border {
border: 1px solid #95A7EF;
margin-bottom: 5px;
margin-top: 20px;
margin-left: 5px;
}

html > body .border {
border: 1px solid #95A7EF;
margin-bottom: 5px;
margin-top: 5px;
margin-left: 5px;
}

#contents ol.app {
font: 90% Arial, Helvetica, sans-serif;
color: #2a358c;
}

#contents ul.app {
font: 80% Arial, Helvetica, sans-serif;
color: #2a358c;
}

#contents ol.ben {
font: 80% Arial, Helvetica, sans-serif;
color: #000;
margin-top: 0;
}

#contents ul.ben {
font: 80% Arial, Helvetica, sans-serif;
color: #000;
margin-top: 0;
}

.warning {
background: #EFF1FF url(images/warn.gif) top right no-repeat;
padding: 10px;
padding-right: 80px;
margin: 10px
}

.spikeInfo {
background: #EFF1FF url(images/info.gif) top right no-repeat;
padding: 10px;
padding-right: 80px;
margin: 10px
}

#spikeAd {
background: #fff url(images/Spike_Logo.jpg) top right no-repeat;
padding: 10px 80px 10px 0px;
}

#spikeAd a:link {
text-decoration: none;
color:#ee5d30;
}

#spikeAd a:visited { 
color: #ee5d30;
text-decoration: none;
}   

#spikeAd a:hover, #spikeAd a:active
{
color: #a33e1e;
text-decoration: none;
/* background-color: #1F1F1F; */
	}
	
.littleGap {
margin-top:5px;
margin-bottom: 5px;
}

/*********************************************************************
  **********************  LINK STYLING  ******************************
  *******************************************************************/
#cont a:link{
text-decoration: none;
color:#333333;
}

#cont a:visited { 
color: #000;
text-decoration: none;
}   /* #004D79 */

	

#cont a:hover, #cont a:active
{
color: #b80808;
text-decoration: none;
/* background-color: #1F1F1F; */
	}
	
.noBorder {
border: none;
text-decoration: none;
}


/* CSS for the box starts here
================================================*/
/* Default styling. Used when JavaScript is unsupported */

.cbb {
	padding:0 10px;
	margin:1em 0; 
	background:#2d41af;
	/* border:1px solid #666; */
	
	}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

/* Two of the boxes are floated just for this demo. Adjust to your needs. */
.cb {
	/* margin:0.5em 0; */
	}
.two {
	width:45%;
	float:left;
	}
.three {
	width:45%;
	float:right;
	}
/* Rules for the top corners and border */
.bt {
	font-size: 1px; line-height: 1px;
	background:url(box_blue1.gif) no-repeat 100% 0;
	margin:0 0 0 6px;
	height:8px;
	}
.bt div {
	height:8px;
	width:6px;
	position:relative;
	left:-6px;
	background:url(box_blue1.gif) no-repeat 0 0;
	}
	


/* Rules for the bottom corners and border */
.bb {
	font-size: 1px; line-height: 1px;
	background:url(box_blue1.gif) no-repeat 100% 100%;
	margin:0 0 0 6px;
	height:8px;
	}
.bb div {
	height:8px;
	width:6px;
	position:relative;
	left:-6px;
	background:url(box_blue1.gif) no-repeat 0 100%;
	}

/* Insert the left border */
.i1 {
	padding:0 0 0 6px;
	background:url(borders_blue1.gif) repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding:0 6px 0 0;
	background:url(borders_blue1.gif) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#2d41af; /* url(images/membership_badge.gif) top right no-repeat; */
	/* border:1px solid #fff;
	border-width:1px 0;*/
	padding:0 10px;
	}
/* CSS for the box ends here */

/* You can use different borders for different boxes on the same page. Just adjust the CSS. The following is an example that uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */
.three .i1,
.three .i2 {
	background-image:url(borders_blue1.gif);
	}
.three .bt,
.three .bt div,
.three .bb,
.three .bb div {
	background-image:url(box_blue1.gif);
	}

/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
	margin:0 -10px;
	/* padding:0.3em 10px; */
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
	
	
/* =========================== clear floats ============================== */
	
	.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
	
}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */
	/* applies to ie < 7 */
	* html .clearfix {height: 1px;}
	/* End hide from IE<7 */

	.clearfixR:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: right; 
    visibility: hidden;
		
}
	.clearfixR {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfixR {display:block;}
	/* End hide from IE Mac */
	/* applies to ie < 7 */
	* html .clearfixR {height: 1px;}
	/* End hide from IE<7 */


/* =============================== font styling ======================= */

.whobox {
margin-left: auto;
margin-right: auto;
/*background-color: #DCE3E9;*/
border: dotted 1px #999999;
width: 19em;
text-align: left;
padding: 0;
}

.whopad {
margin-left: 120px;
padding: 0  0 4px 10px;
}

.whoNorm {
margin-left: 140px;
font: 80% Arial, Helvetica, sans-serif;
font-weight: bold;

}

/* ============================== form styling =========================== */

label {
color: #00209f;
font-weight: bold;
}

.formbck {
padding-left: 145px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #EFF1FF;
}

.addbck {
padding-left: 145px;
padding-top: 5px;
padding-bottom: 5px;
}

.weebck {
padding-left: 80px;
padding-top: 5px;
padding-bottom: 5px;
}

.weebck b {
color: #00209f;
}

/*  ============================== trade members text ============================ */

.tradememtxt {
margin-left: 30px;
width: 50%;
}

/* ============= PON styles ==========================*/

.ponlinks {
padding-left: 115px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 1.5em;
}

.pontab {
padding-left: 50px;
padding-right: 50px;
padding-top: 5px;
padding-bottom: 5px;
}

/* ======================== regional ====================== */

.regAss {
margin-left: 160px;
}

.addHolder {
padding: 10px 10px 10px 30px;
margin-left: 20px;
margin-right: 40px;
background-color: #f3f4fb;
/* float: left; */
}

.addHolderBlank {
padding: 0px 10px 0px 30px;
margin-left: 20px;
margin-right: 40px;

}

.addHoldera {
padding: 10px 10px 10px 30px;
margin-left: 20px;
margin-right: 40px;
background-color: #fbfbfc;
/* float: left; */
}



/*  ============================== newsletter link styles ============================ */


#newscont {
	width: 25em/*770px*/;
	/*margin: 0 auto;*/
	margin-left: auto;
	margin-right: auto;
}


#newslist li
{
display: inline;
/* for IE5 and IE6 */
}

#newslist
{
width: 100%;
/* to display the list horizontaly */
font-family: sans-serif;
 margin: 10px 0 10px 0; 
padding: 10px;
/*margin-bottom: 10px;*/
/*border-top: 1px #000 solid;
border-left: 1px #000 solid;
border-right: 1px #000 solid;*/
}

#newslist a
{
width: 99.99%;
margin-bottom: 10px;
margin-top: 10px;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #EFF1FF;
letter-spacing: 0.2em;
text-align: center;
text-decoration: none;
color: #000;
}

#newslist a:hover { background-color: #e1e3f2; }
#newslist a:visited { color: #000; }


/* =============================== map styling ====================================== */

  #map{
   border: 1px solid #00199A;
   width: 540px;
   height: 316px;
   text-align: center;
   margin: 0 auto;

   }
   
/* ============================== table styling =====================================*/

caption {
text-align: left;
font: 110% Arial, Helvetica, sans-serif;
color: #00209f;
font-weight: bold;
}

table {
border: 0;
border: none;
}

th {
background-color: #D1DEEF;
font-weight: bold;
}

.refColor {
background-color: #EFF6FF;
}