/*-------STYLES SPECIFIC TO GNL website ---------*/

/* Override gnlscreen.css style to show gnl header image */
body{
	background-image:url(../images/gnl_header.jpg); /* PHOTO IN TOP RIGHT OF HEADER */
	
}

/* Override gnlscreen.css style to show gnl title image */
#gnlhead #gnldeptitle{
	background-image:url("../images/gnl_title.gif"); /* NAME OF DEPARTMENT */
	width:304px; height:48px;
}

/* left menu highlighted menu links */
ul.mm li.highlight {
	border:none;
}
ul.mm li.highlight a {
	background-color:#3889c8;
	border:none;
}
ul.mm li.highlight a:hover {
	background-color:#84b7df !important;
}

/* additional pages in left menu specific to department (note: common pages are built-in to gnlscreen.css styles */
/* highlighted menu links */
#residents ul.mm li.highlight a.residents,
#business ul.mm li.highlight a.business,
#visitors ul.mm li.highlight a.visitors
{
	font-weight:bold;
	color:#fff;
	background:#6aa6d5 url(../images/gnlbulletlight.gif) no-repeat right !important; /* RIGHT ANGLE QUOTE BULLET ICON */
}
/* menu links */
#government ul.mm li a.government,
#departments ul.mm li a.departments
{
	font-weight:bold;
	color:#fff;
	background:#3477AC url(../images/gnlbulletlight.gif) no-repeat right !important; /* RIGHT ANGLE QUOTE BULLET ICON */
}

/* gnl content*/
#gnlcontent .section {
	clear:right;
	overflow:hidden;
	padding-bottom:6px;
}
#gnlcontent .divider {
	padding-bottom:6px;
	border-bottom:1px dotted #ccc;
	margin-bottom:12px;
}
#gnlcontent .two-column {
	width:50%;
	float:left;
}
#gnlcontent .two-column .content {
	margin-right:16px;
}



#gnlcontent .social-column {
	width:40%;
	float:left;
}
#gnlcontent .social-column .content {
	margin-right:16px;
}
#gnlcontent .social2-column {
	width:60%;
	float:left;
}
#gnlcontent .social-column .content {
	margin-right:16px;
}




#gnlcontent h1, #gnlcontent h2, #gnlcontent h3, #gnlcontent h4 {
	clear:right;
	font-family:"Segoe UI", Tahoma, Helvetica, Arial, Verdana, sans-serif;
	color:#333;
	font-size:1.6666em;
	line-height:125%;
	font-weight:normal;
	margin:0; padding:0;
	margin-bottom:12px;
}
#gnlcontent h1{
	color:#1B7E15;/*#48A842*/
	border-bottom:1px dotted #ccc;
	padding-bottom:3px;
	margin-bottom:12px;
}
#gnlcontent h2 {
	font-size:1.5em;
}
#gnlcontent h3 {
	font-size:1.3333em;
}
#gnlcontent h4 {
	font-size:1.16666em;
}
#gnlcontent p {
	line-height:150%;
	margin-bottom:12px;
}
#gnlcontent p.top-page-link {
	float:right;
	font-size:10px; font-size:1rem;
	line-height:normal;
	margin:0; padding:0;
}
#gnlcontent ul.list {
	margin:0; padding:0; margin-left:16px; margin-bottom:12px;
	list-style-image:url('../images/raquo.gif');
}
#gnlcontent ul.list ul.list {
	margin-bottom:0;
}

#gnlcontent ul.list p {
	margin:0; padding:0;
	margin-bottom:9px;
}

/* english/francais button */
#gnlcontent a.en, #gnlcontent a.fr {
	float:right;
	display:block;
	color:#fff;
	text-decoration:none;
	line-height:normal;
	margin:0; margin-right:16px;
	background-color: #3889c8;
	padding:8px 16px; padding-bottom:9px;
}
#gnlcontent a.en:hover, #gnlcontent a.fr:hover {
	background-color:#1e73b4;
}



