@import url('adapt.css');

/* 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 BACKGROUND GRADIENT ******/


body, body.webprogram {
    background-color: transparent;
    /*background-image: url("/img/awhonn/webprogram/body_bg_2013.png");*/
    background-repeat: repeat-x;
    font-family: 'Open Sans',sans-serif;
	}
	html#range_1 body, html#range_1 body.webprogram {
		background-position: 0 -40px;
		}
.bannerwrapper {
    background-color: transparent;
    background-image: url("/img/awhonn/webprogram/body_bg_2013.png");
    width:100%;
	height: 215px;
    background-repeat: repeat-x;
	}
	html#range_1 .bannerwrapper, html#range_0 .bannerwrapper {
		height: 108px;
		background-position: 0 -87px;
		}

.banner {
    background-color: transparent;
    margin: 0 -10px;
	height: 215px;
	}

	.banner a {
		display: inline-block;
		margin: 0;
		padding: 0;
		}
	.banner img {
		height: auto;
		width: auto;
		margin-right: 10px;
		}
		html#range_1 .banner img {
			width: 465px;
			height: 122px;
			margin-top: 10px;
			}
	.banner .logo {
		float: left;
		}
		.banner .logo img {
			margin: 10px 10px 0 10px;
			}
			html#range_1 .banner .logo img {
			width: 98px;
			height: 149px;
			margin-top: 10px;
			}
	html#range_0 .banner {
		background-image: url("/img/awhonn/webprogram/body_bg_2013.png");
		height: 100px;
		margin-top: 40px;
		background-color: transparent;
		}
		html#range_0 .banner .menu button {
			background: #fcbe0d url('/static/img/buttongradient.png') 50% 50% repeat-x;
			}
			html#range_0 .menu .mobilenav {
				background-color: #EFEFEF;
				}
		html#range_0 .banner a {
			display: inline-block;
			margin: -120px 0 0 85px;
			}
		html#range_0 .banner img {
			display: none;
			/* display: inline-block;
			width: 248px; */
			width: auto;
			height: 65px;
			margin: 0px 5px 0px 5px;
			float:right;
			}
		html#range_1 .banner img {
			display: block;
			width: 248px;
			height: 65px;
			margin: 0px 5px 0px 5px;
			}
		html#range_0 .banner .logo {
			float:right;
			}
			html#range_0 .banner .logo img {
				width: auto;
				height: 65px;
				margin: -35px 5px 0px 0px;
				display: inline-block;
				float: right;
				}
			html#range_1 .banner .logo img {
				display: block;
				float: right;
				height: 99px;
				margin: 5px 5px 0 0;
				width: 65px;
			}
		html#range_1 .banner {
			height:auto;
		}

/* 2013 AWHONN Navigation Bar */

#nav {
    background-position: center top;
    background-repeat: no-repeat;
    clear: none;
    height: 39px;
    position: relative;
    top: 3px;
    }

