/* THREE COLUMN LAYOUT */
/* you have to be careful with Nifty Corners - don't add height to the outer containers or the corners will no display correctly in Safari. */

/*padd the */
* {margin:0; padding:0;}
body {
	text-align:center;  /* IE6 needs this to center the layout in the browser window */
	}
body > #main_wrapper  {
	width:800px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	padding:0px 0 10px 0;
	margin-top:10px;
	}	
#header {
	margin: 0 0px;
	
	}
body > #main_wrapper #nav {
	width:130px;
	margin:10px  10px 10px  10px;
/*
	margin:5px 10px 10px 10px;
*/
	float:left;
	/*display:inline;*/ /* fixes IE6 margin doubling bug */
	}
body > #main_wrapper #content {
	width:315px;
	margin:10px 10px 10px  0px;
/*
    margin:5px 10px 10px 10px;
*/

    float:left;
    /*display:inline;*/ /* fixes IE6 margin doubling bug */
    
    }

body > #main_wrapper #promo {
	width:315px;
	margin:10px 10px 10px  0px;
	float:left;
    /*display:inline;*/ /* fixes IE6 margin doubling bug */
    
    }
#header_inner, #nav inner, #content_inner, #promo_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#header_inner {
	padding:0em 0em;
	}
#header_inner h1 {
	position:absolute;
    left:-9999px;
    }
body > #main_wrapper #nav_inner {
	padding:1em .5em;
	}
#nav {width:130px;}
#nav  li {
    cursor:pointer;
    line-height:2;
    padding-left:4px;
}

body > #main_wrapper #content_inner {
	padding:0em 1em 1em 1.5em;
	}


#content #welcome_text, #awards_text {
    padding:10px;
}
#content  p {
    padding:10px 10px 0 10px;
}
body > #main_wrapper #promo #main_flash {

}
body > #main_wrapper #promo #flash_content {

}
body > #main_wrapper #footer {
	margin:0 10px;
	clear:both;
	}

#footer {height: 200px;}
#footer ul.links {
	float: left;
	width: 220px;
	margin: 5px 0 0 60px;
    list-style:none;
}
#footer ul.links li {
    color:#003399;
}
#footer ul.links li a {
	font-style:normal;
    text-decoration:none;
    color:#003399;
	font-size: 12px;
}
#footer ul.links li a:hover {
    text-decoration:underline;
}

#footer .contactinfo {margin: 10px 0 10px 10px; width: 470px; float: left;}
#footer .contactinfo p {color:#003399;}
#footer .contactinfo .tagline {margin: 10px 0 15px 0; line-height: 1.3em; font-size: 11px;}
#footer .copyright {padding: 30px 0 0 0;}


/*
body > #main_wrapper #promo #flash_content {
    outline-width:10px !important;
    outline-color:#666 !important;
    outline-style:outset !important;
*/
/*
    border: 10px outset #666;
*/
/*

}
*/


body > #main_wrapper .nonHome #promo #flash_content {
    outline-width:0;
    outline-color:transparent;
    outline-style:none;
/*
    border: 10px outset #666;
*/

}

.flash_outline {
}

#promo_inner {
/*
	padding:1em .5em;
*/
    padding:0em 0em;


    }



.collapseBar {
background-color:#006600;
background-image:url(../images/title_bar_brown.gif);
border:1px solid blue;
color:white;
cursor:pointer;
font-size:1em;
padding:0.25em;
width:80%;
}

.collapsePanel { 
border:1px solid blue;
padding:0.25em;
width:80%;
}

/*
#itemPanel { 
border-style:solid;
color:#000000;
}*/


/*


*/

/* internet explorer specific styles *****************************************************  */

#ie6only #main_wrapper  {
	width:800px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	padding:0px 0 10px 0;
	margin:10px 10px 5px 0;
    position:relative;
    }


#ie6only #nav {
    float:left;
    margin-top:10px;
    margin-left:5px;
    z-index:400;
}

#ie6only #content {
    /*position:absolute;
    left:153px;*/
    width:315px;
    /*margin-top:10px;*/
    z-index:-1;
    float:left;
    margin:10px 10px 10px 6px;
    display:inline; position:relative;
}
#ie6only #promo {
    position:absolute;
    left: 476px; top:244px;
    width:315px;
    margin-top: -6px;
}

#ie6only #footer {
/*
	margin:0 5px;
*/
	margin:-5px 10px 0px 10px;
	clear:both;
	}


/* internet explorer 7 specific styles *****************************************************  */

#ie7andup #main_wrapper  {
	width:800px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	padding:0px 0 10px 0;
	margin:10px 10px 5px 0;
    position:relative;
    }


#ie7andup #main_wrapper {margin: 0 auto;}

#ie7andup #nav {
    float:left;
    margin-top:10px;
    margin-left:10px;
    z-index:400;
}

#ie7andup #content {
    position:absolute;
    left:140px;
    width:315px;
    /* margin-top:10px; */
    margin:10px;
    float:left;
}
#ie7andup #promo {
    position:absolute;
    left: 476px;
    width:315px;
    margin-top:10px;
    
}

#ie7andup #footer {
	clear:both;
    margin:10px 9px 0 10px;
	padding: 10px 0 15px 0;
    }


