/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}


 a img{
        border:none;
        outline:none;
            }

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/*PNG Transparency fix IE 6*/
img, div, map 
	behavior: url(../iepngfix.htc)
}

/*Clear float fix*/
.clear {
	clear: both;
	line-height: 0;
	width:100%;
}

.left{
	float: left;
	display: block;}

.right{
	float: right;
	display: block;}


/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	min-width:1024px;
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
	background: #f4f2ed url(images/body-bg.jpg) repeat-y center top;
	font: 0.8em/150%;
	 font-family: Arial, Helvetica, sans-serif;
	color: #404040;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	
}

html, body {
	width: 100%;
	min-width:1024px;
	height: 100%;
	margin: 0;
	padding: 0;
}

body { min-height: 100%; padding-bottom: 1px; }

/************************************************************************************
PAGE STYLING
*************************************************************************************/
#wrapper{	
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	min-width:1024px;
	min-height: 600px;
}	
	
	

#page-holder {
	display: block;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background: url(images/top-bg.jpg) repeat-x left top;
	min-height: 600px;
	
}



/************************************************************************************
HEADER STYLING
*************************************************************************************/
#header{	
	float: left;
	display: block;
	width: 1000px;
	height: 75px;
}	
	
	
	
	
/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#nav-holder{
	float: left;
	display: block;
	width: 1000px;
	font-size: 11px;
	height: 31px;}


#main-nav {
float: left;
	display: block;
	width: 1000px;
	height: 31px;
	
	
}

#main-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	display: block;
}
#main-nav li:first-child {
	margin-left: 10px;
}
#main-nav a {
	line-height: 100%;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
}
#main-nav a:hover {
	color: #00688c;
	background-image:url(images/nav-hover.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}


#main-nav .current_page_item, #main-nav .current_page_ancestor {
	display: block;
	color: #00688c;
	background-image:url(images/nav-a.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	

}
	
#main-nav .current_page_item a, #main-nav .current_page_ancestor a{
	color: #00688c;


}

/************************************************************************************
POSITION LINKS PANEL OVER FLASH
*************************************************************************************/
    
#aleosoftflash{position:absolute;
z-index:100;}
#flashdiv{position:absolute;
z-index:100;}

div#flash-container{
z-index: 1;
	border: 0px solid #999;
	width: 970px;
	height: 330px;
display:block
}



    #links-panel{
        position: relative;
        width: 950px;
        z-index: 1000;
        top: 0px;
        left: 0px;
        font-size: 12px;
        font-weight: bold;
        color: #002c77;
        text-align: right;
        height: 312px;
        vertical-align: bottom;
        display: table-cell;

    }
    
    #links-panel span {display:inline-block;
    bottom: 0;}
    
    #links-panel table{ vertical-align: bottom;
    padding-bottom: 10px; text-align: left; padding-right:20px; background-color: #FFF;}
    
    #links-panel-title{
        display: inline-block;}
    
    
    #links-panel ul{
        float: left;
        display: block;
        padding: 0px 20px 0px 12px;
        }
        
        #links-panel li{    
        list-style: none;
        padding-bottom: 4px;
        }
        #links-panel li a{    text-decoration: none; color: #002c77;}
        #links-panel li a:hover{ 
        text-decoration: none;
        color: #66cbde;}


	
/************************************************************************************
FOOTER
*************************************************************************************/
#foot-holder{
	float: left;
	display: block;
	width: 1000px;
	height: 75px;
	border-top: solid 2px #CCCCCC;
}	

#foot-holder p{
	float: left;
	display: block;
	width: 710px;
	padding: 15px 15px;
	color: #37424a;
	font-size: 12px;
	line-height: 17px;
	}
	
	
#foot-holder p a{
	color: #37424a;
	text-decoration:none;
	
	}
	
	#foot-holder p a:hover{
	text-decoration:underline;
	}
	
	
	
/************************************************************************************
CONTENT HOLDER
*************************************************************************************/	
	
	
	#content-home{
	float: left;
	display: block;
	width: 970px;
	margin: 0;
	padding: 10px 15px 10px 15px;
}	

	#hero{
	float: left;
	display: block;
	width: 970px;
	height: 330px;
	margin-bottom: 10px;
}	






