/**

Berwick TEC website - Main CSS for Sub Pages
---------------------------------------------

Master Layout

Millipede Creative Development

*/



* {
	/* reset the works */
	margin: 0px;
	padding: 0px
}



/*________		TYPOGRAPHY		_____________________________________________*/

body {
	font: 62.5% Verdana, Arial, sans-serif;
	line-height: 1.8em;
	color: #000
}
h1 {
	font-size: 1.8em;
	line-height: 1em;
	text-transform: uppercase
}
h2 {
	font-size: 1.6em;
	font-size: 1.125em;
}
p {
	font-size: 1.1em;
	line-height: 1.6em
}
a {
	color: #3A6AB0;
	font-weight: bold
}



/*________		BASE STRUCTURE / LAYOUT		_____________________________________________*/


html {
	background: #e7e7e7 url( ../img/css/bg-tile.png ) repeat-x
}
body {
	margin: 0px auto;
	text-align: center;
	background: url( ../img/css/subpage-bg-top.jpg ) center top no-repeat
}
hr {
	clear: both;
	visibility: hidden
}
#content {
	width: 984px;
	margin: 0px auto;
	text-align: left;
	background: url( ../img/css/subpage-bg-mid.jpg ) 54% 754px no-repeat;  /*1px bug semi-fix (only for 1024) - this cannot be overcome*/
}




/*________		HEADER		_____________________________________________*/

#content-header {
	height: 60px;
	padding: 20px 60px
}
#content-header h2, #content-header p {
	height: 0px;
	padding: 66px 0px 0px 0px;
	overflow: hidden;
	float: left;
}
#content-header h2 {
	width: 146px;
	background: url( ../img/css/tec-header.png ) no-repeat
}
#content-header p {
	width: 241px;
	margin-left: 35px;
	background: url( ../img/css/tec-header.png ) -178px 0px no-repeat
}
object#key-message {
	margin: -3px 0px 0px 34px
}





/*________		MIDDLE		_____________________________________________*/

#content-middle {
	width: 570px;
	float: left;
}
#content-middle p, #content-middle h1, #content-middle h2,  #content-middle h3 {
	padding: 0px 23px
}
#content-middle h1 {
	color: #FFF;
	font-size: 1.7em;
	margin: 30px 0px 40px
}
object#subpage-heading {
	margin: 20px 0px 40px 20px
}
#content-middle h2 {
	font-size: 1.4em;
	color: #3a6ab0;
	margin: 0px 0px 12px
}
#content-middle h2.pad-top {
	margin: 10px 0px 12px
}
#content-middle h3 {
	font-size: 1.2em;
	color: #3a6ab0;
	margin: 0px 0px 12px
}
#content-middle p {
	margin: 0px 0px 12px
}
#content-middle p.course-link {
	margin: 0px 0px 24px
}
#content-middle p.hero-shot {
	background: url( ../img/css/hero-image-bg.png ) 0px 0px no-repeat;
	padding: 22px 20px;
	margin: 0px 0px 12px 8px
}
#content-middle p.portrait-shot {
	background: url( ../img/css/portrait-bg.png ) 0px 0px no-repeat;
	padding: 18px 22px;
	margin: 0px 20px 6px 8px;
	float: left
}
#content-middle img {
	border: 1px solid #d43042
}
#content-middle ul {
	margin: 0px 80px 14px 23px;
	list-style: none;
	font-size: 1.1em
}
#content-middle ol {
	margin: 0px 80px 14px 43px;
	font-size: 1.1em
}
#content-middle ul li {
	background: url( ../img/css/bullet.png ) 0px 5px no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 10px
}
#content-middle ol li {
	margin: 0px 0px 10px
}
#content-middle p.alertBox {
	background: url( ../img/css/alert-bg.png ) 20px 0px no-repeat;
	padding: 10px 50px;
	color: #063D5F
}
#content-middle .hr {
	height: 20px;
	display: block;
	background: url( ../img/css/hr-bg.png ) 20px 0px no-repeat
}
#content-middle table {
	margin: 0px 23px 20px;
	border-collapse: collapse;
	line-height: 1.3em;
	background: #FCFBF9
}
#content-middle thead {
	background: #D43042;
	color: #FFF;
	font-weight: bold
}
#content-middle td {
	padding: 6px 6px;
	border: 1px #A4A4A4 solid;
	width: 25%;
	vertical-align: text-top
}
#content-middle tr.alternate {
	background: #F0F0F8
}

