@charset "UTF-8";
/* CSS Document */

body {
    background: #FFFFFF;
    background-image: url(/_img/landing/backmain.jpg);
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #296392;
    font-size: 12px;
}

#wrapper {
    width: 980px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 10px;
    overflow: hidden;
}

h1 {
    margin: 20px 0 30px 0;
    text-align: center;
    font-size: 14pt;
    color: #C55F00;
}

h2 {
    margin: 20px 0 10px 0;
    text-align: center;
    font-size: 12pt;
    color: #C55F00;
}

h3 {
    margin: 20px 0 0 0px;
    font-size: 11pt;
}

.header {
    background-repeat: no-repeat;
    height: 114px;
}

.bodybold {
    font-weight: bold;
}

.bodysmall {
    font-size: 8pt;
    line-height: 8pt;
}

a.text:link 	        {color: #155D96; font-weight: bold; text-decoration: underline;}
a.text:visited		{color: #155D96; font-weight: bold; text-decoration: underline;}
a.text:hover 		{color: #FF6600; font-weight: bold; text-decoration: underline;}
a.text:active		{color: #FF6600; font-weight: bold; text-decoration: underline;}

a.type:link 		{color: #296392; font-weight: normal; text-decoration: none;}
a.type:visited		{color: #296392; font-weight: normal; text-decoration: none;}
a.type:hover 		{color: #4785d4; font-weight: normal; text-decoration: none;}
a.type:active		{color: #4785d4; font-weight: normal; text-decoration: none;}

a.footer:link 		{color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.footer:visited 	{color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.footer:hover		{color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.footer:active 	{color: #FFFFFF; font-weight: bold; text-decoration: none;}
	
table {
	border: 0px;
	border-collapse: collapse;
	padding: 0px;
}
td {
	border: 0px;
	border-collapse: collapse;
	padding: 0px;
}

.space {
	width: 10px;
	background-color: #FFFFFF;
}


img {
    border: none
}

	.introBig {
	        padding: 10px 0 10px 0;
	        font-size: 18px;
	        color: #296392; 
		font-weight: bold;
	}
	.intro {
	        font-size: 12px;
	        color: #296392; 
		font-weight: normal;
	}
	.introImg {
	        padding: 3px;
		text-align: center;
	}
	.select {
	        padding: 30px 0 10px 0;
		text-align: center;
	        font-size: 18px;
	        color: #296392; 
		font-weight: normal;
	}
	.help {
	        margin: 10px 0 0 0;
		}
	.liveHelp {
	        margin: 20px 0 30px 0;
		width: 800px;
	        font-size: 12px;
		text-align: left;
	        color: #296392; 
		font-weight: normal;
	}
	.help img {
	        margin: 0 10px;
	        float: left;
	}

.button {
    padding: 2px;
    background-color: #E46E00; 
    border-color: #E46E00;
    font-size: 12pt; 
    font-weight: bold; 
    color: #FFFFFF;
}

	.options {
	        margin: 10px 0 20px 0;
		padding: 10px 0 0 0;
	        width: 500px;
	        height: 140px;
	        background: url(/_img/signup/selectbox.jpg);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.option {
	        margin: 5px 0 10px 10px;
		font-size: 14px;
                color: #296392;
                font-weight: normal;
	}
	.optionDesc {
	        margin: 5px 20px;
		font-size: 12px;
                color: #296392;
                font-weight: normal;
	}
	.desc {
	        font-family: arial, helvetica, sans-serif;
                font-size: 10px;
	}



/* Orange button styles */

.btnOrange {
      display:inline-block;
      background:none;
      margin: 0;
      padding: 5px 0; /* Space over and under text */
      border-width: 0;
      overflow: visible;
      color: #880000;
      text-decoration: none;
      font: 130%/1.3 Verdana,Sans-serif;
      font-weight: bold;
      }
* html button.btnOrange {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btnOrange {
      margin:0 -3px;
      }
.btnOrange span {
      background:#fff url(/_img/index/button_small_orange_i.png) repeat-x 0 0;
      margin:0;
      padding:5px 0; /* Space over and under text */
      border-left:1px solid #ffcd94;
      border-right:1px solid #dc7500;
      }
* html .btnOrange span {
      padding-top:0;
      }
.btnOrange span span {
      position:relative;
      padding:5px 1em; /* Space over and under text */
      border-width:0;
      border-top:1px solid #ffcd94;
      border-bottom:1px solid #dc7500;
      }
    
/* only needed if implementing separate hover/focus/active state for buttons */
.btnOrange:hover span, .btnOrange:hover span span, .btnOrange:focus span, .btnOrange:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      background:#fff url(/_img/index/button_small_orange_a.png) repeat-x 0 0;
      border-color:#dc7500 #975100 #975100 #dc7500!important;
      color: #e8f5ff;
      }
.btnOrange:active span {
      background-position:0 -400px;
      outline:none;
      }
.btnOrange:focus, .btnOrange:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }


.buttonBig {
        font-size: 11pt;
}

a.buttonBig {
	text-decoration: none;
}




#footerWrapper {
    width: 100%;
    height: 20px;
    background-color: #155D96;
    color: #FFFFFF;
}

.footer {
    width: 980px;
    height: 20px;
}

.menufooter td {
    width: 25%;
    vertical-align: middle;
}

.menufooter {
    text-align: center;
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: normal; 
    word-spacing: normal; 
    line-height: 10pt;
    font-weight: bold;
}

A:hover.menufooter {
    color:#ff8800;
}


.credit {
    margin: 5px 0 10px 0;
    text-align: center;
    font-weight: bold;
    font-size: 7pt;
    color: #aaaaaa;
    text-decoration: none;
    letter-spacing: normal; 
    word-spacing: normal; 
    line-height: 8pt;
}
