/*-------------------------------------------
Style sheet for font control - size and family
Version: 1
Author: Hannah Watkins | Clear Breeze Design
Email: enquiries@clearbreezedesign.com
Website: http://www.clearbreezedesign.com
-------------------------------------------s*/


body
{
	font-family: verdana,sans-serif;
	font-size: 62.5%;
	line-height: 200%;
}

div
{
	font-size: 1.3em;
}

div div
{
	font-size: 0.85em;	
}

div div div     
{
	font-size: 1em;
}

h1
{
	font-size: 1.6em;
}

h2
{
	font-size: 1.3em;
}

div.footer
{
	font-size: 0.8em;
}

ul.toplevmenu
{
	font-size: 0.85em;
}

input.button, input, select, a.buttonlink, a.buttonlinkdisabled
{
	font-family: verdana,sans-serif;
	font-size: 0.9em;
	margin-bottom: 0px;
}

a.applink
{
	font-family: verdana,sans-serif;
	font-size: 0.9em;
	margin-bottom: 0px;
	color: #9e292b;
	text-decoration: none;
}

p.Default
{
	line-height: 14pt;
}


/*-------------------------------------------
Style sheet for centred fixed width site layout
Version: 1
Author: Hannah Watkins | Clear Breeze Design
Email: enquiries@clearbreezedesign.com
Website: http://www.clearbreezedesign.com
-------------------------------------------*/


body
{
	background-color: #ffffff;
	background-repeat: repeat-x;
	padding: 0 0 0 0;
	color: #000000;
	margin: 0;
	background-position: top;
	/*background: url('../images/bodybg.jpg');*/
}

div.clearleft
{
	clear: left;
}

div.clearboth
{
	clear: both;
}

h1, h2
{
	color: #9e292b;
}


/*-------------------------------------------
    whole page container
    -------------------------------------------*/

div.wholepage
{
	width: 935px;
	margin: auto;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	padding-left: 20px;
}

/*-------------------------------------------
        TOP BANNER
        -------------------------------------------*/

div.wholepage div.topbanner
{
}

div.wholepage div.topbanner p.sitetitle
{
	margin-bottom: -1px;
	padding-bottom: 0;
	padding-top: 70px;
}

div.wholepage div.topbanner em
{
	color: #9e292b;
	font-style: normal;
}

div.wholepage div.topbanner img.chlogo
{
	padding: 10px 20px 5px 5px;
	float: right;
}


/*-------------------------------------------
            ACCESSIBILITY AND LOGOUT MENU   
            -------------------------------------------*/

div.wholepage div.topbanner ul
{
	list-style: none;
	float: right;
	margin-top: 10px;
	padding-top: 0;
}

div.wholepage div.topbanner ul li
{
	display: inline;
	padding-right: 5px;
	border-right: 1px solid #cccccc;
	padding-left: 5px;
}

div.wholepage div.topbanner ul li.last
{
	display: inline;
	padding-right: 3px;
	border-right: 0;
	padding-left: 5px;
}

div.wholepage div.topbanner ul li a
{
	text-decoration: none;
	color: #ea2628;
}

div.wholepage div.topbanner ul li a:hover
{
	text-decoration: none;
	color: #9e292b;
}



/*-------------------------------------------
        TOP LEVEL NAVIGATION
        -------------------------------------------*/



div.wholepage ul.toplevmenu
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 20px solid #c57267;
	width: 915px;
	float: left;
}

div.wholepage ul.toplevmenu li
{
	display: inline;
}

div.wholepage ul.toplevmenu li a
{
	display: block;
	float: left;
	width: 14em;
	height: 3em;
	padding-top: 0.5em;
	text-align: center;
	margin-right: 8px;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	text-decoration: none;
}

div.wholepage ul.toplevmenu li a.refagencies
{
	background-color: #9e292b;
}

div.wholepage ul.toplevmenu li a.housingprovs
{
	background-color: #d70000;
}

div.wholepage ul.toplevmenu li a.tsts
{
	background-color: #ff8e00;
}

div.wholepage ul.toplevmenu li a.refagencies:hover, div.wholepage ul.toplevmenu li a.housingprovs:hover, div.wholepage ul.toplevmenu li a.tsts:hover
{
	background-color: #c57267;
	border-bottom: 2px solid #c57267;
}