/*********************************************************************************
HOME PAGE SEARCH AND APPLY PANEL  linkwrapper to make whole div clickable
*************************************************************************************/		


	
.four-col-last{
	float: left;
	display: block;
	width: 213px;
	height: 204px;
	border: 9px solid #006d9e;
	background-color: #006d9e;
	background-image: url(images/Search-Apply.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.link-wrapper{
		position: relative;
		top: 0;
		left: 0;
		width: 231px;
		height: 204px;
		}
		
.link-wrapper span{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('images/blank.gif');
} 
	
	.search-link  {
		position: relative;
		top: 32px;
		left: 0;
		width: 197px;
		text-align: center;
		padding: 4px 8px 4px 8px;
		line-height: 14px;
		}
		
		.search-link a {
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
		}
		
		
		.search-link a:hover {
			text-decoration: underline;}
		
	#button-holder{
		position: relative;
		top: 10px;
		margin-left: 12px;
		padding: 0px 20px 0px 20px;
		width: 150px;
		height: 29px;
		margin-bottom: 107px;
		text-align: center;
		}
	a.button-main {
		width: 175px;
	text-align: center;
	color: #FFF;
	display: block;
	font: bold 9pt Helvetica, Arial, sans-serif;
	height: 29px;
	text-decoration: none;
	font-size: 14px;

}
a.button-main span {
	text-align: center;
	background: transparent url('images/button-span.png') no-repeat;
	display: block;
	line-height: 29px;
}
a.button-main:hover {
	text-align: center;
	background-position: top right;
	text-decoration: none;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.button-main:hover span {
	background-position: bottom left;
}


	




/************************************************************************************
TEMPLATE PAGES SEARCH AND APPLY PANEL linkwrapper to make whole div clickable
*************************************************************************************/	





.four-col-last-template{
	float: left;
	display: block;
	width: 213px;
	height: 162px;
	border: 9px solid #006d9e;
	background-color: #006d9e;
	background-image: url(images/Search-Apply-Small.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	}
	
	
	
.four-col-last-template .link-wrapper{
		position: relative;
		top: 0;
		left: 0;
		width: 231px;
		height: 162px;
		}
		
	 .link-wrapper span{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('images/blank.gif');
} 
	
	.four-col-last-template .search-link  {
			position: relative;
		top: 0px;
		left: 0;
		width: 197px;
		text-align: center;
		padding: 4px 8px 4px 8px;
		line-height: 14px;
		}
		
		.four-col-last-template .search-link a {
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		font-size: 13px;
		line-height: 17px;
		}
		
		
	
		
	.four-col-last-template #button-holder{
		position: relative;
		top: 40px;
		margin-left: 12px;
		padding: 0px 20px 0px 20px;
		width: 150px;
		height: 29px;
		margin-bottom: 90px;
		text-align: center;
		}
	a.button-main {
		width: 175px;
	text-align: center;
	color: #FFF;
	display: block;
	font: bold 9pt Helvetica, Arial, sans-serif;
	height: 29px;
	text-decoration: none;
	font-size: 14px;

}
a.button-main span {
	text-align: center;
	background: transparent url('images/button-span.png') no-repeat;
	display: block;
	line-height: 29px;
}
a.button-main:hover {
	text-align: center;
	background-position: top right;
	text-decoration: none;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
}
a.button-main:hover span {
	background-position: bottom left;
}




/************************************************************************************
TEMPLATE PAGES VIDEO THUMB
*************************************************************************************/	


#video-layer{
	float: left;
	display: block;
	width: 230px;
	height: 130px;
	margin-bottom: 10px;
	}
	
#video-roll{
	float: left;
	display: block;
	width: 230px;
	height: 130px;

	}
	
.video-layer-name{
	float: left;
	display: block;
	width: 207px;
	background-color: #37424a;
	padding:  0px 12px;
	padding-top: 10px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	}
	
.video-layer-position{
	float: left;
	display: block;
	width: 207px;
	background-color: #37424a;
	padding:  3px 12px 12px 12px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	}
	

/************************************************************************************
TEMPLATE PAGES LAYOUT - PROFILES
*************************************************************************************/	


.profile-layer{
	display: none;
	float: left;
	width: 470px;
	height: 100%;
}

