body { background:url(../images/paragon/backgrounds/main.gif); padding:0px; margin:0px; font-family:"Trebuchet MS", Verdana, Arial;}

#background { background:url(../images/paragon/backgrounds/main-grad.gif) repeat-x; min-height:629px; width:100%; }

#wrap { width:960px; margin:auto; background:#FFFFFF; background:url(../images/paragon/backgrounds/shadow.png); padding-left:3px; padding-right:3px;}

#wrap .header { background:url(../images/paragon/backgrounds/header.jpg) no-repeat; height:183px;}

#wrap .header h1 {margin:0px;}
#wrap .header h1 a { text-indent:-99999px; background:url(../images/paragon/logo.jpg) no-repeat;  height:143px; width:267px; position:absolute; margin-top:40px; margin-right:1px; display:block; overflow:hidden}

#wrap .header ul { list-style:none; margin:0px; padding:0px; padding-top:40px;}
#wrap .header ul li { }
#wrap .header ul li a { display:block; left:auto; right:auto; position:absolute; text-indent:-99999px; height:47px; background-repeat:no-repeat; overflow:hidden; top:38px;}
#wrap .header ul li.home a { background-image:url(../images/paragon/backgrounds/nav/home.png); width:66px; z-index:600; margin-left:253px;}
#wrap .header ul li.home a:hover { background-image:url(../images/paragon/backgrounds/nav/home-active.png);}
#wrap .header ul li.young-people a { background-image:url(../images/paragon/backgrounds/nav/young-people.png); width:104px; z-index:500; margin-left:310px;}
#wrap .header ul li.young-people a:hover { background-image:url(../images/paragon/backgrounds/nav/young-people-active.png);}
#wrap .header ul li.still-at-school a { background-image:url(../images/paragon/backgrounds/nav/still-at-school.png); width:113px; z-index:400; margin-left:405px;}
#wrap .header ul li.still-at-school a:hover { background-image:url(../images/paragon/backgrounds/nav/still-at-school-active.png);}
#wrap .header ul li.adult-learners a { background-image:url(../images/paragon/backgrounds/nav/adult-learners.png); width:114px; z-index:300; margin-left:509px;}
#wrap .header ul li.adult-learners a:hover { background-image:url(../images/paragon/backgrounds/nav/adult-learners-active.png);}
#wrap .header ul li.employers a { background-image:url(../images/paragon/backgrounds/nav/employers.png); width:95px; z-index:200; margin-left:613px;}
#wrap .header ul li.employers a:hover { background-image:url(../images/paragon/backgrounds/nav/employers-active.png);}
#wrap .header ul li.military-resettlement a { background-image:url(../images/paragon/backgrounds/nav/military-resettlement.png); width:145px; z-index:100; margin-left:699px;}
#wrap .header ul li.military-resettlement a:hover { background-image:url(../images/paragon/backgrounds/nav/military-resettlement-active.png);}
#wrap .header ul li.return-to-work a { background-image:url(../images/paragon/backgrounds/nav/return-to-work.png); width:117px; z-index:50; margin-left:835px;}
#wrap .header ul li.return-to-work a:hover { background-image:url(../images/paragon/backgrounds/nav/return-to-work-active.png);}

#wrap .header p.freephone { margin:0px; padding:0px; background:url(../images/paragon/backgrounds/titles/freephone-number.gif) no-repeat; position:absolute; width:328px; height:39px; text-indent:-99999px; left:auto; right:auto; top:129px; margin-left:381px;}

#wrap .content { background:url(../images/paragon/backgrounds/page-corner.gif) bottom right no-repeat;}
#wrap .content .right { width:225px; margin-left:722px; top:100px; z-index:1000; position:absolute;}
#wrap .content .right .top-shadow { background:url(../images/paragon/backgrounds/right-box-top-shadow.png) no-repeat; height:11px;}
#wrap .content .right .shadow { background:url(../images/paragon/backgrounds/right-box-shadow.png) repeat-y; padding-left:9px;}
#wrap .content .right .shadow .content { background: url(../images/paragon/backgrounds/right-content.gif) bottom left no-repeat; padding-bottom:20px; }
#wrap .content .right .bottom-shadow {background:url(../images/paragon/backgrounds/right-box-bottom-shadow.png) no-repeat; height:9px;}
#wrap .content img.float-left {float:left; margin-right:10px; margin-bottom:10px;}