div.wholepage ul.toplevmenu li a.selected
{
	border-bottom: 2px solid #c57267;
	background-color: #c57267;
}



/*-------------------------------------------
        SUB MENU NAVIGATION
        -------------------------------------------*/

div.wholepage div.submenu
{
	clear: left;
	float: left;
	width: 190px;
	background-color: #c57267;
	background-image: url( '../images/submenbott.gif' );
	background-repeat: no-repeat;
	background-position: bottom;
}

div.wholepage div.submenu ul
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	border-top: 2px solid #ffffff;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 12px;
}

div.wholepage div.submenu ul li
{
	color: #ffffff;
}

div.wholepage div.submenu ul li a
{
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding-left: 10px;
	border-bottom: 2px solid #ffffff;
	padding-top: 3px;
	padding-bottom: 5px;
}

div.wholepage div.submenu ul li a:hover
{
	background-color: #BD403C;
}

div.wholepage div.submenu ul li a.selectedsub
{
	color: #5d0f16;
	font-weight: bold;
	background-color: #c57267;
}

div.wholepage div.submenu ul li a.selectedsub:hover
{
	color: #5d0f16;
	font-weight: bold;
	background-color: #c57267;
}


/*-------------------------------------------
                        THIRD LEVEL (SUB SUB) MENU NAVIGATION
                        -------------------------------------------*/

div.wholepage div.submenu ul li ul
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	border-top: 0;
}

div.wholepage div.submenu ul li ul li
{
	color: #5d0f16;
}

div.wholepage div.submenu ul li ul li a
{
	display: block;
	color: #5d0f16;
	text-decoration: none;
	padding-left: 20px;
	border-bottom: 2px solid #ffffff;
	padding-top: 3px;
	padding-bottom: 5px;
	background-color: #dca598;
}

div.wholepage div.submenu ul li ul li a:hover
{
	background-color: #BD403C;
	color: #ffffff;
}

div.wholepage div.submenu ul li ul li a.selectedsubsub
{
	font-weight: bold;
}

div.wholepage div.submenu ul li ul li a.selectedsubsub:hover
{
	background-color: #dca598;
	color: #5d0f16;
}





/*-------------------------------------------
        MAIN PAGE CONTENT
        -------------------------------------------*/

div.wholepage div.content
{
	margin-bottom: 60px;
	float: right;
	width: 700px;
	margin-top: 20px;
	margin-right: 20px;
}






/*-------------------------------------------
            FORMS TABLE STYLES
            -------------------------------------------*/

/* login table */
div.wholepage table.login
{
	border: 2px solid #ff8e00;
	margin-top: 40px;
	float: left;
}

div.wholepage table.login td
{
	padding-left: 5px;
	padding-right: 5px;
}

div.wholepage table.login a
{
	text-decoration: none;
	color: #9e292b;
	font-size: 0.85em;
}

div.logintext
{
	position: relative;
	width: 900px;
	margin-top: 10px;
	clear: both;
	top: 0px;
	left: 0px;
}

/* standard form table */
table.application
{
	background-color: #f0e1e1;
	border-top: 10px solid #ff8e00;
	margin-right: 20px;
	width: 680px;
}

table.application td
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align:top;
}

table.application th
{
text-align:left;
}

/* quartlry form table */
table.quarterly
{
	background-color: #f0e1e1;
	border-top: 10px solid #ff8e00;
	margin-right: 20px;
	width: 680px;
}

table.quarterly td
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align:text-top;
}

table.quarterly th
{
	vertical-align:text-top;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #9e292b;
	font-family: verdana, sans-serif;
	font-weight: bold;
	text-align: left;
}

table.quarterly input.quarterlyinput
{
	width: 100px;
}


/* list/results table */
table.applicationlist
{
	background-color: #f0e1e1;
	border-top: 10px solid #ff8e00;
	table-layout: auto;
	width: 680px;
}

table.applicationlist td
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffffff;
}

table.applicationlist td input.date
{
	width: 70px;
}

table.applicationlist th
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffffff;
	text-align: left;
}

table.applicationlist th a
{
	text-decoration: none;
	color: #9e292b;
}