.profile-video-layer{
	margin-top: 25px;
	background-color: #37424a;
	width: 470px;
	height: 256px;
	border: 0px solid #000;
	padding-top: 10px;
}


.profile-image{
	float: left;
}

.profile-link{
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10pt;
}

.profile-link a:hover, #graduate-profiles-list a:hover{
	color: #FFF;
}



.profile-header{
	background-color: #37424a;
	margin-top: 25px;
	float: left; 
	width: 470px; 
	height: 153px;
	display:block;
	z-index: 200;
	margin-bottom: 20px;	

	color: #fff;

}

.profile-picture-full{
	float: left;
	width: 230px;
	height: 153px;
	background-color: #eee;

}


.profile-meta-data{
	float: left;
	width: 208px;
	padding-left: 20px;
	padding-top: 15px;
	border: 0px solid #FFF;
}

.profile-meta-data-heading{
	color: #f2c5dc;

}
.profile-meta-data-name{
	font-size: 13pt;
	
}
.profile-meta-data-position{
	margin-top: 5px;
}



.profile-meta-data-education{
	margin-top: 20px;
}

.profile-blurb{
	margin-top: 20px;
}


.profileBody{
	line-height: 11pt;

}

.wholeProfile{
	width: 470px;
	float: right;
	height: auto;
}

.wholeProfile-footer{
float: left;
width: 470px;
height: 40px;
margin-top: 20px;

}

.video-profile-meta-data{
	float: left;
	display: block;
	padding: 10px;
	width: 450px;
	height: 10px;
	background-color: #37424a;
	padding-top: 5px;
	padding-bottom: 13px;

	color: #FFFFFF;


}

.video-profile-meta-data{

}


.video-profile-meta-data .video-profile-name{
	float: left;


	/*background-color: #CCC;*/
	font-weight: bold;
	font-size: 14px;	
}

.video-profile-meta-data .video-profile-position{
	float: left;
	padding-left: 10px;

	/*background-color: #EEE;*/
	font-size: 12px;
}

/************************************************************************************
TEMPLATE PAGES LAYOUT
*************************************************************************************/	




#template-leftcol{
clear: both;
	float: left;
	display: block;
	width: 723px;
	padding-right:15px;}



#hero-inner{
float: left;
	width: 723px;
	height: 180px;
	margin-bottom: 10px;}
	


/************************************************************************************
TEMPLATE PAGES LEFT CONTENT COLUMN
*************************************************************************************/	


#template-sub-leftcol{
	float: left;
	display: block;
	width: 230px;
	padding-right:15px;
	height: 100%;
}




#left-nav{
	float: left;
	display: block;
	width: 206px;
	background-color: #D2F0F7;
	margin-bottom: 10px;
	padding: 12px;
}

#left-nav p {
	color: #006d9e;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 12px;
	}


#left-nav ul{
	float: left;
	width: auto;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-transform: uppercase;
	line-height:17px;
		
}
		
#left-nav li{	
	list-style: none;
	padding-bottom: 8px;
}


#left-nav li ul {	
	list-style-type: disc;
	margin-left: 20px;
	padding-left: 20px;
	padding-bottom: 8px;
}


#left-nav li a{	
	text-decoration: none; 
	color: #006D9E;
}

#left-nav li a:hover{ 
	text-decoration: none;
	color: #002C77;
}
	
	
#left-nav .sidebar-current{
	color: #006D9E;
	font-weight: bold;

}

/************************************************************************************
TEMPLATE PAGES LEFT CONTENT COLUMN
*************************************************************************************/	
#template-content{
	float: left;
	text-align: left;
	display: block;
	width: 474px;
	font-size: 12px;
	
	}

#sitemap_content{
	float: left;
	text-align: left;
	display: block;
	width: 474px;
	font-size: 12px;
	
	}



/************************************************************************************
TEMPLATE PAGES QUOTE BOX
*************************************************************************************/	


.graduate-placement-panel-holder{
	float: left;
	display: block;
	width: 231px;
	height: 64px;
	margin-bottom: 10px;
	background-color: #e0e0e0;
	color: #999;
	padding: 0px;
	font-size: 10pt;
	}

.graduate-placement-panel-holder a{
	color: #999;
	font-size: 10pt;
}

.quote-panel-holder{
	float: left;
	display: block;
	width: 231px;
	margin-bottom: 10px;
	}
	