/* information boxes */
#gnlcontent .info-boxes {
	overflow:hidden;
	margin:18px 0;
}

#gnlcontent .info-boxes .box {
	float:left;
	width:50%; /*height:336px;*/
	background-repeat:no-repeat;
	background-position:top left;
	margin:0;
}
@media screen and (min-width:816px) {
	#gnlcontent .info-boxes .box {
		width:33%;
	}
}
@media screen and (min-width:1088px) {
	#gnlcontent .info-boxes .box {
		width:25%;
	}
}
@media screen and (min-width:1360px) {
	#gnlcontent .info-boxes .box {
		width:20%;
	}
}
@media screen and (min-width:1632px) {
	#gnlcontent .info-boxes .box {
		width:16.666%;
	}
}
#gnlcontent .info-boxes .box h2 {
	font-size:1.5em;
	color:#333;
	margin:0;
	padding:92px 6px 6px 0;
}
#gnlcontent .info-boxes .box ul {
	list-style-image:url('../images/raquo.gif');
	color:#333;
	margin:0 12px 16px 12px; padding:0;
}
#gnlcontent .info-boxes .box ul li {
	margin-bottom:6px;
	line-height:140%;
}
#gnlcontent .info-boxes #res-employment {background-image:url('../images/info-boxes/res_employment.jpg');}
#gnlcontent .info-boxes #res-healthcare {background-image:url('../images/info-boxes/res_healthcare.jpg');}
#gnlcontent .info-boxes #res-education {background-image:url('../images/info-boxes/res_education.jpg');}
#gnlcontent .info-boxes #res-familylife {background-image:url('../images/info-boxes/res_familylife.jpg');}
#gnlcontent .info-boxes #res-basicneeds {background-image:url('../images/info-boxes/res_basicneeds.jpg');}
#gnlcontent .info-boxes #res-vehicles {background-image:url('../images/info-boxes/res_vehicles.jpg');}
#gnlcontent .info-boxes #res-safety {background-image:url('../images/info-boxes/res_safety.jpg');}
#gnlcontent .info-boxes #res-land {background-image:url('../images/info-boxes/res_land.jpg');}
#gnlcontent .info-boxes #res-recreation {background-image:url('../images/info-boxes/res_rec.jpg');}
#gnlcontent .info-boxes #res-wildlife {background-image:url('../images/info-boxes/res_wildlife.jpg');}
#gnlcontent .info-boxes #res-transportation {background-image:url('../images/info-boxes/res_transportation.jpg');}
#gnlcontent .info-boxes #res-volunteer {background-image:url('../images/info-boxes/res_volunteer.jpg');}

#gnlcontent .info-boxes #bus-start {background-image:url('../images/info-boxes/bus_start.jpg');}
#gnlcontent .info-boxes #bus-manage {background-image:url('../images/info-boxes/bus_manage.jpg');}
#gnlcontent .info-boxes #bus-general {background-image:url('../images/info-boxes/bus_general.jpg');}
#gnlcontent .info-boxes #bus-withus {background-image:url('../images/info-boxes/bus_withus.jpg');}
#gnlcontent .info-boxes #bus-contract {background-image:url('../images/info-boxes/bus_contract.jpg');}

#gnlcontent .info-boxes #gov-premier {background-image:url('../images/info-boxes/gov_gov.jpg');}
#gnlcontent .info-boxes #gov-hoa {background-image:url('../images/info-boxes/gov_hoa.jpg');}
#gnlcontent .info-boxes #gov-awards {background-image:url('../images/info-boxes/gov_awards.jpg');}
#gnlcontent .info-boxes #gov-courts {background-image:url('../images/info-boxes/gov_courts.jpg');}
#gnlcontent .info-boxes #gov-service {background-image:url('../images/info-boxes/gov_publicservice.jpg');}
#gnlcontent .info-boxes #dialogue {background-image:url('../images/info-boxes/gov_dialogue.jpg');}