body { 
	margin: 0px; background-color: #CBD2DC; background-image: url(page.jpg); 
	background-repeat: repeat-y; background-position: center top;
	font: 11px verdana;
}

#layout { width: 700px; margin: 0px auto; padding: 0px; }
#header { background: white; width: 100%; }


blockquote { padding: 0px; margin: 10px; }

#latest-updates {
	margin:0px; 
	padding: 8px; background-image: url(gradient-gray.jpg); background-repeat: repeat-x;
	}

#header-trail { margin-bottom: 5px; }

#whats-happening {
	margin: 0px; 
	border-top: 10px solid white; padding: 0px;
	background-image: url(gradient-ardosia.jpg); background-repeat: repeat-y; padding-bottom: 5px; margin-bottom: 5px; 
	}
#whats-happening .CategoryLinkContainer  { background: none; }
#whats-happening h1.FlashHeader { display: none; }

#whats-happening li {
    background-image: url("horizontal.gif");
    background-position: center bottom;
    background-repeat:no-repeat;
    color:black;
    display:block;
    font:11px tahoma,arial,sans;
    padding:4px 15px;
    text-decoration:none;
    list-style-type: none;
    margin: 0px;
    color: #CED5DF;
}
#whats-happening li a { color: #CED5DF;}


h1 { 
	font: bold 11px tahoma, arial narrow; text-transform: none; letter-spacing: 0px; padding: 0px 3px; margin-top: 3px;  margin-bottom: 3px; 
	}
h2 { font: bold 11px verdana; text-align: left; margin-bottom: 3px; }

li {
	font: 11px verdana; list-style-type: square; margin-bottom: 3px; padding: 0px; line-height: 15px; 
	margin-left: 20px;
}

input.Text, textarea { border: 1px solid gray; }
textarea.Textarea { width: 90%; height: 200px; }


/*_______________ LEFT SIDE, TEXT
*/
#left-side {
	width: 467px; float: left; border-top: 10px solid white; padding: 0px;
}

#left-side-text { margin: 6px; }

#left-side-text p { line-height: 16px; }

#left-side-text a { color: firebrick; }

/*_______________ INFORMATION
*/
#information { 
	background: url(gradient-blue.jpg) repeat-x;
	padding-top: 12px;
	}

.ListTable { width: 90%; background-image: url(vertical.gif); background-position: center 5px; background-repeat: no-repeat; margin-top: 10px;  }
.ListTable TD { text-align: center; vertical-align: middle; background: white; padding: 0px;}
A.TableLink {
	display: block; width: 196px; margin: 2px auto; font: bold 10px verdana, arial, sans; height: 100%;
	background: white; color: #081B55; text-decoration: none; line-height: 14px; padding: 4px 2px;
}
A.TableLink:HOVER {
	background: #081B55; color: white;

}

A.ListLink {
	display: block; background-image: url(horizontal.gif); background-repeat: no-repeat; background-position: bottom center;
	font: 11px tahoma, arial, sans; color: black; text-decoration: none; padding: 4px 15px;
}
A.ListLink, { width: auto; }
A.ListLink:HOVER {
	color: white;
}

/*_______________ SEARCH
*/

#search {
	display: none; 
        background-image: url(search.gif); 
        background-position: center top; background-repeat: no-repeat; 
	height: 30px; margin-top: 5px; text-align: right; padding-top: 3px; padding-right: 12px;
}

#search-input {
	border: 0px; background: white; padding: 1px; font: 11px tahoma; width: 100px; 
	padding-left: 3px; color: black;
}

#search-go {
	border: 0px; background: gray; color: white; font: bold 11px tahoma; width: 20px; padding: 0px;
	cursor: hand; cursor: pointer;
}

/*_______________ COURSES
*/

#courses { 
	
}

.SideTable { width: 100%; }

H1.FlashHeader { height: 22px; margin-bottom: 10px; }

#right-side H1.FlashHeader { width: 212px; text-align: center; margin-left: 10px; margin-bottom: 5px; margin-top: 5px; color: white; font: bold 13px Arial; border: 0px; text-transform: uppercase; }


.SideTable TD { text-align: center; }
A.SideLink {
	display: block;  font: bold 10px verdana, arial, sans; margin: 1px auto; width: 195px;
	background: white; color: #780D15; text-decoration: none; padding: 5px 2px;
}
A.SideLink:HOVER {
	background: #780D15; color: white;
}

