/* THIS IS WHERE YOU PUT YOUR CLIENT STYLE OVERRIDES FOR COLOR, ETC. */

/* THIS STYLESHEET WILL ONLY HAVE STYLE ATTRIBUTES WITHIN IT. TO APPLY SPECIFIC STYLES TO A CLIENT, MAKE A STYLE.CSS IN THE CLIENT STYLESHEETS DIRECTORY AND ADD IN YOUR DIVS AND CLASSES. IF THERE ARE ANY QUESTIONS, CONTACT A STYLE PERSON FOR ASSISTANCE */
 body, body.webprogram { 
	background-color: #CCCCCC;
	}
	
.wrap {
	border: 1px solid #000000;
	}
	
.banner {
	height: auto;
	background-color: #8A121B;
	text-align: center;
	border-bottom: 1px solid #000000;
	}
.banner img {
	height: auto;
	width: auto;
	}
	
.banner_image {
	height: auto;
	}

.navigation li a, .navigation li a:link, .navigation li a:visited, .navigation li a:active, .navigation li a:focus, .navigation li a:hover {
	font-weight: normal;
	background-color: #E2E2E2;
	}
	
.navigation li {
	background-color: #E2E2E2;
	border-top: none;
	margin-bottom: 5px;
	}
.navigation li.Home a, .navigation li.Home a:link, .navigation li.Home a:visited, .navigation li.Home a:active, .navigation li.Home a:focus, .navigation li.Home a:hover {	
	background-color: #8A121B;
	}

.navigation li a:hover {
	text-decoration: underline;
	color: #8A121B;
	}
	
.navigation li.Home {
	background-color: #8A121B;
	color: #FFFFFF;
	}
.navigation li.Home a:link	 {
	background-color: #8A121B;
	}
.navigation li.Home a{
	color: #FFFFFF;
	text-decoration: none;
	}
	
.navigation li.Home a:hover{
	text-decoration: underline;
	}
	
html#range_0 .banner {
	text-align: left;
	}
	
/********************************************************************************
 at a glance styles - new collapsible
 ****************************************************************************/
 
 #steps .dateexpand a:link, #steps .dateexpand a:visited {
    background-image: url("/static/img/arrow-down.gif");
    background-position: 98% 50%;
	background-repeat: no-repeat;}
  #steps .dateexpand a:hover, #steps .dateexpand a:active, #steps .dateexpand a:focus {
    text-decoration: underline;
    outline: 0 none; }
  #steps .dateexpand a.open:link, #steps .dateexpand a.open:visited {
    background-image: url("/static/img/arrow-up.gif");
    background-position: 98% 50%;
	background-repeat: no-repeat;}

#steps h1.dateexpand {
	font-size: 1.1em;
	border-bottom: 2px solid #ccc;
	margin: 0.2em 0;
	padding: 0 0 0.2em 0;
	clear: left;
}
#steps h2.programexpand {
	font-size: 0.9em;
	border-bottom: 1px dashed #ccc;
	margin: 0.8em 0 0.5em 1.5em;
	padding: 0 0 0.2em 0;
	padding: 0 0 0.5em;
	clear: left;
	background-color: transparent;
}
#steps .amcol, #steps .pmcol {
	font-size: 0.8em;
	width: 40%;
}
#steps .amcol {
	float: left;
	margin-left: 5%;
	margin-right: 5%;
}
#steps .pmcol {
	margin-left: 51%;
	width: 40%;
}
	

/****** BODY BACKGROUND GRADIENT ******/

/* body, body.webprogram { 	
	background: #ccc url('/static/img/bg-gradient.png') 50% 0 repeat-x;
} */

/****** ADDS SHADOWING TO ANY DIV YOU PUT THESE ATTRIBUTES IN ******/
	
	/*-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 51, 0.85);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 51, 0.85);
	box-shadow: 0px 2px 10px rgba(0, 0, 51, 0.85); */
	

/****** ADDS ROUNDED CORNERS TO ALL CORNERS OF ANY DIV YOU PUT THESE ATTRIBUTES IN ******/

	/*border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/

/****** ADDS ROUNDED CORNERS TO THE BOTTOM OF ANY DIV YOU PUT THESE ATTRIBUTES IN ******/
	
	/* -moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px; */

/******* ADDS ROUNDED CORNERS TO THE TOP OF ANY DIV YOU PUT THESE ATTRIBUTES IN ******/

	/*border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px; */


/****** IF YOU WANT TO ADD A BUTTON GRADIENT TO ANY OF THE FOLLOWING HEADERS COPY THIS INTO YOUR CLIENT STLYES ******/

/*.sidebar h4, .sidebar_priority h3, .sidebar h5, .sidebar_priority h5, .content h2 {
	background:#666 url('/static/img/buttongradient.png') 50% 10% repeat-x;	
}*/



/****** IF YOU WANT TO ADD A BUTTON GRADIENT TO ANY OF THE FOLLOWING LIST ITEMS COPY THIS INTO YOUR CLIENT STLYES ******/

/*.navigation li a, .navigation li a:link, .navigation li a:visited, .navigation li a:active, .navigation li a:focus, .navigation li a:hover {
	background:#ddd url('/static/img/buttongradient.png') 50% 50% repeat-x;
}*/