/* CSS Document */



/***************************************
	CONTENT TITLES - same on every page
***************************************/
div#content-titles {
    width:660px;
	float:left;
	text-align:left;
	margin-top:15px;
	margin-left:42px;
}
/***************************
	END CONTENT TITLES
***************************/


/****************************
	LAYOUT - INDEX:  
SIDE BAR - AND 2 HALF SECTIONS 
****************************/
#content {
	height:100%;
}

/* side nav unique to Index pg */
div#content-sidebar {
	width:183px;
	height:100%;
	background-color:#FFFFFF;
	float:right;
	margin-top:60px;
	padding-left:10px;
	border-left:1px dashed #dadada;
	line-height:2.5em;
}

/* underlines in sidebar */
div#underline {
	width:174px;
	height:4px;
	border-bottom:3px solid #ababab;
}
.imageunderline {
	width:174px;
	height:4px;
	border-bottom:3px solid #ababab;
}
/* background image */
div#content-bg-map {
    float:left;
	width:681px;
	height:384px;
	background-image:url(../images/layout/template_imgs/map_bg_img.jpg);
	background-repeat:no-repeat;
	margin-left:42px;
	margin-top:22px;
}

div#content-map {
	float:left;
	width:630px;
	height:355px;
	background-image:url(../images/layout/template_imgs/map02.png);
	background-repeat:no-repeat;
	margin-left:42px;
	margin-top:22px;
}

div#content-index-left {	
	width:320px;
	float:left;
	padding-top:30px;
}

div#content-index-right {	
	width:320px;
	float:right;
	padding-top:15px;
	padding-left:40px;
	margin-top:17px;
	border-left: 1px dashed #dadada;
}
/**************** 
	END LAYOUT 1 
****************/


/***************************************
	STANDARD LAYOUT - SCREEN IN HALF	
  used everywhere unless stated otherwise,
***************************************/

/* side navigation bar used on most pages */
div#content-side-nav {
	float:right;
	margin-top:70px;
	margin-right:10px;
	margin-bottom:25px;
	padding-left:5px;
	width:175px;
	text-align:right;
	border-left:1px dashed #dadada;
}

/* main content area div - used for all text content fields
unless otherwise stated */
div#content-areas {
	width:380px;
	float:left;
	margin-top:30px;
	margin-left:42px;
}
.content-areas {
	width:380px;
	float:left;	
	margin-top:30px;
	margin-left:42px;
}
/* lightbox container */
div#content-gallery {
	min-height:150px;
	width:260px;
	float:left;
	padding-left:10px;
	margin-top:30px;
	margin-left:10px;
	text-align:center;
	border-left:1px dashed #e7ebf0;
}

/* dashed line dividing levels of content */
div#dashed-divider-horiz {
	margin-left:170px;
	float:left;
	width:600px;
	height:30px;
	border-bottom:1px dashed #dadada;
}
.dashed-divider-horiz {
	margin-left:170px;
	float:left;
	width:600px;
	height:30px;
	border-bottom:1px dashed #dadada;
}
/******************
	END STANDARD LAYOUT 
******************/


/**********************************
 	  SAFE CULTURE LAYOUTS 
(top left content areas same as above) 
*********************************/

/* serves same purpose as divider above
- but smaller left margin */
div#courses-divider-horiz {
	margin-left:85px;
	float:left;
	width:600px;
	height:30px;
	border-bottom:1px dashed #dadada;
}

/* container for course logos
stored within gallery div -
to ensure they are all same size 
and in same place */
div#course-logos {
	width:215px;
	height:60px;
	float:left;
	margin-left:30px;
}

/* FOR BOTTOM SECTION - NOT AS WIDE */
div#courses-bottom-left {
	margin-top:20px;
	margin-left:42px;
	margin-bottom:0px;
	float:left;
	width:650px;
}

/* FOR BOTTOM SECTION - NOT AS WIDE */
div#courses-bottom-right {
	margin-top:20px;
	margin-left:45px;
	margin-bottom:20px;
	float:left;
	width:330px;
}
/**********************************
 	 END SAFE CULTURE LAYOUTS 
*********************************/


/*********************************
	VARIATIONS OF STANDARD LAYOUT
*********************************/

/* used on about us and careers pgs - 
instead of lightbox */
div#content-right {
	min-height:280px;
	width:380px;
	float:left;	
	margin-top:11px;
	margin-left:80px;
}

/* Privacy Page */
div#content-centre {
	margin-left:220px;
	margin-top:20px;
	width:450px;
	margin-bottom:20px;
}

/*** Address on privacy pg ***/
div#content-address {
	margin-left:150px;
	width:250px;
	text-align:left;
}
/**********************
	END VARIATIONS 
**********************/


/****************************
	SITE MAP LAYOUT
****************************/

/* link container  */
div#content-sitemap {  
	margin-left:42px;
	margin-bottom:45px;
	width:900px;
	float:left;
}

/* Dotted divider between links in section 1 */
div#content-sitemap-divider {	
	float:left;
	width:40px;
	height:110px;
	border-left:1px dashed #dadada;
}

/* empty divider to ensure correct spacing 
between sections - used in media and course sections */
div#content-sitemap-divider-empty {	
	float:left;
	width:40px;
	height:110px;
}

/* Dotted divider between links in section 3 (media services) */
div#content-sitemap-divider-media {		
	float:left;
	width:30px;
	height:172px;
	border-left:1px dashed #dadada;
}

/****************************
	END SITE MAP LAYOUT
****************************/