#wrap .content .homepage {}
#wrap .content .homepage h2 {  color:#015da0; font-size:23px; font-weight:normal; padding-bottom:5px; border-bottom:1px solid #9db452; margin-bottom:10px;}
#wrap .content .homepage h3 { color:#0e4d7b; font-size:15px; font-weight:normal; margin-top:10px; margin-bottom:10px;}
#wrap .content .homepage h4 { text-indent:-99999px; width:301px; height:44px; background:url(../images/paragon/backgrounds/titles/what-can-we-offer.gif) no-repeat; margin-left:-12px;}

#wrap .content .homepage .left { width:705px; padding-left:12px; overflow:hidden; }

#wrap .content .homepage .left .boxes { text-align:right;}
#wrap .content .homepage .left .boxes h5 { font-family:Georgia, Verdana, Arial; font-weight:normal; font-size:22px; margin:0px; color:#a9d027; padding-right:15px; padding-top:7px; }
#wrap .content .homepage .left .boxes p { font-size:12px; color:#2677b3; padding-right:15px; line-height:15px; margin:0px; padding-top:8px; }
#wrap .content .homepage .left .boxes p a { display:block; float:right; background:url(../images/paragon/backgrounds/box-link.png) no-repeat; margin-right:-7px; width:103px; height:32px; color:#FFFFFF; /* text-transform:uppercase; */ text-align:center; padding-top:5px; text-decoration:none;}
#wrap .content .homepage .left .boxes p a:hover { text-decoration:underline;}

#wrap .content .homepage .left .boxes .young-people { background:url(../images/paragon/backgrounds/young-people-box.jpg) no-repeat; float:left; width:344px; height:120px; margin-bottom:22px;}
#wrap .content .homepage .left .boxes .employers { background:url(../images/paragon/backgrounds/employers-box.jpg) no-repeat; float:right; width:344px; height:120px; margin-bottom:22px;}
#wrap .content .homepage .left .boxes .still-at-school { background:url(../images/paragon/backgrounds/still-at-school-box.jpg) no-repeat; float:left; width:344px; height:120px; margin-bottom:22px;}
#wrap .content .homepage .left .boxes .adult-learners { background:url(../images/paragon/backgrounds/adult-learners-box.jpg) no-repeat; float:right; width:344px; height:120px; margin-bottom:22px;}
#wrap .content .homepage .left .boxes .military-resettlement { background:url(../images/paragon/backgrounds/military-resettlement-box.jpg) no-repeat; float:left; width:344px; height:120px;}
#wrap .content .homepage .left .boxes .return-to-work { background:url(../images/paragon/backgrounds/return-to-work-box.jpg) no-repeat; float:right; width:344px; height:120px;}

#wrap .content .homepage .left .links { overflow:hidden; clear:both; padding-top:20px;}
#wrap .content .homepage .left .links a { border:none; display:block; float:left; margin-right:15px;}
#wrap .content .homepage .left .links a img { border:none;}

#wrap .content .homepage .right {}
#wrap .content .homepage .right .shadow .content { padding-bottom:80px;}
#wrap .content .homepage .right .shadow .content h3 { margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#9db452; padding-left:10px; }
#wrap .content .homepage .right .shadow .content .article { border-bottom:1px solid #0060a6; margin-left:10px; margin-right:10px; padding-bottom:10px; padding-top:10px; }
#wrap .content .homepage .right .shadow .content .article p { font-size:11px; color:#025692; margin-bottom:5px; margin-top:0px;}
#wrap .content .homepage .right .shadow .content .article .date { color:#9db452; font-weight:bold;}
#wrap .content .homepage .right .shadow .content .article a { color:#025692; font-size:11px; }