/*________		LEFT	 (Global navigation)	_____________________________________________*/

#content-left {
	width: 201px;
	float: left;
	margin: 7px 14px 0px 3px
}

#content-left ul {
	list-style: none;
	font-size: 1em;
}

#menu a {
	color: #182F4F;
	font-weight: normal;
	text-decoration: none
}
#menu a:hover {
	text-decoration: underline
}
#menu img {
	border: 0px
}
#menu h4 {
	font-size: 1.3em;
	margin: 0px 0px 10px;
	padding: 13px 0px 0px;
	height: 0px;
	overflow: hidden
}
#menu p {
	font-size: 1em;
	padding: 15px 0px 20px 30px;
	line-height: 1.3em;
	border-bottom: 1px dotted #000;
	height: 34px
}
#menu li {
	margin: 0px 0px 3px
}
#menu li li.current {
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;
	background: transparent url( ../img/css/menu-current.png ) 7px 7px no-repeat;
}
#menu div { /* this non-semantic div is unfortunate but required to enable transparent round corners on expandable boxes */
	padding: 10px 10px 0px;
}
#menu li p.toggle, #menu li p.no-toggle {
	text-align: right;
	padding: 0px 10px 2px 0px;
	border-bottom: 0px;
	height: auto
}
.toggle-display {
	border-bottom: 1px dotted #000;
	padding: 8px 0px
}
#menu li li {
	background: transparent url( ../img/css/menu-arrow.png ) 7px 5px no-repeat;
	padding: 0px 0px 0px 17px;
	line-height: 1.4em;
	margin: 0px
}
#menu li.show, #menu li.show a {
	color: #FFF;
}

#menu-home.show	div				{	background: url( ../img/css/bg-global-nav.png ) -201px 0px no-repeat	}
#menu-home.hide div				{	background: url( ../img/css/bg-global-nav.png ) 0px 0px no-repeat		}
#menu-home.hide p.no-toggle 	{	background: url( ../img/css/bg-global-nav.png ) 0px bottom no-repeat	}
#menu-home.show p.no-toggle  	{	background: url( ../img/css/bg-global-nav.png ) -201px bottom no-repeat	}

#menu-courses.show div			{	background: url( ../img/css/bg-global-nav.png ) -603px 0px no-repeat		}
#menu-courses.hide div			{	background: url( ../img/css/bg-global-nav.png ) -402px 0px no-repeat		}
#menu-courses.hide p.toggle 	{	background: url( ../img/css/bg-global-nav.png ) -402px bottom no-repeat		}
#menu-courses.show p.toggle  	{	background: url( ../img/css/bg-global-nav.png ) -603px bottom no-repeat		}

#menu-life.show div			{	background: url( ../img/css/bg-global-nav.png ) -1005px 0px no-repeat		}
#menu-life.hide div			{	background: url( ../img/css/bg-global-nav.png ) -804px 0px no-repeat		}
#menu-life.hide p.toggle 	{	background: url( ../img/css/bg-global-nav.png ) -804px bottom no-repeat		}
#menu-life.show p.toggle  	{	background: url( ../img/css/bg-global-nav.png ) -1005px bottom no-repeat	}

#menu-study.show div		{	background: url( ../img/css/bg-global-nav.png ) -1407px 0px no-repeat		}
#menu-study.hide div		{	background: url( ../img/css/bg-global-nav.png ) -1206px 0px no-repeat		}
#menu-study.hide p.toggle 	{	background: url( ../img/css/bg-global-nav.png ) -1206px bottom no-repeat	}
#menu-study.show p.toggle  	{	background: url( ../img/css/bg-global-nav.png ) -1407px bottom no-repeat	}

#menu-beyond.show div		{	background: url( ../img/css/bg-global-nav.png ) -1809px 0px no-repeat		}
#menu-beyond.hide div		{	background: url( ../img/css/bg-global-nav.png ) -1608px 0px no-repeat		}
#menu-beyond.hide p.toggle 	{	background: url( ../img/css/bg-global-nav.png ) -1608px bottom no-repeat	}
#menu-beyond.show p.toggle  {	background: url( ../img/css/bg-global-nav.png ) -1809px bottom no-repeat	}



