body {font-family:arial; font-size:12px; margin:10px;}

a {text-decoration:none;}
    a:hover {text-decoration:underline;}

#header {background:url('../images/header.png'); height:90px; margin:20px auto; width:800px;}

#nav {background:url('../images/background_nav.gif'); height:26px; margin:10px auto; padding:2px; width:796px;}
    #nav a {color:white; display:block; float:left; font-weight:bold; height:26px; line-height:26px; overflow:hidden; position:relative; text-align:center; width:110px;}
        #nav a:hover {text-decoration:none;}
    #nav span {background:url('../images/button_on.gif'); color:#6595BF; cursor:pointer; display:block; height:26px; left:0px; line-height:26px; position:absolute; top:0px; width:110px; z-index:100px;} 
    #nav .separator {background:url('../images/separator.gif'); float:left; height:26px; width:5px;}

.box {height:140px; margin:20px auto; width:800px;}
.container {margin:20px auto; width:800px;}
    .container .narrow {display:inline; float:left; margin:5px; width:250px;}   
    .container .wide {display:inline; float:left; margin:5px; width:530px;}
    .container h1 {font-size:20px; font-weight:bold; margin-bottom:10px;}
    .container h2 {font-size:14px; font-weight:bold; margin:30px 0px 10px;}
    
.third_box {background:#FFF9D7; border:1px solid #E2C822; float:left; font-size:10px; font-weight:bold; margin:20px 5px; padding:10px; width:140px;}
    
.smbox h1 {clear:left; color:white; display:block; float:left; font-size:16px; font-weight:bold; line-height:28px; padding:0 10px; white-space:nowrap;}
    .smbox h2 {clear:left; color:#1D2E3F; display:block; float:left; font-size:13px; font-weight:bold; line-height:28px; padding:0 10px; white-space:nowrap;}
        .smbox h2 span {font-size:10px; padding:0 10px;}
    .smbox h3 {clear:left; color:#1D2E3F; display:block; float:left; font-size:11px; font-weight:bold; padding:5px 10px; width:510px;}
    .smbox p {clear:left; color:#1D2E3F; float:left; font-size:10px; padding:0 10px; width:230px;}
    .smbox ul {clear:left; float:left; padding:0px 10px; text-align:justify;} 
    .smbox li {padding:5px 0px;}
    
.narrow {display:inline; float:left; height:130px; margin:5px; width:250px;}   
.wide {display:inline; float:left; height:130px; margin:5px; width:530px;}

.box_dblue {background:url('../images/background_box_dblue.gif');}
    .box_dblue .box_dblue_narrow_blue {background:url('../images/background_dblue_blue_narrow.gif');}
    .box_dblue .box_dblue_wide_blue {background:url('../images/background_dblue_blue_wide.gif');}
    
.box_dblue_long {background:url('../images/background_box_dblue_long.gif'); height:400px;}
    .box_dblue_long .box_dblue_wide_blue_long {background:url('../images/background_dblue_blue_wide_long.gif'); height:390px;}
    .box_dblue_long .box_dblue_narrow_blue {background:url('../images/background_dblue_blue_narrow.gif');}

.box_mauve {background:url('../images/background_box_mauve.gif');}
    .box_mauve .box_mauve_narrow_blue {background:url('../images/background_mauve_blue_narrow.gif');}
    .box_mauve .box_mauve_wide_blue {background:url('../images/background_mauve_blue_wide.gif');}
    
.button {clear:left; color:white; display:inline; float:left; height:25px; line-height:25px; margin:5px 5px 0px; padding-left:10px; width:230px;}
    .button_blue {background:url('../images/button_blue.gif');}
    .button_mauve {background:url('../images/button_mauve.gif');}
    .button_mauve_whitebg {background:url('../images/button_mauve_whitebg.gif');}
    
.button_thin {color:white; display:inline; float:left; height:25px; line-height:25px; margin:5px 0px 0px 5px; padding-left:10px; width:66px;}
    .button_mauve_thin {background:url('../images/button_mauve_thin.gif');}
    
#bio_box p {clear:left; color:white; float:left; padding:10px;}
#bio_box h1 {clear:left; color:white; display:block; float:left; font-size:20px; font-weight:bold; padding:10px; white-space:nowrap;}

.radio {float:left; height:60px; margin:5px 0px 5px 5px; width:120px;}

form {clear:left; float:left; padding:5px; position:relative;}
    label {clear:left; float:left; font-size:12px; font-weight:bold; line-height:22px; margin-bottom:8px; padding:0px 5px; text-align:left; width:75px;}
        label.wide_label {width:130px;}
    input {border:1px solid #1D2F40; float:left; font-size:14px; height:16px; margin-bottom:8px; padding:2px; width:162px;}
    select {border:1px solid #1D2F40; float:left; font-size:14px; height:22px; margin-bottom:8px; padding:2px; width:102px;}
    #captcha_img {background:#CCC; float:left; height:22px; margin:0 15px; width:60px;}
    
    #go_button {background:url('../images/button_go.gif'); border:0px; bottom:0px; height:25px; position:absolute; right:5px; width:50px;}

    #audio_placeholder {background:url('../images/background_dblue_blue_narrow_nohead.gif'); display:inline; float:left; height:92px; margin:5px; padding:5px; width:240px;}