#wrap .content .homepage .right .links { overflow:hidden; clear:both; padding-top:10px; margin-left:8px;}
#wrap .content .homepage .right .links a { border:none; display:block; margin-bottom:15px;}
#wrap .content .homepage .right .links a img { border:none;}

#wrap .content .page { overflow:hidden; padding-left:14px;}
#wrap .content .page .breadcrumb { color:#015ea1; font-size:12px; width:700px; margin-top:12px;}
#wrap .content .page .breadcrumb a { color:#015ea1;}

#wrap .content .page .left { float:left; width:216px; padding-right:15px; margin-top:15px; }
#wrap .content .page .left ul { list-style:none; padding:0px; border:1px solid #dedede; margin-left:0px; margin-top:0px; }
#wrap .content .page .left ul li { }
#wrap .content .page .left ul li a { color:#0060a6; font-size:12px; font-weight:bold; text-decoration:none; padding-left:10px; padding-top:5px; padding-bottom:6px; display:block;}
#wrap .content .page .left ul li ul { display:none; padding-left:10px;}
#wrap .content .page .left ul li.active a { color:#FFFFFF; text-decoration:underline; background: url(/images/paragon/backgrounds/side-nav-active.gif) no-repeat top left; }
#wrap .content .page .left ul li.active {}
#wrap .content .page .left ul li.active ul { display:block; border:none; padding-left:15px; padding-top:5px; margin-bottom:-3px;}
#wrap .content .page .left ul li.active ul li { padding-bottom:5px;}
#wrap .content .page .left ul li.active ul li a { color:#88a42e; text-decoration:none; font-weight:normal; background:none; padding:0px;}
#wrap .content .page .left ul li.active ul li.active a { text-decoration:underline;}
#wrap .content .page .left ul li.active ul li.active ul li { }
#wrap .content .page .left ul li.active ul li.active ul li a { text-decoration:none;height:auto}
#wrap .content .page .left ul li.active ul li.active ul li.active a { text-decoration:underline; }
#wrap .content .page .left ul li.active ul li ul li a { height:auto;}
#wrap .content .page .left ul li.active ul li.active .page908 { display:none;}
#wrap .content .page .left ul li.active ul li.active .page909 { display:none;}
#wrap .content .page .left ul li.active ul li.active .page910 { display:none;}
#wrap .content .page .left ul li.active ul li.active .page911 { display:none;}
#wrap .content .page .left ul li.active ul li.active .page912 { display:none;}
#wrap .content .page .left ul li.active ul li.active .page913 { display:none;}
#wrap .content .page .left ul li.active ul li.active .page914 { display:none;}
#wrap .content .page .left ul li.active ul li.active .page915 { display:none;}
#wrap .content .page .left ul li.active ul li.active .page916 { display:none;}
#wrap .content .page .left ul li.active ul li.active .page917 { display:none;}
#wrap .content .page .left ul li.active ul li.active .page918 { display:none;}

#wrap .content .page .left .links a { margin-bottom:10px; display:inline-block;}
#wrap .content .page .left .links a img { border:none; margin:0px; padding:0px; }