.quote-panel-text{
	float: left;
	display: block;
	width: 207px;
	background-color: #e0e0e0;
	padding: 12px;
	font-size: 14px;
	line-height: 18px;
	}
	
.quote-panel-name{
	float: left;
	display: block;
	width: 207px;
	background-color: #e0e0e0;
	padding:  0px 12px;
	color: #006699;
	font-size: 14px;
	font-weight: bold;
	}
	
.quote-panel-position{
	float: left;
	display: block;
	width: 207px;
	background-color: #e0e0e0;
	padding:  3px 12px 12px 12px;
	color: #006699;
	font-size: 10px;
	font-weight: bold;
	}

/* headings */
#template-content h1, #template-sub-leftcol h1 {
	float: left; 
	width: 98%;
	font-size: 28px;
	font-weight: normal;
	color: #00a8c8;

	line-height: 28px;
	margin-top: 10px;
}

#template-content h2{
	float: left; 
	width: 98%;
	font-size: 16px;
	font-weight: normal;
	color: #00a8c8;

	line-height: 20px;
	margin-top: 15px;
}




#template-content h3 {
	float: left; 
	width: 98%;
	font-size: 15px;
	font-weight: normal;
	color: #00a8c8;
	padding-bottom: 15px;
	line-height: 20px;
	margin-top: 10px;
}

#template-content h4 {
	float: left; 
	width: 98%;
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 20px;
	font-size: 14px;
}



#template-content p {
	float: left; 
	width: 98%;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 18px;
}


#template-content p a {
	text-decoration: underline;
	color: #002c77;
}


#template-content p a:hover {
	text-decoration: underline;
	color: #00a8c8;
}

#template-content ul {
	clear: both;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
	padding-left: 10px;

}

#template-content ul ul{
	clear: both;
	float: left;
	width: 400px;

}

.sitemap ul li{
	font: 0.8em/150%;
	color: #404040;
	padding: 7px;
}


.sitemap li{

	clear: both;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
	padding-left: 10px;

}

#sitemap_template ul li{

	color: #404040;
	padding: 7px;
}



#addthis-panel {
	float: left;
	display: block;
	width: 100%;
	height: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
}


.quick-links {
	color: #006D9E;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 12px;
}







/************************************************************************************
GRADUATES
*************************************************************************************/	



#graduates-sub-leftcol{
	clear: both;
	float: left;
	display: block;
	width: 230px;
	padding-right:15px;
}

#graduates-sub-leftcol h1 {
	float: left; 
	
	font-size: 28px;
	font-weight: normal;
	color: #00A8C8;
	padding-bottom: 16px;
	line-height: 28px;
	margin-top: 10px;
}

table.imagetable {
	float: left;
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	margin-bottom: 10px;
	border: 1px solid #006d9e;
	border-right: 0px;
}
		 
		
	




table.imagetable th {
	background-color: #e5f0f5;
	padding: 5px;
	color:#006d9e;
	font-weight: bold;
	text-align: left;
	border-right: 1px solid #006d9e;		 
}


.grey-cell {
	background-color: #e5f0f5;
	padding: 5px;
	 border-top: 1px solid #006d9e;
	 border-right: 1px solid #006d9e;
	 
}


	
	
/************************************************************************************
GRADUATE PROFILES
*************************************************************************************/	

.graduate-profile{
	display: none;
	float: left;
	border: 1px solid #000;
	width: 472px;
	height: auto;
	
}

#graduate-profiles-list li{

	height: 41px;
	background-colour: #FFF;
}

#graduate-profile-widget{

	float: left;
	width: 230px;
	height: 330px;
	/*background-image: url('images/graduate-profile-widget.jpg');*/
	margin-bottom: 20px;
	margin-top: 25px;
	margin-right: 15px;
}

	
/************************************************************************************
GRADUATE PROFILES
*************************************************************************************/	

.faq-holder{
	list-style-type: none;
	margin: 0;
	padding: 0;		
	font-size: 10pt;
	/*border: 1px dotted blue;*/
	cursor: pointer;

}

.faq-holder ul li{
	margin: 0;
	padding: 0;

}


.faq-holder ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.faq-holder ul ul{
	list-style-type: circle;
	padding-top: 5px;
	margin-top: 5px;
	margin: 0;
	padding: 0;
}

