/**

Berwick TEC website - Main CSS
------------------------------------
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.2em;
	line-height: 1.5em
}
a {
	color: #3A6AB0;
	font-weight: bold
}



/*________		BASE STRUCTURE / LAYOUT		_____________________________________________*/

/* Generic */
html {
	/*background: #e7e7e7 url(../img/css/bg-tile.png) repeat-x*/


}
body {
	margin: 0px auto;
	text-align: center;
	/*background: url(../img/css/bg.jpg) center top no-repeat*/
	
}	
/* ------------- 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/bg.jpg) center top no-repeat;

}

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

.bottom-wb {
	width:290px;
	overflow:auto;
	margin-left:20px;
	margin-top:-10px;

}

.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;
}

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

#course-selector-wp {
	
	height:20px;
	padding:30px 2px 2px 2px;
	margin:0px;
	/*border:1px red solid;*/
}
#tour-wp{
	height:133px;
	padding:10px 2px 2px 20px;
	margin:0px 0px 5px -13px;
	overflow:hidden;


}

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

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

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





hr {
	clear: both;
	visibility: hidden
}
#content {
	width: 994px;
	margin: 0px auto;
	text-align: left;
	/*background: url( ../img/css/top-bg.png ) 0px 100px no-repeat*/
	/*background-color:red;*/
}
#content-header {
	height: 60px;
	padding: 20px 60px
}
#content-footer {
	height: 159px;
	padding: 26px 30px 20px;
	background: url(../img/css/footer-bg.jpg) center top no-repeat




}

/* Home page elements */
#content-left {
	width: 610px;
	height: 435px;
	float: left;
	margin: 10px 0px 0px 60px
}
#content-left-intro {
	height: 200px;
}

#content-left-intro h1 {
	color: #FFF;
	font-size: 1.7em;
	font-weight:normal;
	margin: 30px 0px 40px
}

#content-right  {
	height: 475px;
	width: 280px;
	float: left;
	margin: 0px 0px 0px 25px
}
#content-bottom {
	padding: 0px 0px 0px 26px
}
/* these boxes are vertically expandable */
#content-bottom-left, #content-bottom-middle, #content-bottom-right {
	width: 310px;
	min-height: 206px;
	height: auto !important;
	height: 212px;
	float: left;
}



/*________		GENERIC / HEADER		_____________________________________________*/

#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;
}




/*________		HOME PAGE / INTRO		_____________________________________________*/

#content-left-intro h1 {
	font-size: 1.7em;
	color: #FFF;
	margin: 0px 0px 40px
}
#content-left-intro h3 {
	margin: 0px 0px 8px
}
#content-left-intro p {
	width: 540px;
	margin: 0px 0px 8px
}

.introheading {
	
	font-size: 1.7em;
	color: #FFF;
	margin: 0px 0px 40px

}
#intro-body{

font-size:0.9em;
}



/*________		HOME PAGE / COURSE SEARCH		_____________________________________________*/

#content-left-study {
	float: left;
	width: 277px;
}
#content-left-focus {
	float: left;
	width: 268px;
}
#content-left-study {
	padding: 0px 0px 0px 19px;
	border-left: 1px dotted #7f7f7f
}
#content-left-focus h2, #content-left-study h2 {
	height: 0px;
	overflow: hidden;
	padding: 124px 0px 0px
}
#content-left-focus h2 {
	background: url(../img/css/focus-header.png) 0px 0px no-repeat 
 
 
 
 
}
#content-left-study h2 {
	background: url(../img/css/study-header.png) 0px 0px no-repeat;
}
#content-left-study {
	margin: 0px 0px 0px 20px
}
#content-left-focus ul, #content-left-study ul {
	list-style: none;
	font-size: 1.1em;
}
#content-left-focus ul {
	margin: 0px 0px 0px 23px;
	font-size: 1.4em;
}
#content-left-focus li {
	padding: 0px 0px 8px;
}
#content-left-study li {
	margin: 0px 0px 2px 20px;
	height: 20px;
}
#content-left-focus li a, #content-left-study li a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 40px;
}
#content-left-study li a {
	padding: 0px 0px 0px 30px
}
#content-left-focus li a:hover, #content-left-study li a:hover {
	text-decoration: underline;
}