#wrap .content .page .centre { float:left; width:472px;}
#wrap .content .page .centre .block { }
#wrap .content .page .centre h2 { color:#09548a; font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; border-bottom:1px solid #9db452; padding-bottom:5px; margin-top:5px;}
#wrap .content .page .centre h3 { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#c42a1f; font-weight:normal; clear:both; margin-bottom:10px; width:420px;}
#wrap .content .page .centre h4 { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#015ea1; padding:0px; margin-top:10px; margin-bottom:10px;}
#wrap .content .page .centre p { font-size:12px; color:#015ea1; line-height:18px;}
#wrap .content .page .centre p a { color:#88a42e;}
#wrap .content .page .centre ul li { color:#015ea1; font-size:12px; }
#wrap .content .page .centre ul li a { color:#88a42e;}
#wrap .content .page .centre .top { position:absolute; left:auto; right:auto; margin-top:5px; margin-left:420px; color:#7e7e7e; font-size:10px;}
#wrap .content .page .centre .top a { color:#88a42e; text-decoration:none;}
#wrap .content .page .centre .top a:hover { border-bottom:1px dotted #88a42e; }
#wrap .content .page .centre table { margin-top:10px; margin-bottom:10px;}
#wrap .content .page .centre table th { color:#c42a1f; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; text-align:left; padding-bottom:5px; }
#wrap .content .page .centre table td { font-size:12px; color:#015ea1; line-height:18px; padding:2px;}
#wrap .content .page .centre table td a { color:#88a42e;}
#wrap .content .page .centre img { border:none}
#wrap .content .page .centre img.floatleft {float:left; margin-bottom:2px; margin-right:10px; margin-top:5px; }
#wrap .content .page .centre img.floatright { float:right; margin-bottom:2px; margin-left:10px; margin-top:5px;}


#wrap .content .page .centre .news-articles { }
#wrap .content .page .centre .news-articles .article { margin:15px 0; margin-bottom:25px; }
#wrap .content .page .centre .news-articles h4 { margin:0; margin-bottom:5px; font-size:80%;} 
#wrap .content .page .centre .news-articles h4 a { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#015ea1;}
#wrap .content .page .centre .news-articles p { margin:0; font-size:70%;}
#wrap .content .page .centre .news-articles p.link { margin-top:5px;}
#wrap .content .page .centre .news-articles p.link a { font-size:80%; }
#wrap .content .page .centre .news-articles div.img { float:left; margin-right:10px; margin-top:5px; }
#wrap .content .page .centre .news-articles div.img a { border:none !important; padding:0px !important;}
#wrap .content .page .centre .news-articles p.date { margin:0px; color:#999; font-size:10px;}
#wrap .content .page .centre .news-articles .pagination { float:right; font-size:11px;margin-left:10px;margin-bottom:10px; color:#015ea1;}
#wrap .content .page .centre .news-articles .pagination a {color:#88a42e;}
#wrap .content .page .centre .floated-image-bar {list-style:none; margin:0; padding:0; width:150px; text-align:center; float:left; margin-right:10px; margin-bottom:10px;}
#wrap .content .page .centre .floated-image-bar li {margin:0; padding:0; padding-top:10px;}
#wrap .content .page .centre .floated-image-bar li a { border:0 !important;}
#wrap .content .page .centre .floated-image-bar li .img { border:none;}

#wrap .content .page .centre .library { margin-top:15px; overflow:hidden;}
#wrap .content .page .centre .library dl { width:50%; float:left; margin:0px;}
#wrap .content .page .centre .library dt { width:35px; display:inline; float:left; clear:left; margin-bottom:20px;}
#wrap .content .page .centre .library dt a { background:none !important; border:none !important;}
#wrap .content .page .centre .library dt img { border:none;}
#wrap .content .page .centre .library dd { width:180px; display:inline; float:left; padding:0px; margin-left:10px; margin-bottom:20px;}
#wrap .content .page .centre .library dd p { padding:0px; margin:0px;}
#wrap .content .page .centre .library dd p a {  text-decoration:none; }
#wrap .content .page .centre .library dd p a:hover { text-decoration:underline;}
#wrap .content .page .centre .library dd p .type { color:#bfbfbf; font-weight:bold; font-size:10px;}
#wrap .content .page .centre .library dd p.published_date { color:#707070; font-size:9px;}

#wrap .content .page .centre .hub-page ul.block-nav { list-style:none; padding:0px; margin:0px 40px; }
#wrap .content .page .centre .hub-page ul.block-nav li { float:left; width:33%; margin:10px 0px;}

