html {
    height:100%;
    /* font-size:1.25em;*/
    text-align:center;
}

body {
    height:100%;
    min-width:800px;
    /* generic Text */
    font-family: Arial, Helvetica, sans-serif;
	color:  #000066;
	font-size: 12px;

    margin: 0px;
    padding: 0px;

    margin-top:0;
    /*background: color images repeat attach possition*/
    background-color:#182c52;
    background-image: url("../images/HumRRO_BGgradient.gif");
    background-repeat:repeat-x;
    background-position:top;
    
    text-align:center;
}

h1 {
	font-size:18px;
    font-family: sans-serif, Arial, Helvetica ;
	color: #003366;
}

h2 {
    font-size:16px;
	font-family: sans-serif, Arial, Helvetica ;
	color: #6A1421;
}

h3 {
    font-size:14px;
	font-family: sans-serif, Arial, Helvetica ;
	color: #003366;
}

.div_h2 {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
	font-family: sans-serif, Arial, Helvetica ;
	color: #6A1421;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
}

#div_humrroHeader{
	width: 700px;
	height: 65px;
	margin: 0 auto;
	padding-top:5px;
    text-align: left;
    font-size:10px;
    color:#182c52;
}


#div_wrapper {

    background-color:white;
    padding-top:0px;
    width: 700px;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #182c52;
}

/* Header */
#div_header_insert {
    clear: both;
    height:121px;
   	margin-left:0px;
	margin-top:-1px;
	margin-right:0px;
	margin-bottom:0px;

}

#div_header_sub {
    padding: 2px 5px 2px 127px; /* top right bottom left */
    color: #FFFFFF;
    font-size: 16px;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: left;
    background-color:#003399;
}

/**************** NAVIGATOR **********************/



	.nav{
	 margin-top:-18px;
	 width:700px;
	 margin-left:-20px;
	}

	a.navCat{
		padding-top: 0px;
		padding-bottom: 0px;
		padding-right: 10px;
		padding-left: 10px;
		font-size: 12px;
		color: #FFFFFF;
		font-weight:bold;


	}
	a.navCat:hover{color: #FF9900;}


	.navCatOnCell{
		background: #666666;
		padding: 0px;
	}

	.navCatOn{
	    margin-top:-1px;
		padding-top: 2px;
		padding-bottom: 3px;
		padding-right: 10px;
		padding-left: 10px;
		background: #666666;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		color: #FFFFFF;
	}

	.navSub{
		background: #666666;
		text-align: left;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		padding-left: 10px;

	}
	a.navSubCat{
		padding-right: 10px;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		color: #FFFFFF;
	}
	a.navSubCat:hover{ text-decoration: underline; color: #CCCCCC;}

	.navSubCatOn{
		padding-right: 10px;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		color: #FF9900;
	}
	.pageTitle{
		color: #666666;
		font-size: 10px;
		text-align:right;
		padding:3px;
	}

/* *********************************************** */

/* Main Content Area */
#main {
    clear: both;
    padding: 20px;
    padding-top:0px;
}


/* Footer */
#div_footer {
    clear: both;
    text-align: center;
    color:#FFFFFF;
    font-size:x-small;
    padding-top: 10px;
}

#div_footer a{
	color:#FFFFFF;
}
#div_footer a:hover{
	color:red;
}

#div_footer_debug {
    clear: both;
    text-align: left;
    margin: 0;
    font-family: 'Courier New', Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#div_login {
    width: 99%;
    height: 80px;
    vertical-align: middle;
}

#div_login_header {
    font-weight: bold;
    background-color: #006666;
    vertical-align: top;
    color: #FFFFFF;
    padding: 3px;
}

#div_login_body {
    padding: 20px;
}

#div_survey_instructions{
    padding:20px;
    background-color:#FFFFCC;
    border: solid 1px #006666;

}

img {
    border: 0px none;
}

.underline {
    text-decoration:underline;
}

.bold_underline {
    font-weight: bold;
    text-decoration:underline;
}

