#home-content h4{margin-top: 20px; margin-bottom: 10px;}
#home-content li{list-style-position: outside;}
#home-content .pdfItem{list-style-type: none; list-style-image: url("/global/images/pdf.png");}
#home-content .closeList li{margin-bottom: 0px !important;}
#home-content .closeParagraph{margin-bottom: 3px !important;}
#home-content h5{margin-bottom: 3px;}
#home-content .noMarginTop{margin-top: 0;}
#home-content ol{list-style-type: decimal; margin-top: 0;}
#home-content ol ol{list-style-type: lower-alpha;}
#home-content ol ol ol{list-style-type: lower-roman;}

/**********HOMEPAGE**********/
#home-content .rightGrid{padding-left: 20px;}
#home-content .leftGrid{padding-right: 20px;}
#home-content .firstGrid{padding-right: 10px;}
#home-content .midGrid{padding: 0 5px;}
#home-content .lastGrid{padding-left: 10px;}
#home-content .grid3 .greyGrid{font-size: .9em; line-height: 20px;}
#home-content .greyGrid{padding: 10px; background-color: #eee; margin-top: 14px;}
#home-content .greyGrid hr{border-color: #ddd;}
#home-content .greyGrid h4, #home-content .greyGrid h3{margin-top: 0px;}
#home-content .quickLinks p{border-bottom: 1px solid #eee; padding-bottom: 5px;}
#home-content .homepage .floatingImg{margin-top: 20px;}
#home-content .floatingImg img{float: left;}
#home-content .homepage .floatingImg p{margin-left: 165px; margin-top: 0;}
#home-content .grid3 .btn{width: 100%; margin: 5px 0;}
#home-content .grid9 .wrap .ou-link-wrapper-alt{padding: 0 10px 10px 0;}
#home-content .grid9 .grid4 {padding: 0 15px 15px 0;}

#home-content .panelTitle{
	position: absolute;
	bottom: 3px;
	left: 0;
	padding: 15px;
	width: 100%;
	color: white;
}

/**********EVACUATION PROCEDURES**********/
.fancyboxText{padding: 0 20px 20px 20px; font-family: 'OpenSansRegular'; line-height: 22px; font-size: .95em; width: 500px;}
.fancyboxText ul{margin-left: 20px;}
.fancyboxText li{margin-bottom: 10px;}
.fancyboxText li li{margin-bottom: 0px;}

/**********WEATHER ALERT NOTIFICATIONS**********/
#home-content .commMethods{font-weight: bold;}
#home-content .commMethods ul{font-weight: normal;}

/**********NOTIFICATION SYSTEMS**********/
#home-content .soundList{
	list-style-type: none;
	text-indent: -22px;
}
#home-content .soundList li:before{content: "\f028"; font-family: "FontAwesome"; margin-right: 9px;}

/* side menu */
#home-content .sideLinks{
    margin-top: 10px;
    padding-right: 20px;
	border-top: none !important;
	border-bottom: none !important;
	border-right: none !important;
}
#home-content .sideLinks .grid12{
    margin: 0;
	border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
}
#home-content .sideLinks .grid12:hover > a{
	color: #763775;
	border-left: 4px solid #ffe800;
}
#home-content .sideLinks a{
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #575757;
    font-weight: bold;
    padding-left: 13px;
}
#home-content .sideLinks > .grid12:first-of-type{
	border-top: 1px solid #DDD;
}
#home-content .sideLinks .subSideLink{
    font-size: .9em;
    padding: 5px 10px 3px 30px;
    border-left: 0;
    font-weight: bold;
    text-indent: -10px;
    line-height: 20px;
	border-top: none;
	border-bottom: none;
}
#home-content .sideLinks .subSideLink:before{
    content: "\203A"; 
    padding-right: 5px; 
    position: relative;
    top: -1px;
    color: #763775;
}
#home-content .subLinks{
	border-bottom: 1px solid #DDD;
}
#home-content #spacing .grid12{
	padding: 10px;
}
#home-content .sideLinks h3 a:hover a{
    color: #763775;
    border-left: none;
}
#home-content .sideLinks .activeSideLink{
    color: #763775;
    border-left: 3px solid #763775;
}
#home-content .inactive{
    display: none;
}
#home-content .active{
    display: block;
}
#home-content .hideHeader{
	position: absolute;
	left: -9999px;
	top: -9999px;
}
#home-content .hideMenu{
	display: none;
}



/**********PANELS**********/
/*#home-content .linkWrapper .grid6{padding: 10px;}*/
#home-content .linkWrapper .grid4{margin: 10px 0;}
.linkWrapper .grid6 img{width: 100%;}
/*.gPadding{margin: 3px;}*/
.gPaddingLink{margin: 0;}
.gPadding p{text-align: justify; margin-top: 0;}
.panelInfo{
	display: block;
	text-decoration: none;
	position: relative;
	font-family:'OpenSansBold';
	line-height: normal;
	font-size: .975em;
}
.panelInfo span.panelTitle{
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	padding: 5px 10px;
	background: rgba(118, 55, 117, .8);
	color: white;
}
.panelInfo:hover{
	-webkit-transform: scale(1.03);
	-o-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}
.panel{display: block;}
.panel h2{
	line-height: 30px;
	padding-top: 15px;
}
.panel .backBtn{
	float: right;
	font-size: small;
}

#home-content .border ul{
	text-align: left;
	margin-left: 30%;
	padding-right: 20%;
}
#home-content .border ul ul{
	margin-left: 10px;
}
#home-content .centerContent .grid4{
	margin-top: 20px;
}

@media only screen and (max-width:1300px){
	#home-content .border ul{
		margin-left: 20%;
		padding-right: 13%;
	}
}

@media only screen and (max-width:1024px){
	#home-content .border ul{
		margin-left: 15%;
		padding-right: 10%;
	}
}

@media only screen and (max-width:768px){
	#home-content .psuedoHead1{
		font-size: 1.6em;
	}
	#home-content .centerContent{
		padding: 20px 0px;
	}
	#home-content .centerContent .grid4{
		margin-top: 0px;
	}
	#home-content .firstGrid, #home-content .midGrid, #home-content .lastGrid{padding: 0px;}
	#home-content .rightGrid{padding-left: 0px;}
	#home-content .leftGrid{padding-right: 0px;}
	#home-content .linkWrapper .grid4{width: 50%; padding: 0 10px;}
	.fancyboxText{width: auto;}
}
@media only screen and (max-width:480px){
	#home-content .linkWrapper .grid4{width: 100%; padding: 0;}
}