/* FOR BASE */
h1 { font-size: 20px; line-height: 36px; margin-bottom: 18px; }
h2 { font-size: 16px; line-height: 18px; margin-bottom: 5px; }
h3 { font-size: 1em; line-height: 18px; }
h4 { font-size: 10px; line-height: 18px; }

/* LAYOUT */
body { background: #ffffff url(../images/bg20080609.jpg) repeat-x 0 0; }
#main{width:1006px; margin: auto; position:relative;} 

#container { width: 984px; margin: 0 auto; background-image: url(../images/containerspacer.jpg); background-position:bottom; background-repeat:no-repeat;}



/* PROMOFOOTER */
#promofooter { margin-top: 18px; height:auto; background-color:#FFFFFF; background-image: url(../images/iphone_promofooter_sliver.gif); background-repeat:repeat-y; 0 100%; zoom: 1; }
#promofooter:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#promofooter img { display: block; }

#promofooter ul#promos { background: url(../images/iphone_promofooter_top2.gif) no-repeat; margin-bottom: 0; width: 980px; padding: 17px 2px 0; }
#promofooter ul#promos li.promo, 
#promofooter ul#promos li.buy { position: relative; float: left; width: 244px; padding-right: 1px; margin-top: -17px; _margin-bottom: -17px; }

#promofooter ul#promos li p { margin-bottom: 0;}
#promofooter ul#promos li.promo:hover p a { color: #08c; }
#promofooter ul#promos li.promo:hover a.more { text-decoration: underline; }

#promofooter ul#promos li h4 a, 
#promofooter ul#promos li p a, 
#promofooter ul#promos li ul { display: block; padding-left: 15px; padding-right: 12px; text-align: left; }

#promofooter ul#promos li h4 a { color: #252525; font-size: 14px; padding-top: 17px; }
#promofooter ul#promos li h4 a:hover { text-decoration: underline; }
#promofooter ul#promos li p a { text-decoration:underline; color: #000000; font-size: 14px; font-weight:bold; text-align:left; padding-bottom:5px;  padding-left:0px; line-height: 24px;  }
#promofooter ul#promos li p a.more {  padding-bottom:1px; color:#0088CC; }
#promofooter ul#promos li p a:hover { color: #29b74a; text-decoration: underline; }

#promofooter ul#promos li p.last a { padding-bottom: 4px; }
#promofooter ul#promos li.bleed p.last a { padding-left: 0; padding-right: 0; }
.highlighttext {color:#29b74a;}

#promofooter ul#promos li.buy h4 a { padding-bottom: 8px; }
#promofooter ul#promos li.buy ul { list-style: none; font-size: 11px; color: #797c80; margin: 40px 0 9px 0; }
#promofooter ul#promos li.buy li span { color: #666; }
#promofooter ul#promos li.buy .button { margin: -4px 8px 0 0; display: inline; }
#promofooter ul#promos li.buy .product { position: absolute; top: 40px; left: 110px; }

#promobottom {width: 984px; height:101px; background-image: url(../images/iphone_promofooter_bottom2.gif); background-repeat:no-repeat; }

#getStarted {width: 500px; float:right; height:auto; line-height:30px; padding-top:50px; }

#newslist {width: 500px; float:right; height:auto; line-height:14px; padding-top:50px; }
#newslist h1 {font-size: 12px; line-height:16px;}
#newslist li h1 a { font-size: 12px; padding-top: 14px; }
#newslist li h1 a:hover { text-decoration: underline; }

#newslist li h2 a { font-size: 14px; padding-top: 17px; }
#newslist li h2 a:hover { text-decoration: underline; }

#menulist {font-size: 11px; line-height:18px; padding-bottom:10px;

}

#freeVideo {width: 500px; float:right; margin-top:500px; line-height:30px; padding-top:0px; }
#freeVideo a{font-size:24px; font-weight:bold;}
#freeVideo a:hover {
	text-decoration:underline;
	font-weight: bold;
}

#getStartedPara {width: 420px;; height:auto; display:block; padding-top:30px; position:relative; padding-left:20px; font-size:14px; line-height:24px;}
#toolsPara {width: 650px;; height:auto; display:block; padding-top:30px; position:relative; padding-left:20px; font-size:14px; line-height:24px;}

#onlinebankingImage {height: 483px; background-image: url(../images/previewPageMainGraphic.png); background-repeat:no-repeat; background-position:right;}

#homePara {width: 920px; height:auto; display:block; position:relative; padding-top: 410px; padding-left:30px; font-size:14px; line-height:24px; }
#homePara h2 a {font-size:16px; color: #05ca31;}

#overviewPara {width: 420px; height:auto; display:block; position:relative; padding-top: 30px; padding-left:20px; font-size:14px; line-height:24px; }
#overviewImage {height: 483px; background-image: url(../images/overviewGraphic2.jpg); background-repeat:no-repeat; }

#overviewPara h2 a {font-size:16px; color: #05ca31;}

#whyImage {height: 483px; background-image: url(../images/whyMMTVGraphic.jpg); background-repeat:no-repeat; background-position:top;}
#whyPara {width: 920px; height:auto; display:block; position:relative; padding-top: 40px; padding-left:20px; font-size:14px; line-height:24px; }