.faq-holder ul li, .faq-holder ul ul li{
	clear: both;
}


.faq-holder ul li{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 18px;
	clear: both;
	float: left;	
}

.faq-holder a:hover{
	text-decoration: none;
}




/************************************************************************************
COLLAPSE o MATIC
*************************************************************************************/	


.collapseomatic {
	background-image: url(images/arrow-down.png) !important;
	background-repeat: no-repeat;
	padding: 0 0 10px 0;
	/*border: 1px dotted blue;*/
	cursor: pointer;
	color: #00A8C8;
	/*text-transform: uppercase;*/
	font-size: 1.1em;
}
.alternate_color_faqs{
	color: #002C77;
}


.collapseomatic:hover{
	text-decoration: none;
	color: #404040;	
}

.arrowright {
	background-position: top right;
	padding: 0 16px 10px 0;
}

.noarrow {
	background-image: none !important;
	padding: 0 0 10px 0;
}
.colomat-hover {
	text-decoration: none;
}

.collapseomatic_excerpt{
	font-weight: bold;
}

.colomat-close{
	background-image: url(images/arrow-up.png);
	text-decoration: none;
}
.collapseomatic_excerpt, .collapseomatic_content {
	margin-top: 0px;

	padding: 0px;
}



.content_collapse_wrapper {
	display: none;
}
.collapseall, .expandall {
	cursor: pointer;
}
.collapseall:hover, .expandall:hover {
	text-decoration: none;
}

.colomat-hover{
	text-decoration: none;

}

/************************************************************************************
LOCATIONS
*************************************************************************************/	


.location-address{
	float: left;
	width: 210px;
	height: auto;
	background-color: #EEE;
	margin-bottom: 10px;
	padding: 10px;
	font-weight: bold;
	color: #006D9E;
	font-size: 10pt;

}

.template-sub-leftcol-googlemap{
	width:	230px;
	float: left;
	height: auto;
	margin-top: 10px;
	padding: 10px;
}




    #map-locations{
        position: absolute;
        width: 215px;
        z-index: 1000;
        top: 30px;
        left: 475px;
        float: left;
	background-color: #FFF;
	padding: 10px;
	font-size: 10px;
	line-height:13px;

    }
    
    #map-locations a{
    	font-size: 11pt;
    	color: #666;
    	font-weight: bold;
    	text-decoration: none;
    
    }
    
    #map-locations a:hover{
    	color: #560054;
    }
    
    
     #map-locations ul{
     	list-style-type: none;
     	
     }
     
     
.job-vacancy{
	clear: both;
	float: left;
	background-color: #e3f3db;
	width: 455px;
	height: auto;
	min-height: 75px;
	padding: 10px;
	margin-bottom: 1px;
}


.job-vacancy .job-title{
	color: #00582D;
	font-size: 14px;
	margin-bottom: 10px;
}


.job-vacancy .featured-job{
	color: #72BE44;
	float: right;
	width: 100px;
	height: 30px;
	text-align: right;
	font-weight: bold;
}

.job-vacancy .job-summary{
	color: #37424a;
	margin-bottom: 10px;
}
.job-vacancy .job-link{
	font-weight: bold;
}
.job-vacancy .job-link a{
	font-weight: bold;
	text-decoration: none;
	font-weight: bold;
	color: #404040;
}


.mapPanel{
	position: absolute;
	width: 720px; 
	height: 350px;
	display: none;
	z-index: 1000;
	top: 0;
}


#graduate-profiles-list li{
	background-color: #FFF;
	color: #000;
    	height: 41px;

	
}

#graduate-profiles-list li:hover{
	color: #560054;
	background-color: #e5e5e5;
    
}

#graduate-profiles-list a{
	color: #000;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}

#graduate-profiles-list li:hover a{
	color: #560054;

}



.grad-jobs td, .grad-jobs tr{
font-size: 12px;

}



#left-hand-panel{
	width: 250px;
	display: block;
	float: left:
	height: 100%;

}

#graduate-awards-nav {
    width: 230px;
    height: 229px;
    float: left;
    position: relative;
    background-image: url('images/grad-awards-2016.gif');
    background-position: top center;
    background-repeat: none;
}