table.applicationlist th a:hover
{
	color: #ffffff;
}

/* list/results table */
table.supportneeds
{
	background-color: #f0e1e1;
	border-top: 10px solid #ff8e00;
	margin-right: 20px;
	width: 680px;
}

table.supportneeds td.title
{
	width: 85px;
	vertical-align:top;
}

table.supportneeds td.score
{
	width:120px;
	vertical-align:top;
}
/*-------------------------------------------
                INPUT BUTTONS
                -------------------------------------------*/

/* standard input button */
input.button
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background-image: url('../images/button.gif');
	background-repeat: no-repeat;
	background-position: right;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 2px;
	background-color: #891721;
	cursor: pointer;
}
input.buttonwt
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background-image: url('../images/buttonwt.gif');
	background-repeat: no-repeat;
	background-position: right;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 2px;
	background-color: #891721;
	cursor: pointer;
}

input.buttondisabled
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background-image: url('../images/buttondisabled.gif');
	background-repeat: no-repeat;
	background-position: right;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 2px;
	background-color: #891721;
}
input.buttondisabledwt
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background-image: url('../images/buttondisabledwt.gif');
	background-repeat: no-repeat;
	background-position: right;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 2px;
	background-color: #891721;
}
/* back input button */
input.buttonback
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background-image: url('../images/buttonback.gif');
	background-repeat: no-repeat;
	background-position: left;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 2px;
	background-color: #891721;
	cursor: pointer;	
}
input.buttonbackwt
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background-image: url('../images/buttonbackwt.gif');
	background-repeat: no-repeat;
	background-position: left;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 2px;
	background-color: #891721;
	cursor: pointer;	
}
input.buttonbackdisabled
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background-image: url('../images/buttonbackdisabled.gif');
	background-repeat: no-repeat;
	background-position: left;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 2px;
	background-color: #891721;
}
input.buttonbackdisabledwt
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background-image: url('../images/buttonbackdisabledwt.gif');
	background-repeat: no-repeat;
	background-position: left;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 2px;
	background-color: #891721;
}
/* save input button */
input.buttonsave
{
	border: 0;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 2px;
	background-color: #891721;
	cursor: pointer;	
}


/*-------------------------------------------
                BUTTON-LOOK ANCHOR TAGES    
                -------------------------------------------*/

a.buttonlink
{
	background-color: #9e292b;
	color: #ffffff;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
	padding-top: 0.3em;
	padding-bottom: 0.3em;		
}

a.buttonlink:hover
{
	background-color: #c57267;
}

a.buttonlinkdisabled
{
	background-color: #DFBCBF;
	color: #ffffff;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
	padding-top: 0.3em;
	padding-bottom: 0.3em;	
	cursor:default;
}

/*-------------------------------------------
        FOOTER
        -------------------------------------------*/

div.footer
{
	width: 915px;
	background-color: #ffffff;
	margin: auto;
	border-top: 11px solid #9e292b;
	clear: both;
	margin-top: 20px;
}


div.footer img.aii
{
	border: none;
	padding: 0 0 0 0;
	margin-bottom: 40px;
	margin-left: 20px;
}

div.popuphide	{
visibility: hidden;
position: absolute;
width: 300px;
float: left;
margin-left: 0;
}

div.popup
{
	visibility: visible;
	position: absolute;
	width: 180px;
	margin-left: -20px;
	margin-top: 20px;
	background-color: #ffffff;
	float: left;
	border: 1px solid #cccccc;
	color: #666666;
	padding-top: 5px;
	padding-left: 8px;
	padding-bottom: 8px;
	padding-right:5px;
	z-index: 1;
	font-family: Arial;
	font-size: 1em;
	color:Black;
	line-height: 120%;
}

.breadcrumb
{
	text-decoration: none;
	color: #9e292b;
}

.breadcrumbselected
{
	text-decoration: none;
	color: #ea2628;
	font-weight: bold;
}

a.Print
{
	float: right;
	background-color: #9e292b;
	color: #ffffff;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.strength1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.strength2
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.strength3
{
     background-color:Gray;
     color: #FFCAAF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.strength5
{
     background-color:Gray;
     color: #93FF9E;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}