/* Start of CMSMS style sheet 'HRIA Layout' */
body {
        margin:0;
        padding:0;
        border:0;			
        width:100%;
        background:#ffffff;
        font-family:verdana,helvetica;
	text-align:center;
    }
	
a {color:#369;text-decoration:none;}
	
a:hover {color:#000000; text-decoration:underline;}
    
h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0; font-family:verdana;
    }
  
h5 {font-size:14px; color:#999999;
        margin:15px 0; text-align:center; border-bottom:1px dotted #cccccc; 
        padding:2px 0; font-family:verdana;
    }

	
/*wrapper styles */
	
.fixed #wrapper {
		width:950px;
		text-align:left;
		margin:0 auto;
	}
	
	
/* Header styles */
    
#header {
        clear:both;
        
        width:100%;
		background:#fff;
    }
	
#header {
		
	}


	
	
#navigationbar {z-index:1000;
        clear:both; 
        float:left; padding:0;margin:0;
        width:100%; text-align:center;
		
	}

	
#layoutdims {z-index:-10;
		clear:both;
		border-top:4px solid #000;
		margin:0;
		padding:6px 0 !important;
		text-align:right;
	}


	
/* column container */


.colmask {z-index:-10;
position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	
/* holy grail 3 column settings */
	
.holygrail {z-index:10;
	    background:none;    	/* Right column background colour */
	}


.holygrail .colmid {z-index:-10;
        float:left;
        width:200%;
        margin-left:-250px; 	/* Width of right column */
        position:relative;
        right:100%;
         	/* Centre column background colour */
    }


.holygrail .colleft {z-index:-10;
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:425px;         	/* Left column width + right column width */
           	/* Left column background colour */
    }



.holygrail .col1wrap {z-index:-10;
        float:left;
	    width:50%;
	    position:relative;
	    right:175px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}


.holygrail .col1 {z-index:-10;
        margin:0 250px 0 175px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;text-align:left;
	}


.holygrail .col2 {z-index:-10;
        float:left;
        float:right;			/* This overrides the float:left above */
        width:175px;        	/* Width of left column content (left column width - left and right padding) */
        position:relative;
        right:0;         	/* Width of the left-hand side padding on the left column */
    }


.holygrail .col3 {z-index:-10;font-family:verdana; 
       
 float:left;
        float:right;			/* This overrides the float:left above */
        width:250px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }

.padding {padding:1px 10px;}

.featurebar {padding:10px; border-left:1px solid #cccccc; margin:10px 0 10px 4px; min-height:443px;}

/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #7a9db2;
    }

.subnav {background:url('/uploads/graphics/bg_subnav.gif') top left no-repeat; height:500px; z-index:-10;padding:0;}

#subnavigation {margin:10px 0; width:175px; padding:0;}

#subnavigation A:link {color:#666666; background:transparent; text-decoration:none; width:100%;}

#subnavigation A:visited {color:#666666; background:transparent; text-decoration:none;width:100%;}

#subnavigation A:hover {color:#ffffff; background:#333333;opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;  text-decoration:none;}

.subnavitem {font-size:12px; font-family:verdana,helvetica; padding:2px 5px; }






/*** page styles ***/

.footer {padding:10px; font-size:11px; font-family:verdana; text-align:center;}

.maincontent {font-size:12px; font-family:arial,verdana;line-height:145%;z-index:1000; margin-bottom:40px;padding:0  8px;}

.maincontent UL {margin-bottom:10px; margin-top:4px; padding:0 0 0 30px;}

.maincontent img {float:right; border:1px solid #e5a515; padding:1px;margin:5px; position:relative;z-index:10000;}

.mission {font-size:115%; line-height:140%;margin:8px 25px;color:#666666; font-weight:bold;font-family:georgia;}

H2 {margin: 18px 0; font-size:18px; font-weight:bold; }

H3 {margin:8px 0; font-size:13px; font-weight:bold;}

.smaller {font-size:84%;}
.hidden {display:none;}
.cleaner {clear:both;}



/** ACCESSIBILITY FOOTER **/
.accessibilityfooter {margin:10px 0; line-height:150%;}

/** UNITED WAY **/
.unitedway {text-align:center; margin:8px auto; width:100px;}

/** CONTACT BOX - right column **/

.contactbox {font-size:11px; line-height:134%;padding:2px;border:1px solid #e5a515;background-color:#f7f5e2; width:99%; margin:10px auto 25px auto;}

.contactbox img {float:right; border:1px solid #e5a515; margin-left:1px}

.programscontactbox {font-size:11px; line-height:134%;padding:3px;border:1px solid #e5a515; background-color:#f7f5e2;width:98%; margin:0 auto;}
.programscontactbox img {float:right; border:1px solid #e5a515; margin-left:2px}


/** CONTACT FORMS **/

.contactform TEXTAREA {width:450px; height:150px; border:1px solid #000000; font-size:12px; color:#5d87a2; font-family:arial;}

.contactform INPUT {border:1px solid #000000;font-size:12px; color:#5d87a2; margin:0 0 5px 10px;font-family:arial;}

.contactform img {border:1px solid #000000;}

.contactform .submit INPUT {background-color:#eebd61; padding:5px; font-size:14px; margin:10px; 0; color:#000000;}

 .error_message {color:red; font-size:90%;}


/** STAFF PAGES **/
.detailimage {float:left; width:150px; postion:relative;}
.biophoto {border:1px solid #000000;}
.detailcontent {margin-left:150px;}
DT { line-height:14px;}
DD {margin-bottom:6px; }


/** HORIZONTAL STAFF PAGES WITH PHOTO **/
#horizontal_staff_listing {MARGIN:0; padding:0;}

#horizontal_staff_listing UL {margin:10px 0;padding:0;list-style:none;}

#horizontal_staff_listing LI {padding:0; margin:7px;border-bottom:1px dotted #dddddd; width:95%;height:90px; text-align:left;}

#horizontal_staff_listing .photo img {border:1px solid #000000; float:left;}

#horizontal_staff_listing .information {margin-left:80px;}


/** DL STAFF PAGES, NO PHOTO **/

#stafflisting {MARGIN:0;PADDING:0;}
#stafflisting DT {FONT-WEIGHT:BOLD;margin-top:7px;}
#stafflisting DD {line-height:135%;}






/** GRANTS DEADLINE CALENDAR **/
#grants_deadlines {background: url(/uploads/graphics/bg_programs_status.gif) top repeat;padding:10px 0; margin:30px 0;}
#grants_deadlines H3 {font-size:12px; text-transform:uppercase; margin:0;padding-bottom:3px;}
#grants_deadlines .background {padding:3px; background-color:#ffffff; font-size:11px; }

#grants_deadlines UL {margin:0 0 5px 0; padding:0 0 0 15px; list-style:square;}

#grants_deadlines .event {font-size:12px; margin-bottom:3px; padding:0; line-height:130%;}


/** SELLSMART FORM **/
.orderitem {clear:both; margin:5px 0 0 0;border:1px solid orange; }
.sellsmartregistration {clear:both;margin:5px 0 0 0;padding:2px 0;}
.sellsmartregistration .label {float:left; width:150px; font-size:12px; font-weight:bold; text-align:right;margin-right: 8px;}
.sellsmartregistration .input { color:#990000; text-align:left;}

.sellsmartform .submit {clear:both;margin:15px auto; text-align:center; width:100px; padding:15px;}


.sellsmartitems {clear:both;margin:10px 0 0 0;padding:7px 0;}
.sellsmartitems .label {float:left; width:350px; font-size:12px; color:#330000;}
.sellsmartitems .input {float:right; color:#990000;}




/** CATALOG/REPORT/RESOURCES **/
.report_item {margin-bottom:15px; }
.report_images {float:left; margin-right:10px; margin-bottom:5px;  position:relative;}
.report_images img {float:none; border:none}
.report_download {font-weight:bold; font-size:12px;}
.report_description {margin:5px 0;}
.category_item {padding-bottom:10px;border-bottom:1px dotted #cccccc; height:90px;}
.category_description {margin:5px 0 5px 110px; }





/** JOBS **/
.JobPostDetailUrl {margin:8px 0;}


/** GRANTS PAGES **/
.downloadables {MARGIN:15px 0; font-size:11px; padding:2px;}
.downloadables UL {padding:0;margin:2px 0 2px 16px;}
.downloadables h4 {color:#5c8827; text-transform: uppercase; font-size:11px; border-bottom:1px dotted #dddddd; padding-bottom:4px;margin-bottom:6px;}
/* End of 'HRIA Layout' */