@charset "utf-8";
body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; margin: 0; padding:10px 0 20px 0px; text-align: center; color: #000000;}
#container { width: 934px; background: #FFFFFF; margin: 0 auto; border: 3px solid #FFCC66; text-align: left;}
#header { padding:0px; margin:0; background-image:url(../images/header.jpg); background-repeat:no-repeat; width:934px; height:137px; position:relative; }
#header #logo {width:179px; height:128px; position:absolute; top:3px; left:19px; border:0;}
#header #join { position:absolute; top:27px; right:46px; color:#FFFFFF; font-weight:bold; font-size:23px; text-decoration:none; }
#header #join:hover {color:#000066;}
#menu { background-color:#ffcc66; padding:0 0 0 30px; margin:0; list-style-image: none; list-style-type: none; height:32px; overflow:hidden; }
#menu li {color:#000033; float:left; display:inline; padding:0; margin:0; font-size:14px; border-left:1px solid #333333; }
#menu li.first {border-left:none; }
#menu li a {display:block; padding-left:18px; padding-right:18px; line-height:32px; text-decoration:none; color:#000033; font-weight:bold;}
#menu li a:hover { background-color:#E4B758; color:#FFFFCC; }
#mainContent { background: #FFFFFF; }

#poster {width:270px; height:422px; float:left; margin:0 0 0 20px; padding:0px; padding-top:10px;}
#steps {width: 270px; height: 230px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; background-image:url(../images/box_access_no.gif); background-repeat:no-repeat; padding-top:15px; margin-top:10px; }

#traditional { width:556px; margin-left:333px; background-image:url(../images/big_box.gif); background-repeat:no-repeat; padding-top:30px; background-position: 0px 10px; }
#traditional p { font-weight:bold; margin:10px; padding:10px; font-size:16px; }
#traditional ul { margin:0 0 0 0px; padding:0 0 0 30px; font-weight:bold; list-style-position: outside; list-style-type: square; line-height:1.4; font-size:13px; }
#traditional ul li {margin:0; padding:0;}


#plans {width:556px; height:400px; overflow:hidden; position:relative; }
#plans .plan_frame { background-color:#E3A84F; position:relative; width: 556px; height: 93px; z-index:14; margin-bottom:10px;}
#plans .plan_frame img { position:absolute; left:0px; top:0; z-index: 0; }
#plans .plan_frame h1 {position:absolute; left:20px; font-family:'Trebuchet MS' Verdana, Arial, Helvetica, sans-serif; color:#002147; font-size:19px; top: 13px; margin:0; padding:0; z-index:15;}
#plans .plan_frame h1 a {color:#002147; text-decoration:none;}
#plans .plan_frame ul { position:absolute; left:27px; font-size:12px; line-height:1.4; top: 40px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; z-index:15; width: 425px; }
#plans .plan_frame ul li {font-size:11px; font-weight:normal; margin-left:20px;}
#plans .plan_frame p { position:absolute; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; text-align:center; left: 477px; top: 32px; margin:0; padding:0; z-index:15; }
#plans .plan_frame p a {color:#FFFFFF; text-decoration:none; }

.spacer {padding:0 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333;}
.spacer h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:19px; color:#333333;}
 
#footer { padding:15px; text-align:center; font-weight:bold; color:#666666; font-size:13px; clear:both;}
#footer a {text-decoration:none; line-height:1.5; color:#666666;}
#footer a:hover {text-decoration:underline; color:#666666;}

.content a { color:#4179A7; text-decoration:none;}
.content a:hover {color:#000000; text-decoration:underline;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }