html, .all { width: 100%; }
body { width: 100%; font-family: Arial; font-size: 12px; color: #333; background-color: #e8ead8; text-align: center; margin:0px; padding:0px; border:0px; }


/* * {margin:0px; padding:0px; border:0px;} */
input, select, textarea { font-family: Arial; font-size: 12px; color: #275A7D; border: solid 1px #C0C0C0; }

img {display:block; margin:0px; padding:0px; border:0px; }
p { font-size: 14px; line-height: 140%; margin-bottom: 20px; }
.page-container { box-sizing: border-box; -moz-box-sizing: border-box; position: relative; width: 996px; padding: 8px; margin: 10px auto 0px auto; text-align: left; background-color: #fff; /*background:url(../images/sh_page_main.gif) 0px 0px repeat-y;*/}
.container { box-sizing: border-box; -moz-box-sizing: border-box; position: relative; padding:20px 20px 30px 20px; display: inline-block; text-align: left; }



.copyright { box-sizing: border-box; -moz-box-sizing: border-box; position: relative; width: 996px; margin: 5px auto; padding: 15px; height: 40px; border-top: 0px solid #ccc; text-align: left; color: #808080; }

.main { position: relative; width: 980px; margin: 0px auto; text-align: left; }
	/* 100% width in .header causes tablesorter to size columns in weird way - need to figure out why */
    .header { box-sizing: border-box; -moz-box-sizing: border-box; margin-left: auto; margin-right: auto; height: 100px; background: #1d6999 url(../images/bg_header.gif); position: relative; background-color:#fff; }
	.logo { margin:0; height: 100px; width: 500px; float: left; }
	.signout { box-sizing: border-box; -moz-box-sizing: border-box; font-size: 12px; margin:0; border: 1px solid #4a7823; border-top: 0; border-right: 0; background-color: #eafad0; float: right; padding: 7px 15px; text-align: right; }
	/* .signout a { color: #fff; }*/


        
        .user-block { position: absolute; top: 20px; right: 20px; color: #3d5267; }
        .user-block a { display: inline-block; border-bottom: 1px dotted #FFFFFF; color: #333; text-decoration: none; margin-left: 20px; }
        .user-block a:hover { border-color: #16222e; text-decoration: none; }
        
        .main-menu { position: relative; background:url(../images/bg_menu.gif) 0px 0px repeat-x; width: 100%; height: 47px; padding: 0; margin: 76px 0 0 0; overflow: hidden; }
        .main-menu ul { position: relative; float: left; list-style: none; padding: 0; margin: 0; }
        .main-menu ul li { position: relative; float: left; border-right: 1px solid #084a70; }
        .main-menu ul li a { display: block; float: left; padding: 0 15px; height: 42px; color: #FFFFFF; font-size: 14px; text-align: center; /*text-transform: uppercase*/; line-height: 42px; text-decoration: none; }
        .main-menu ul li a:hover, .main-menu ul li.act a { background-color: #1c5576; text-decoration: none; }
        
        /* includes instructions/page title */    
		.header-block { box-sizing: border-box; -moz-box-sizing: border-box; position: relative; width: 100%; background-color:#f5f5f5; padding: 15px 20px; }
		    .header-block h1 { display: block; font-size: 16px; color: #16222e; font-weight: bold; margin: 0; line-height: normal; }
			.header-block .col-left { float: left; }
    		.header-block .col-right { float: right; text-align: right; }
    		.header-block .col-left, .header-block .col-right { position: relative; width: 455px; }
            
	h1 { display: block; font-size: 22px; color: #5fa127; font-weight: bold; padding:0; margin-bottom: 0px; margin-top: 0px; line-height: 16px; }
    h2 { display: block; font-size: 16px; color: #666666; font-weight: bold; padding:0; margin-bottom: 0px; margin-top: 20px; line-height: 16px; }
    h3 { display: block; font-size: 14px; color: #333; font-weight: bold; padding:0; margin-bottom: 10px; margin-top: 0px; line-height: 16px; }

    h4 { display: block; font-size: 18px; color: #333; font-weight: bold; padding:0 0 0 45px; margin-bottom: 20px; margin-top: 0px; line-height: 16px; }
    
    .content h3 { font-weight: bold; margin: 0;  padding: 0; }
    .content h3 a { box-sizing: border-box; -moz-box-sizing: border-box; display: block; height: 52px; width: 230px; font-size: 14px; color: #000; margin: 0; padding: 6px 15px 2px 15px; color: #fff;}
        .content h3 .blue { background: #1d6999 url(../images/home/bg_box_blue.gif) repeat-x; text-decoration: none; overflow: hidden;}
 		.content h3 .green { background-color: #d94900; }
    	.content h3 .red { background-color: #6e9007; }
    	.content h3 .yellow { background-color: #d49b00; }
    	.content p { font-family: Verdana; line-height: 1.5; margin: 15px 0; }
    
    
    .content h5 { display: block; color: #1f9bec; font-size: 12px; padding-bottom: 10px; font-weight: normal; }


    .hr { position: relative; width: 100%; height: 1px; background-color: #e1e6ec; overflow: hidden; margin: 45px 0px; }
    
    .text-block { position: relative; line-height: 20px; padding: 0px 30px 0px 15px; }
    .text-block p { padding-bottom: 20px; }
    .text-block p strong { color: #1f9bec; }
    
    .holder { width: auto !important; padding: 0px 30px 0px 15px; background:url(../images/border-bg.gif) 327px 0px repeat-y; }
    
    
    .content .col-left { float: left; }
    .content .col-right { float: left; margin-left: 30px;}
    .content .col-left, .content .col-right { position: relative; width: 455px; background-color: #fff; }
        
    
    
          
            
        .submit { width: 83px; float: right; padding: 12px 0px 8px; margin-top: 43px; background:url(../images/cont-but-bg.jpg) 0px 0px no-repeat; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; cursor: pointer; }
    
    .footer { position: relative; width: 100%; border-top: 1px solid #e9ebed; margin-top: 40px; padding: 25px 15px; color: #8e9499; }

.left, .l {position: relative; float:left !important;}
.right, .r {position: relative; float:right !important;}

.width50 { width: 45%; }
.full {
	width:100%;
}

.clearfix {overflow:hidden;}
* html .clearfix {overflow:visible; height:1%;}
.clear { clear: both; }
.border {border:1px solid red;}


.sub { font-size:11px; padding: 3px 0px 0px 0px; }
/* text alignment */
.ta-left { text-align:left !important; }
.ta-center { text-align:center !important; }
.ta-right { text-align:right !important; }
.ta-justify { text-align: justify !important; }

.confirm_finalize { font-family: Arial; font-size: 12px; font-weight: bold; background-color:#f8f8f8; border: 2px solid #D6D6D6; padding-bottom:42px; padding-top:5px; padding-left:5px; padding-right:5px;
}


.alert { margin-top: 10px; padding: 20px; font-size: 14px; font-weight: bold; border: 1px solid #ccc; }
.err { background-color: #fff1de; color: #d12f19; }
.saved { background-color: #f8ffe6; color: #5fa127; }
.finished { background: #f8ffe6 url(../images/complete.png) 20px 10px no-repeat; color: #5fa127; }
.unfinished { background: #f8ffe6 url(../images/alert.png) 20px 10px no-repeat; color: #5fa127; }

.alertbox { padding:20px; margin-bottom: 20px; background-color: #fff1de;  border: 1px solid #ccc; font-size: 14px; }