
/* Reset -------------------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

body { line-height:1; text-align:center; }

ol, ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none; }

:focus { outline:0; }

ins { text-decoration: none; }

del { text-decoration:line-through; }

table { border-collapse:collapse; border-spacing:0; }


/* Universal ---------------------------------------------------------------------------------------------- */

.float-left { float:left; }

.float-right { float:right }

.left { text-align:left; }

.right { text-align:right; }

.center { text-align:center; }

.eleven { font:11px Arial, Verdana, Helvetica, sans-serif; color:#fff; text-align:justify; padding:10px 0 0 20px; }

.eighteen { font:18px Arial, Verdana, Helvetica, sans-serif; }

.thirty { font:30px Arial, Verdana, Helvetica, sans-serif; color:#000033; }

/* Main Contents ------------------------------------------------------------------------------------------ */

.header-wrapper { width:100%; height:95px; text-align:center; background:#000033; }

    .header-contents { width:900px; height:auto; margin:auto; text-align:left; border:0px solid #fff; }
    
        .header-contents img { margin:10px 0 0 0; }
    
        .header-text { font:14px Arial, Verdana, Helvetica, sans-serif; color:#ffff00; }

.main-contents { width:900px; height:auto; margin:0 auto 20px auto; text-align:left; }

    .top-ul { margin:10px 0 0 0; }
    
        .top-ul li { width:50%; text-align:left; border:0px dotted #000; display:inline; float:left; }
        
        .top-ul li.narrow-left { width:116px; }
        
        .top-ul li.wide-text { width:715px; padding:10px; }
    
            .top-ul p { font:29px Arial, Verdana, Helvetica, sans-serif; color:#c50000; }
            
    .main-box { width:860px; height:auto; padding:15px; background:#ebebeb; border:3px solid #000; }
    
        .main-box h2 { font:bold 18px Arial, Verdana, Helvetica, sans-serif; color:#000; padding-top:0; }
        
        .main-box ul { margin:10px 0 0 20px; }
        
            .main-box ul li { font:12px Arial, Verdana, Helvetica, sans-serif; margin:10px; padding:0 0 0 5px; border:0px dotted #000; vertical-align:middle; list-style-image:url(/images/checkmark.png); }
            
            .main-box .bot-box { width:840px; margin:-40px 0 0 20px; border:0px solid #000; }   
            
                .main-box .bot-box td { margin:0; vertical-align:middle; border:0px dotted #000; }         
            
                    .main-box .bot-box td.narrow-left { width:182px; height:162px; }
                    
                    .main-box .bot-box td.wide-text { width:auto; height:auto; }
                
    .form-holder { width:245px; height:387px; text-align:center; border:0px solid #000; background:url(images/form_back.png) no-repeat; position:relative; top:-50px; right:10px; bottom:-50px; float:right; }
        
        .form-holder .form-content { width:auto; margin:auto; padding:40px 30px 0 0; text-align:right; border:0px dotted #000; }
    
            .form-holder .form-content .eighteen { color:#fff; }
            
            .form-holder .form-content input { width:130px; height:auto; margin:1px 0; border:1px solid #000; }
            
                .form-holder .form-content input.submit { width:202px; height:55px; margin:10px 0 0 20px; font-weight:bold; background:url(images/submit.png) no-repeat; border:0; }

.footer { width:100%; height:30px; background:#000033; float:left; }