/*_______________ PARTNERS
*/

#partners h1.FlashHeader { background-color:#5a6c82; }

#partners-content {
   width: 199px; margin: 5px auto; background: white; text-align: center; padding: 10px 0px;
}


/*_______________ STUDENT RESOURCES
*/

#student-resources {  margin-top: 10px; }

#student-resources-table { margin: 0px !important; }
#student-resources-table td H1.FlashHeader { background-color: #8D6A3F; }

#student-resources-table A.SideLink { color: #8D6A3F;}

#student-resources-table A.SideLink:HOVER { background: #8D6A3F; color: white; }

/*_______________ LATEST NEWS
*/
#latest-news {
	margin-top: 20px;
}

#latest-news h1.FlashHeader { width: 90%; margin: auto; margin-bottom: 10px; }

.latest-news-item { 
   margin: 0px; margin-left: 20px; margin-bottom: 5px; clear: both;
   background: url(horizontal-dark.gif) bottom center no-repeat; padding: 0px; padding-bottom: 10px;
   }

.latest-news-item h1, .latest-news-item img { display: none; }

.latest-news-item p { 
   margin-top: 5px; padding-bottom: 5px; font: 11px tahoma; line-height: 16px;
   }

.latest-news-item p { display : none; }
.latest-news-item p.first, .latest-news-item p.second, .latest-news-item p.third, .latest-news-item p.fourth { display: block; }

.latest-news-item div.read-more { 
   text-align: right; padding: 0px 4px 4px 0px; margin-top: -10px;
   }
.latest-news-item div.read-more a { 
   font: bold 11px tahoma; text-decoration: none; color: dimgray; 
   }

.latest-news-item div.read-more a:hover { text-decoration: underline; }
.latest-news-item-content { line-height: 20px; margin: 8px 2px; }

/*_______________ CALENDAR
*/

h1.calendar { 
   display: block; padding: 5px; font: 20px georgia; letter-spacing: -0.5px; 
   color: white; background: silver; background: firebrick;
   text-align: center; min-width: 40px; height: 40px; float: left; 
   margin-right: 10px; border: 0px;
   }

h1.calendar b { 
    color: white; display: block; margin: -5px auto;
   }

h2.calendar-head { font: bold 15px georgia, book antiqua, serif;  margin: 0px; }

/*_______________ RIGHT SIDE
*/

#right-side {
	width: 233px; float: left; border-top: 20px solid white; clear: right; padding: 0px; margin: 0px;
}

/*_______________ INFORMATION
*/

div#information h1.FlashHeader { background-color: #081b55; }

div#information A.ListLink { color: #081b55 !important; }

div#information a.ListLink:HOVER { background-color: #081b55 !important; color: white !important; }



/*_______________ TRANSPORT CANADA COURSES 
*/

div#transport-canada-courses h1.FlashHeader { background-color: #780d15; }

div#transport-canada-courses a.ListLink { color: #780d15 !important; }

div#transport-canada-courses a.ListLink:HOVER { background-color: #780d15 !important; color: white !important; }



/*_______________ QUICK INFO
*/
#quick-info { margin-top: 10px; }

#quick-info h1.FlashHeader { background-color: #cf451e; }
#quick-info-content {
	width: 80%; padding: 5px; margin: 0px auto; background: white; 
}
#quick-info-email { font: normal 10px tahoma; } 


/*_______________ FOOTER 
*/
#Footer { clear: both; background: white; margin-top: 10px; text-align: center; padding: 5px;  }


BLOCKQUOTE.Message { border: 1px solid navy; background: orange; color: white; font: bold 11px tahoma; padding: 10px; margin-bottom: 10px; }

body.resources #Side-Section-Resources-Container { display: none; }


/*_______________ MENU
*/

#menu { background: white; height: 75px; }

#menu a { border-bottom: 8px solid white; }
#menu a:hover { border-bottom: 8px solid #081b55; }

#menu a {  background-image:url(/site/_static/menu.jpg); background-repeat: no-repeat; display: block; height: 75px; float: left;
}

a#menu-1 {
  width: 231px; 
}

a#menu-2 {
 width: 232px; background-position: -231px 0px;
}
a#menu-2:hover { border-color: #780d15; }

a#menu-3 {
 width: 234px; background-position: -464px 0px;
}
a#menu-3:hover { border-color: #8d6a40; }