#wrap .content .page .centre .album { margin:0; padding:0; list-style:none; margin-top:15px; }
#wrap .content .page .centre .album li { display:block; float:left; margin-right:9px; margin-left:9px; margin-bottom:8px;}
#wrap .content .page .centre .album li a { width:90px; height:90px; display:block; text-indent:-999999px; background:none !important; border:none !important; background-position:50% 50%; float:left; margin-right:10px; margin-bottom:10px; overflow:auto;}

#wrap .content .page .centre .form table tr td { padding:5px;}
#wrap .content .page .centre .form table tr td textarea { width:206px;}
#wrap .content .page .centre .form table tr td.input input { width:206px;}

#wrap .content .page .right { margin-left:708px;}
#wrap .content .page .right .shadow .content { padding-bottom:40px;}
#wrap .content .page .right .shadow .content h3 { margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#9db452; padding-left:10px; font-weight:normal; }
#wrap .content .page .right .shadow .content h4 { margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#3e6257; line-height:22px;  }
#wrap .content .page .right .shadow .content h4 strong { font-size:17px; }
#wrap .content .page .right .shadow .content p { color:#8b8b8b; font-size:11px; line-height:18px; font-family:Georgia, "Times New Roman", Times, serif;}
#wrap .content .page .right .shadow .content p strong {}
#wrap .content .page .right .shadow .content img { border:none}
#wrap .content .page .right .shadow .content .case-study { margin-left:10px; margin-right:10px; padding-bottom:10px; padding-top:10px; }
#wrap .content .page .right .shadow .content .case-study .image { text-align:center;}
#wrap .content .page .right .shadow .content .case-study a.read-more { color:#88A42E; font-size:15px; float:right; margin-top:12px; margin-right:10px}

#wrap .content ul.footer-nav { width:705px; border-top:1px solid #cdd9a7; margin:0px; list-style:none; padding:0px; padding-top:4px; padding-bottom:10px; margin-left:12px; margin-top:15px;}
#wrap .content ul.footer-nav li { display:inline; font-size:11px; padding-right:9px;}
#wrap .content ul.footer-nav li a { color:#005fa4; text-decoration:none;}
#wrap .content ul.footer-nav li a:hover { text-decoration:underline;}

#footer { width:960px; margin:auto; background:#FFFFFF; background:url(../images/paragon/backgrounds/footer-shadow.png) no-repeat; padding-left:3px; padding-right:3px; height:50px;}
#footer p { margin:0px; font-size:12px; color:#FFFFFF; padding-top:10px; }
#footer p a { color:#FFFFFF;}
#footer p.address { float:left;}
#footer p.contact { float:right;}


#wrap .content .page #flash-notice {background:#5cba00; padding:6px;margin:10px 0;}
#wrap .content .page #flash-notice p { margin:0;color:#ffffff;font-weight:bold;} 
#wrap .content .page #flash-error {background:#cf001d; padding:6px; margin:10px 0;}
#wrap .content .page #flash-error p { margin:0;color:#ffffff;font-weight:bold;} 
#wrap .content .page #errorExplanation { border-bottom:3px solid #cf001d; background:#ffecec;}
#wrap .content .page #errorExplanation h2 { background:#cf001d; color:#ffffff; font-size:12px; padding:8px;margin:0;}
#wrap .content .page #errorExplanation p {color:#cf001d; padding:8px; margin:0;}
#wrap .content .page #errorExplanation ul { margin:10px;font-size:12px;margin-top:0;}
#wrap .content .page #errorExplanation ul li { 	line-height:1.5;}
#wrap .content .page .highlight { background:#fdf8be; display:inline;}

/* Lightbox */

#lightbox{ position:absolute;	left: 0;	width: 100%;	z-index:10000;	text-align: center;	line-height: 0;	}
#lightbox a img{ border: none; }
#outerImageContainer{	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;	}
#imageContainer{	padding: 10px;	}
#loading{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;	}
#hoverNav{	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{	width: 49%;	height: 100%;	background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%		}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{	position: absolute;	top: 0;	left: 0;	z-index: 1000;	width: 100%;	height: 500px;	background-color: #000;	}