@charset "UTF-8";
/* CSS Document */


/*----------------------------Content CSS-------------------------------*/
body {background: #e6f4fa url(/ftproot/images/ContentBanner.gif) repeat-x !important; padding: 0 !important; text-align: center !important; margin: 0 !important;}

#BannerPixContent {}

td {vertical-align: top}

h1 {font: Bold 24px "Trebuchet MS"; color : #2663d3; margin: 0 0 24px 0}
h2 {font: Normal 18px "Trebuchet MS"; color : #2663d3; margin: 0 0 18px 0}
h3 {font: Bold 14px arial; color : #555; margin: 0 0 14px 0}
h4 {font: Bold 12px arial; color : #888; margin: 0 0 14px 0}

u {color: #2663d3}

a p:hover {color: #2663d3}

a {color: #2663d3}

a:hover {text-decoration: underline; color: #2663d3}

a p {color: #777}

 ul
{
list-style-type: none;
padding: 0;
margin: 0 0 20px 0!important;
}

li
{
background: url(/ftproot/images/bullet.gif) no-repeat 0 .4em;
padding: 0 0 10px 35px !important;
}

.FooterText {padding: 20px 0 40px 0}

.FooterText a {font: Normal 12px Arial; color: #2663d3}

.FooterText a:hover {color: #777; text-decoration: underline !important}


p {font: Normal 13px Arial; color : #888; margin: 0 0 24px 0; line-height: 150%}

td, div {font: Normal 13px Arial; color : #888; line-height: 150%}

#docAlign {

     position: relative;
     margin: 0 auto;
     width: 930px;;
     text-align: left;}


#HomePageBanner {height: 120px; width: auto; text-align: right}

#HomePageBanner p {font: Normal 30px "Trebuchet MS"; color: white; padding-top: 20px}

#HomePageBanner img {position:absolute; top:288px; z-index:1; margin-left: -130px}

#MainButton {background: transparent url(/ftproot/images/LeftButtonTop.gif) no-repeat; width: 303px; padding: 0; height: 80px; margin-bottom: 10px !important}

#MainButtonTD {background: transparent url(/ftproot/images/LeftButtonBottom.gif) no-repeat bottom left;  margin: 0; padding: 15px; font: Normal 18px "Trebuchet MS"; color: white}

#MainButtonTD a {font: Normal 12px Arial; color: #2663d3; display:block; padding: 10px 0}

#MainButtonTD a:hover {font: Normal 12px Arial; color: white;}

#EditorialMain {background: transparent url(/ftproot/images/EditoralMainTop.gif) no-repeat; width: 598px; padding: 0; height: 200px; margin-bottom: 10px !important}

#EditorialMainTD {background: transparent url(/ftproot/images/EditoralMainBottom.gif) no-repeat bottom left;  margin: 0; padding: 25px;}

.inputfield {width: 400px !important}

#MenuTable td {vertical-align: bottom;}

#MenuTable {background: black url(/ftproot/images/MenuBG.gif) repeat-x; margin: 0; width:930px}

#MenuContainer {background: black url(/ftproot/images/MenuBG.gif); width: 100%}

#FormSection {margin-bottom: 30px; width: 540px}

#FormSection h2 {width: auto; font: normal 13px arial; color: #3366cc; margin: 0 0 10px 20px; padding: 0; background: url(/ftproot/images/LineDotted.gif) center left repeat-x;}

#FormSection h2 span {background-color: white}

#FieldSetTopRow {height: 48px
}

#FieldSetTopRow h3 {margin: 5px 0 0 15px; font: Normal 30px "Trebuchet MS"; color: white;
}

#FieldSetBottomRow {background: url(/ftproot/images/FieldSetBottom.jpg) no-repeat bottom left; width:542px; height: 40px}

#FieldSet {background: url(/ftproot/images/FieldSetTop.jpg) no-repeat;}

#FieldSet td {vertical-align: top}

legend {background-color: white; display:block; float:left; margin:0}

#MoreInfo {background: url(/ftproot/images/MoreInfoTop.gif) no-repeat; width:227px; padding: 0 20px 0 0}

#MoreInfo div {background: url(/ftproot/images/MoreInfoBottom.gif) no-repeat bottom left; height: 100% }

#MoreInfo p {width:170px; font: normal 11px arial; padding: 18px 0px 15px 45px; margin: 0; color: #3366cc}

#FieldArea {padding: 0 15px 0 40px !important; }

#FieldArea input, #FieldArea select, #FieldArea textarea {font: normal 12px arial; color: #777; margin: 5px 0 20px 0; width: 220px}

#FieldArea strong {color:#3367CD}

#FieldArea label {margin: 0 0 5px 0; padding: 0; font: Normal 13px Arial; color: #444}

#OptIn {font: normal 11px arial; color: #555; float: left; width: 170px; margin-left: 30px; display:block}

#FormButton {float: right}

input#Newsletter {margin: 0 10px 20 0; float: left}

div.four {height: 135px !important;}
div.three {height: 130px !important;}
div.two {height: 310px !important; }
div.one {height: 170px !important; }