/**

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

Master Layout

Millipede Creative Development

*/



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

/* ------ Gallery ------------ */

#content-right-gallery ul {

       padding: 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

}


/*________		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 ) 51% 754px no-repeat;  /*1px bug semi-fix (only for 1024) - this cannot be overcome*/
}


/* ------------- SP custom -------------------------- */

form {
	margin: 0px auto;
	text-align: center;
	background: #e7e7e7 url( ../img/css/bg-tile.png ) repeat-x;
	height:100%;

}

#page_wrapper {
	background: url( ../img/css/subpage-bg-top.jpg ) center top no-repeat;

}

#authoringRegion
{
	height:25px;
	width:100%;
	background-color:#ffffff;
	color:#333333;
}

.bottom-wb {
	width:310px;
	overflow:auto;
}

.SitePreviewImage
{
		border: 1px solid #000;
		float:right;
		text-align:right;
}

.course-select{
	height:20px
}

.login
{
	display:inline;
}
.login a:hover
{
	text-decoration:underline;
}
.sharepointLogin
{
	float:right;
	display:inline;
}
.sharepointLogin .ms-globallinks
{
    position:relative;
}
.sharepointLogin .ms-globallinks a
{
	color:#333333;
}
.sharepointLogin .ms-globallinks
{
	color:#333333;
}
.sharepointLogin div
{
	color:#333333;
}
.siteActionMenu
{
    float:right;
    height:20px;
    vertical-align:top;
}
.authoringRegion
{
	width:100%;
	background-color:#DDDDDD;
	color:#333333;
}

ul li AspNet-Menu-Leaf  AspNet-Menu-Selected {
	font-weight:bold;
}

/* --- WEB PART ZONES --- */

#course-selector-wp {
	
	height:20px;
	padding:10px 2px 2px 2px;
	margin:0px 0px 5px 0px;
	border:1px red solid;
}

#news-scroller-wp {
	
	/*border:1px red solid;*/
	height:70px;
	margin:0px 0px 0px 0px;
	padding:0px;
}

#info-sessions-wp {
	border:1px red solid;
	height:40px;
	/*height:30px;*/
}

.head1 {
	
	background: #D43042;
	color: #FFF;
	font-weight: bold;
	padding: 6px 6px;
	vertical-align: text-top;
	width: 25%;
	border: 1px #A4A4A4 solid;
}
.cells {
	padding: 6px 6px;
	border: 1px #A4A4A4 solid;
	vertical-align: text-top;
	width: 25%;
}

.nsteps {
	margin: 0px 23px 20px;
	border-collapse: collapse;
	line-height: 1.3em;
	
}

.cells tr.alternate {
	background: #F0F0F8
}

/*#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
}*/

/* --------------end my custom ---------------------- */





/*________		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
}
#key-message {
	margin: -3px 0px 0px 34px;
	width: 375px;
	padding-left:142px;
	font-size: 1.4em;
	color:#7d7d7d;
	font-weight:500;
}





/*________		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;
	font-weight:normal;
	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.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 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 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;
}


/*________		LEFT	 (Global navigation)	_____________________________________________*/

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

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

/* ------------old ---------------- */
#menu ul li a.AspNet-Menu-Selected {
	font-weight:bold;
}

#menu a {
	color: #182F4F;
	font-weight: normal;
	text-decoration: none
}
#menu a:hover {
	text-decoration: underline
}
#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 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 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;
}

/* ----- end old -------------- */



#menu-home.show	div.bgme				{	background: url( ../img/css/bg-global-nav.png ) -201px 0px no-repeat	}
#menu-home.hide div.bgme				{	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.bgme			{	background: url( ../img/css/bg-global-nav.png ) -603px 0px no-repeat		}
#menu-courses.hide div.bgme			{	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.bgme			{	background: url( ../img/css/bg-global-nav.png ) -1005px 0px no-repeat		}
#menu-life.hide div.bgme			{	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.bgme		{	background: url( ../img/css/bg-global-nav.png ) -1407px 0px no-repeat		}
#menu-study.hide div.bgme		{	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.bgme		{	background: url( ../img/css/bg-global-nav.png ) -1809px 0px no-repeat		}
#menu-beyond.hide div.bgme		{	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: 475px;
	max-width: 183px;
	float: left;
	margin: 0px 0px 0px 12px
}
/*#content-right-tour {
	margin-bottom: 30px
}
#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-tour ul {

       padding: 0px;

       list-style: none

}

#content-right-tour li a {

       padding-top: 155px;

       width: 182px;

       height: 0px;

       display: block;

       overflow: hidden;

       background: url( ../img/css/virtual-tour-link-square.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) 1px 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-gallery a		{	background: url( ../img/css/bottom-nav-buttons.png ) -760px 0px no-repeat; width: 103px 		}

#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-gallery a:hover		{	background: url( ../img/css/bottom-nav-buttons.png ) -760px -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
}

/* ------------------ contect.css -------------------------*/

/**

Berwick TEC website - CSS for contact page
------------------------------------
Millipede Creative Development

*/

#content-middle label, #content-middle dt {
	width: 100px;
	float: left;
	clear: both
}
#content-middle form {
	margin-bottom: 30px
}
#content-middle input, #content-middle textarea {
	border: 1px solid #819CBA;
	width: 350px;
	padding: 2px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em
}
#content-middle input.btn {
	margin-left: 100px;
	width: 100px
}
#content-middle form p {
	margin-bottom: 10px
}
#content-middle label {
	font-weight: bold;
}
#content-middle dl {
	margin-left: 23px;
	font-size: 1.1em
}
#content-middle dt {
	margin-bottom: 10px;
	font-weight: bold;
}
#content-middle dd {
	margin-bottom: 10px;
	padding-left: 100px
}

#content-middle .sent{
	margin-left:100px;
	font-weight:bold;
	color:#3a6ab0;
	
}