li#list-vcal 			{	background: url(../img/css/list-arrows.png) 0px 2px no-repeat 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	}
li#list-pre-app 		{	background: url(../img/css/list-arrows.png) 0px -25px no-repeat 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	}
li#list-app 			{	background: url(../img/css/list-arrows.png) 0px -51px no-repeat 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	}
li#list-building 		{	background: url(../img/css/list-icons.png) 0px 0px no-repeat 		 		 		 		 		 		 		 		 		 		 		 		 		 		 		 		}
li#list-electrical  	{	background: url(../img/css/list-icons.png) 0px -22px no-repeat 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	}
li#list-landscaping  	{	background: url(../img/css/list-icons.png) 0px -44px no-repeat 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	}
li#list-health 			{	background: url(../img/css/list-icons.png) 0px -66px no-repeat 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	}
li#list-hair 			{	background: url(../img/css/list-icons.png) 0px -88px no-repeat																}



/*________		HOME PAGE / RIGHT COLUMN		_____________________________________________*/

#content-right-courses {
	padding: 60px 0px 0px 15px;
	margin::0px;
	
	
}

#content-right-courses h2 {
	height: 0px;
	overflow: hidden;
}

#content-right-tour{
position:relative;

}


/*#content-right-tour ul {
	padding: 2px 0px 20px 20px;
	list-style: none
}
#content-right-tour li {
	padding-top: 121px;
	height: 0px;
	overflow: hidden;
	background: url( ../img/css/virtual-tour-link-coming-soon.png ) 0px 0px no-repeat
}*/

#content-right-news {
	width: 253px;
	height: 182px;
	margin: 20px 0px 0px 20px;
	padding:0px;
	background: url(../img/css/news-bg.jpg) 0px 0px no-repeat;

}

#content-right-news h5 {
	color: #d43042;
	font-size: 1.0em
	
}
#content-right-news p {
	font-size: 0.9em;
	color: #3a6ab0;
	line-height: 1.4em
}
#content-right-news a {
	font-size: 0.9em;
	color: #3a6ab0;
	line-height: 1.4em;
	text-decoration:underline;
}

/*news-items a {
	color: #d43042;
	font-size: 1.1em

}
#news-items p{
	font-size: 0.9em;
	color: #3a6ab0;
	line-height: 1.4em

}*/

#news-items {
	padding: 20px 20px 0px 20px;
	margin:0;
}

#info-sessions {
	padding: 0px 20px 0px 30px;
	margin:0;
	
}


/*________		HOME PAGE / BOTTOM COLUMNS		_____________________________________________*/

#content-bottom h3 {
	text-transform: uppercase;
	font-size: 1.4em;
	/*margin: 12px 0px 25px 20px*/
	margin: 12px 0px 25px 20px;
	
}

#content-bottom .SitePreviewImage {
	
	margin-top:15px;
}

object#content-bottom-left-sub, 
object#content-bottom-middle-sub, 
object#content-bottom-right-sub {
	margin: 12px 0px 15px 20px
}
#content-bottom ul {
	list-style: none;
	font-size: 1.2em;
	padding: 15px 0px 10px 10px;
	float: left
}
#content-bottom ul a {
	padding: 0px 0px 0px 20px;
	background: url(../img/css/list-bullet.png) 0px 3px no-repeat;
	color: #000;
	font-weight: normal;
	text-decoration: none
}
#content-bottom ul a:hover {
	text-decoration: underline
}

#content-bottom-left 		{	background: url(../img/css/bottom-items.jpg) 0px 0px no-repeat;		}
#content-bottom-middle 		{	background: url(../img/css/bottom-items.jpg) -310px 0px no-repeat;	}
#content-bottom-right 		{	background: url(../img/css/bottom-items.jpg) -620px 0px no-repeat; width: 320px	}

#content-bottom img {
	border: 1px solid #000;
	float: right;
	margin: 5px 20px 0px 0px
}
#content-bottom-right img {
	margin: 5px 22px 0px 0px
}
#content-bottom {
	background: url(../img/css/bottom-items.jpg) 26px bottom no-repeat;
	padding-bottom: 15px
}



/*________		GENERIC / FOOTER		_____________________________________________*/

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
}

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

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: 40px 20px 0px 0px;
	/*margin: 56px 20px 0px 0px;*/
}
#footer-links-secondary li {
	list-style: none;
	float: left;
	margin: 0px 6px 0px 0px
}


/* ----------- virtual tour ------------- */

#content-right-tour ul {

       padding: 0px;

       list-style: none

}

#content-right-tour li a {

       padding-top: 121px;

       width: 253px;

       height: 0px;

       display: block;

       overflow: hidden;

       background: url( ../img/css/virtual-tour-link.png ) 0px 0px no-repeat

}

/* ------ Apply Now - Home Page ---------------*/

#apply-now-home {
	/*border: 1px red solid;
	background-color: blue;
	width: 65px;
	height: 65px;*/
	float:right;
	margin-right: 130px;
	margin-top:-12px;

}