.bold{
    font-weight: bold;
}


.div_indent {
    padding-left: 30px;
}

a {
	color: #182c52;
	text-decoration: none;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color:red;}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}

.floatleft {
    float: left;
    /* border: dashed gray 1px;*/
}

.floatright {
    float:right;
    /* border: dashed gray 1px; */
}

.myNotes{
    font-family: "Courier New", Courier, mono;
    color: #CC6600;
    font-size: 12px;
    font-style: italic;
     display: none;
    /*display: block;*/
}


.myNotesData{
    font-family: "Courier New", Courier, mono;
    color: #999999;
    font-size: 12px;
    font-style: italic;
    display:none;
}

.title-bar {
    padding: 2px 5px 2px 127px; /* top right bottom left */
    color: #FFFFFF;
    font-size: 16px;
    font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: left;
    background-color:#003399;
}


.genericText{
	font-family: Arial, Helvetica, sans-serif;
	color:  #000066;
	font-size: 12px;
}

.inputBox{
    border: 1px solid #006666;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000099;
}

.inputRadio{
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000099;
    border:none;
}

.inputButton{
    border: 1px solid #000000;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    /*color: #000099;*/
    cursor: pointer;
    padding:3px;
    color:#FFFFFF;
    background-color:#006666;

}

.contLaterBox{
    border: 0px solid #000099;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000099;
    background-color:#FFFFFF;
    cursor: pointer;
}


.tableHead{
    border: 1px solid #000000;
    font-weight:bold;
    background-color:#333333;
    vertical-align: top;
    COLOR:WHITE;
    padding:3px;
}
.tableRowEven{
    background-color:#FFFFFF;
    vertical-align: top;
    padding:3px;
}


.tableRowOdd{
    background-color:#CCCCCC;
    vertical-align: top;
    padding:3px;
}

.tableRowEven td, .tableRowOdd td  {
    padding-bottom:5px;

}

.tableRowHighLight{
	background-color:#C3D1E6;
	vertical-align: top;
	border: 1px solid #000066;
	padding: 5px;
}


.errorMsg{
    border: 0px none;
    width: 100%;
    font-style: italic;
    color: #FF0000;
}

.pageTitle{
	color: #666666;
	font-size: 10px;
	text-align:right;
	padding:3px;
}

.catDisplay{
    color:#FFCC66;
    font-variant: small-caps;
    font-size: 14px;
}




.infoMsg{
    border: 0px none;
    width: 100%;
    color: #336600;/*dark green*/
}

.warningMsg{
    font-weight: bold;
    border: 0px none;
    color: #FF9900;
}

.logOffBox{
    border: 0px solid #535346;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FF9900; /*RED;*/
    background-color:#FFFFFF;
    cursor: pointer;
}

.altHR{
    height: 7px;
    width: 100%;
    background-color:     #D3232D;
}

.itemNo{
 padding-right:5px;
}

.style_indigo
{
    color: #000099;
}
.style_indigo_bold
{
    color: #000099;
    font-weight: bold;
}



.rightfooter{
    width:100%;
    text-align:right;
}


.projectNav{
    float:left;
    width:160px;
    margin:0;
    padding:0;
}

    div.ProjectNav{

        list-style:none;
        margin-left:0px;
    }

    div.ProjectNavLink, div.thisProjectNavLink{
        padding-bottom:5px;

    }
    div.ProjectNavLink a{

    }

    div.thisProjectNavLink a{
        font-weight:bold;
        color:#6A1421;
    }

.projectPlaceHolder{
    float:right;
    width:500px;
    margin:0;
    padding:0;
    padding-left:0px;
    padding-right:0px;
    /*text-align:justify;*/

}

    .projTitle{
    	padding: 5px;
    	font-weight:bold;
    	background-color:#666666;
    	vertical-align: top;
    	color:white;
    }
    .projImage{
        padding:0px;
        padding-top:10px;


    }
    .projBackground{

    }
    .projApproach{

    }
    .projOutcome{

    }



.clearer{
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
    background:transparent;
}