#navigation2013{
	position:relative;
	height:39px;
	padding:0;
	margin:0;
	}
	#navigation2013 a{
		outline:none;
		}
	#navigation2013 > ul{
		display:table;
		list-style:inside none;
		padding:0;
		margin:0 0 0 auto;
		}
	#navigation2013 > ul > li{
		display:inline;
		position:relative;
		float:left;
		list-style:inside none;
		margin:0;
		padding:0;
		text-align: left;
		}
		#navigation2013 > ul > li > a{
			position:relative;
			float:left;
			display:block;
			margin:0;
			padding: 15px 10px 10px;
			font: 12px 'Open Sans',sans-serif;
			text-decoration:none;
			text-transform:uppercase;
			text-align: left;
			font-weight: 700;
			}
			html#range_1 #navigation2013 > ul > li > a{
				padding: 9px 5px 6px;
				font: 10px 'Open Sans',sans-serif;
				}
			#navigation2013 > ul > li:first-child a:before{
				content:"";
				position:absolute;
				top:0; bottom:0; left:-2px;
				text-align: left;
				}
			#navigation2013 > ul > li:last-child a:after{
				content:"";
				position:absolute;
				top:0; bottom:0; right:-2px;
				text-align: left;
				}
			#navigation2013 ul li a:link,
			#navigation2013 ul li a:visited,
			#navigation2013 ul li a:active {
				color: #004684;
				}
			#navigation2013 ul li a:hover {
				color: #F89B1C;
				}
		#navigation2013 ul li ul{
			width:170px;
			display:none;
			list-style:inside none;
			position:absolute;
			top:35px;
			margin:0;
			z-index:999;
			border-color: transparent transparent #FAFAFA;
			border-style: dashed;
			border-width: 10px;
			background-color: #FAFAFA;
			border-radius: 5px 5px 5px 5px;
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
			}
			#navigation2013 > ul li:hover > ul {
				display:block;
				}
			#navigation2013 ul li ul li{
				position:relative;
				display:block;
				float:none;
				list-style:inside none;
				padding:5px 5px 0 5px;
				background:#FAFAFA;
				text-align: left;
				-moz-border-radius:10px 10px 0 0;
				-webkit-border-radius:10px 10px 0 0;
				border-radius:10px 10px 0 0;
				}
				#navigation2013 ul li ul li:first-child{
					-moz-border-radius:10px 10px 0 0;
					-webkit-border-radius:10px 10px 0 0;
					border-radius:10px 10px 0 0;
					text-align: left;
					}
				#navigation2013 ul li ul li:last-child{
					padding-bottom:5px;
					-moz-border-radius:10px 10px 0 0;
					-webkit-border-radius:10px 10px 0 0;
					border-radius:10px 10px 0 0;
					text-align: left;
					}
				#navigation2013 ul li ul li a{
					display:block;
					padding: 5px 8px 7px 16px;
					font: 11px 'Open Sans',sans-serif;
					color:#004684;
					text-decoration:none;
					text-shadow:1px 1px 0 #fff;
					text-align: left;
					font-weight: 700;
					margin-left: -15px;
					margin-right: -15px;
					}
					#navigation2013 ul li ul li a:hover,
					#navigation2013 ul li ul li a:active,
					#navigation2013 ul li ul li a:visited,
					#navigation2013 ul li ul li a:link {
						color: #004684;
						}
					#navigation2013 ul li ul li a:hover {
						background-color: #F0F0F0;
						}
					#navigation2013 ul li ul li:first-child a {
						border:0;
						}



.navigation {
	/* fallback (Opera) */
           background: #FCC00C;
	/* Mozilla: */
	   background: -moz-linear-gradient(top, #FFD601, #F79521);
	/* Chrome, Safari:*/
	   background: -webkit-gradient(linear,
	         left top, left bottom, from(#FFD601), to(#F79521));
	/* MSIE */
	   filter: progid:DXImageTransform.Microsoft.Gradient(
	        StartColorStr='#FFD601', EndColorStr='#F79521', GradientType=0);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
	.navigation li {
		border-top: none;
		border-bottom: none;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		}
		.navigation li a{
			color: #004684
			}
			.navigation li a:hover {
				background-color: #FCBE0D;
				font-weight: bold;
				color: #00658C;
				border-radius: 10px;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				}


.sidebar h4, .sidebar_priority h3, .sidebar h5, .sidebar_priority h5, .content h2 {
    background-color: #FFFFFF;
    color: #F89B1C;
    font-size: 1.2em;
    text-transform: uppercase;
    }
.sidebar_priority, .sidebar_priority h5 {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}

.content {
    border: 2px solid #B6B6B6;
    font-size: 1em;
    margin: 15px 0;
    padding: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#steps h1.dateexpand {
    border-bottom: 2px solid #CCCCCC;
    clear: left;
    font-size: 1.1em;
    margin: 0.2em 0;
    padding: 0 0 0.2em;
	}
	#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 h2.programexpand {
    background-color: transparent;
    border-bottom: 1px dashed #CCCCCC;
    clear: left;
    font-size: 0.9em;
    margin: 0.8em 0 0.5em 1.5em;
    padding: 0 0 0.5em;
}
#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%;
		}

html#range_0 #navigation2013 {
	display: none;
	}




html#range_1 .banner img  {
	display: block;
	}

/****** 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;
}*/