#fdicPara {width: 920px; height:auto; position:relative; padding-left:20px; font-size:14px; line-height:24px; }
#fdicdetailsPara {width: 420px; height:auto; position:relative; padding-top:30px; margin-bottom: -30px; padding-left:20px; font-size:14px; line-height:24px; }
#fdicdetailsPara h2 {color:#00b52b;}


#featuresImage {height: 483px; background-image: url(../images/featuresGraphic.jpg); background-repeat:no-repeat; background-position:top;}

#topicsImage {height: 483px; background-image: url(../images/financialTopicsGraphic.jpg); background-repeat:no-repeat; background-position:top;}

#remoteImage {height: 483px; background-image: url(../images/remoteGraphic.jpg); background-repeat:no-repeat; background-position:top;}

#offersImage {height: 483px; background-image: url(../images/offersGraphic.jpg); background-repeat:no-repeat; background-position:top;}

#onlinebankingImage {height: 483px; background-image: url(../images/overviewGraphic.jpg); background-repeat:no-repeat; background-position:top;}


#fdicImage {height: 483px; background-image: url(../images/fdic-base.jpg); background-repeat:no-repeat; background-position:top;}

#fdicbuttons {position:relative; position-top:400px;}
#fdicbuttons p {padding-bottom:-30px; }
#fdicbuttons h3 {padding-bottom:10px;}

#featuresPara {width: 420px; height:auto; display:block; position:relative; padding-top: 30px; padding-left:20px; font-size:14px; line-height:24px; }
#featuresImage2 {height: 483px; background-image: url(../images/featuresGraphic2.jpg); background-repeat:no-repeat; background-position:top;}
#remoteImage {height: 483px; background-image: url(../images/remoteGraphic.jpg); background-repeat:no-repeat; background-position:top;}


/* below are styles for the overview/home page - seting up the three columns of content    */

#colcontainer {width:984px; padding-top:0px;}
#colleft {width:25%; height:150px; float:left;}
#colright {width:70%; height:150px; float:right; padding-right:40px; padding-top:5px;}


#boxcontent {margin-left:20px; margin-right:20px; text-align:left; }
#boxcontent a{font-size:14px; font-style:bold; font-weight:bold; color:#000000; text-decoration:underline; line-height:11px;}
#boxcontent a:hover{color:#00b52b;}
#boxcontent p {padding-bottom:7px; line-height:12px;}
#boxcontent h3 {font-size:14px; font-style:bold;}
#boxcontent ol li {line-height:22px;}

.boxheadline {font-size:20px; font-weight:bold;color:#000000; letter-spacing:-1px;}


#faqquestions {width:924px; padding-left:20px; padding-top:20px; padding-bottom:20px; line-height:24px;}
#faqquestions p {padding-bottom: 10px;}


#whybox {margin-left:0px; margin-right:20px; text-align:left; }
#whybox a{font-size:14px; font-style:bold; font-weight:bold; color:#000000; text-decoration:underline; line-height:16px;}
#whybox a:hover{color:#00b52b;}
#whybox p {padding-bottom:12px; line-height:22px;}

.whyboxheadline {font-size:20px; font-weight:bold;color:#000000; letter-spacing:-1px;}

#freevideooffer {width:100%; letter-spacing:-1px; padding-top:30px; padding-bottom:30px; display:block; text-align:center; font-size:20px; font-weight:bold; color:#000000;}
#freevideooffer a{font-size:20px; font-weight:bold;}
#freevideooffer a:hover {
	text-decoration:underline;
	font-weight: bold;
}


.subheadline {font-size:16px; font-weight:bold; color:#00b52b; text-align:center; letter-spacing:-1px;}

.subheadlineleft {font-size:16px; font-weight:bold; color:#00b52b; text-align:left; letter-spacing:-1px;}

#subheads {font-size:18px; font-weight:bold;color:#00b52b; letter-spacing:-1px;}
#subheads a {font-size:18px; font-weight:bold; text-decoration:none;}
#subheads a:hover {text-decoration:underline;}

/* below are styles for the financial topics page - thumbnails and descriptions ...total width to play with = 975px */

#columnone {width:33%; display:block; padding-top:10px; padding-left:10px;}
#topicsheadline{padding-left:25px; text-align:left;}
#topicsrequest{display:block; padding-left:10px; pading-right:10px; font-size: 20px; font-weight: bold; line-height: 22px; letter-spacing:-1px; }
#topicsrequest a {font-size:20px; font-weight:bold; color:#00b52b; text-decoration:underline;}
#topicsrequest a:hover {color:#00b52b; text-decoration:underline;}
#topicsleft {width:230px; height:120px; float:left; padding-left:15px;}
#topicsright {width:700px; height:120px; float:left;text-align:left; padding-bottom:20px;}
#topicsright a {color:#00b52b; text-decoration:none; font-size:14px; font-weight:bold;}
#topicsright a:hover {color:#00b52b; text-decoration:underline;}

#emailleft {width:50%; height:100px; float:left; padding-left:30px; margin-top:30px;}
#emailright {width:45%; height:100px; float:right; margin-top:-90px; padding-right:10px; }

#bannerleft {width:40%; height:200px; float:left; padding-left: 15px; padding-bottom:20px;}
#bannerright {width:63%; height:200px; float:right; padding-right:30px; margin-top:-175px;}

.littlefloat {float:left;}
.littlefloatright {float:right;}