/*________		RIGHT		_____________________________________________*/

#content-right  {
	/* height property removed */
	max-width: 183px;
	float: left;
	margin: 0px 0px 0px 12px
}
#content-right-tour {
	margin-bottom: 10px /* changed */
}
#content-right-tour ul {
	padding: 10px 0px 0px 0px;
	list-style: none
}
#content-right-apply ul {
	padding: 8px 0px 0px 0px;
	list-style: none
}
#content-right-tour li {
	padding-top: 155px;
	width: 182px;
	height: 0px;
	overflow: hidden;
	background: url( ../img/css/virtual-tour-link-square.png ) 0px 0px no-repeat
}

#content-right-gallery {
	margin-bottom: 10px
}
#content-right-gallery ul {
	padding: 0px 0px 0px 0px;
	list-style: none
}
#content-right-gallery li a {
	padding-top: 127px;
	width: 182px;
	height: 0px;
	display: block;
	overflow: hidden;
	background: url( ../img/css/galleries-link.png ) 0px 0px no-repeat
}

#content-right-apply li a {
	padding-top: 155px;
	height: 0px;
	overflow: hidden;
	background: url( ../img/css/apply-now.png ) 0px 0px no-repeat;
	width: 182px;
	display: block
}

div.caption-image {
	background: url( ../img/css/caption-image-bg.png ) 0px 0px no-repeat;
	padding: 9px;
	width: 133px;
	margin: 10px 0px 0px
}
div.caption-image p {
	color: #d43042;
	font-size: 1em;
	padding: 3px 0px 0px
}




/*________		FOOTER		_____________________________________________*/

#content-footer {
	height: 159px;
	padding: 58px 30px 20px;
	background: url( ../img/css/subpage-bg-footer.jpg) -2px top no-repeat
}

ul#footer-links {
	list-style: none;
}
#footer-links li {
	float: left;
	margin: 0px 6px 0px 0px
}
#footer-links li a {
	height: 0px;
	display: block;
	overflow: hidden;
	padding: 27px 0px 0px
}

li#footer-link-top	 	{	margin: 0px 0px 0px 200px }

#footer-link-where a 	{	background: url( ../img/css/bottom-nav-buttons.png ) 0px 0px no-repeat; width: 154px 		}
#footer-link-industry a {	background: url( ../img/css/bottom-nav-buttons.png ) -160px 0px no-repeat; width: 135px 	}
#footer-link-book a		{	background: url( ../img/css/bottom-nav-buttons.png ) -314px 0px no-repeat; width: 111px 	}
#footer-link-tec a		{	background: url( ../img/css/bottom-nav-buttons.png ) -431px 0px no-repeat; width: 138px 	}
#footer-link-faq a		{	background: url( ../img/css/bottom-nav-buttons.png ) -574px 0px no-repeat; width: 54px 		}
#footer-link-top a		{	background: url( ../img/css/bottom-nav-buttons.png ) -648px 0px no-repeat; width: 102px 	}

#footer-link-where a:hover		{	background: url( ../img/css/bottom-nav-buttons.png ) 0px -40px no-repeat		}
#footer-link-industry a:hover 	{	background: url( ../img/css/bottom-nav-buttons.png ) -160px -40px no-repeat 	}
#footer-link-book a:hover		{	background: url( ../img/css/bottom-nav-buttons.png ) -314px -40px no-repeat 	}
#footer-link-tec a:hover		{	background: url( ../img/css/bottom-nav-buttons.png ) -431px -40px no-repeat 	}
#footer-link-faq a:hover		{	background: url( ../img/css/bottom-nav-buttons.png ) -574px -40px no-repeat 	}
#footer-link-top a:hover		{	background: url( ../img/css/bottom-nav-buttons.png ) -648px -40px no-repeat		}

ul#footer-links-secondary, ul#footer-links-secondary a {
	color: #7d7d7d;
}
ul#footer-links-secondary a {
	text-decoration: none
}
ul#footer-links-secondary a:hover {
	text-decoration: underline
}
ul#footer-links-secondary {
	list-style: none;
	float: right;
	margin: 29px 20px 0px 0px;
}
#footer-links-secondary li {
	list-style: none;
	float: left;
	margin: 0px 6px 0px 0px
}