/*
 * This CSS specifies colors, background images and adjustments
 * for the Locker theme.
 */

body
{
	font-family: Trebuchet, Trebuchet MS, Sans-Serif;    
}

.bg
{
	background: url(images/cork/cork_bg.jpg) top repeat-x;
	background-color: #454232;
	width:100%
}

/*
Overriding some of DNN's default styles
*/

.Normal
{
	font-family: Trebuchet, Trebuchet MS, Sans-Serif;
}

/*
 * Menu area
 */

.middleArea
{
	/*background-color: White;*/
	top: 0px;
	left: 0px;
}

.menuItem
{	
	float: left; height: 31px; text-align:center;
	background: url(images/cork/dark_tab.png);
	background-position: 0px 0px;
	top: 4px;
}
.menuItem.selected
{	
	height: 35px;
	background: url(images/cork/brown_tab_full.png);
	background-position: 0px 0px;
}
/*
.mainMenu .topMenu .menuItem.item1, .mainMenu .topMenu .menuItem.item7 {  }
.mainMenu .topMenu .menuItem.item2, .mainMenu .topMenu .menuItem.item8 { background-position: 0px 33px; }
.mainMenu .topMenu .menuItem.item3, .mainMenu .topMenu .menuItem.item9 { background-position: 0px 66px; }
.mainMenu .topMenu .menuItem.item4, .mainMenu .topMenu .menuItem.item10 { background-position: 0px 99px; }
.mainMenu .topMenu .menuItem.item5, .mainMenu .topMenu .menuItem.item11 { background-position: 0px 132px; }
.mainMenu .topMenu .menuItem.item6, .mainMenu .topMenu .menuItem.item12 { background-position: 0px 165px; } */

.menuItem.selected
{
	z-index:100 !important; /* in front of endcap */
}

.mainMenu .topMenu .subMenu { background: #fffbe9; }
.mainMenu .topMenu .subMenuInner { background: url(images/locker/menu_background.gif) repeat-y; }
.mainMenu .topMenu .subMenuInner a { border-bottom: 1px solid #c5e5e2; font-weight:normal;}

.endcap
{
	height: 31px; width: 48px;
	margin-right: -20px;	/* next menu starts behind this one. */
	background: url(images/cork/dark_tab.png);
	top: 4px;
}
.endcap.ecselected
{
	height: 35px;
	background: url(images/cork/brown_tab_full.png);
	z-index:90 !important; 
}

.endcap.ecitem1, .endcap.ecitem7 { background-position: -200px 0px; }
.endcap.ecitem2, .endcap.ecitem8 { background-position: -200px 0px; }
.endcap.ecitem3, .endcap.ecitem9 { background-position: -200px 0px; }
.endcap.ecitem4, .endcap.ecitem10 { background-position: -200px 0px; }
.endcap.ecitem5, .endcap.ecitem11 { background-position: -200px 0px; }
.endcap.ecitem6, .endcap.ecitem12 { background-position: -200px 0px; } 

.mainMenu a
{
	font-family: Trebuchet MS, Trebuchet;	/* menus will likely have different/narrow font */
	padding: 10px 10px 0px 20px;
	font-size: 10pt;
	text-decoration: none;
	color: White;
	font-weight:bold;
	
}
.mainMenu.item1 a 
{
	/* first one is less padding than others because there isn't an overlapping one in front */
	padding-left: 10px; 
}


.tabContent
{
	position:absolute; padding:0px 0px 15px 0px; z-index:-200; width:100%; height:100%; 
	background-color: #928D6F; /* for when no tab is selected */
}


/*
.middleArea .tabContent.tab1Selected, .middleArea .tabContent.tab7Selected 
{ background-color: #57308b; }
.middleArea .tabContent.tab2Selected, .middleArea .tabContent.tab8Selected 
{ background-color: #d63e94; }
.middleArea .tabContent.tab3Selected, .middleArea .tabContent.tab9Selected
 { background-color: #f7af38; }
.middleArea .tabContent.tab4Selected, .middleArea .tabContent.tab10Selected
 { background-color: #c55727; }
.middleArea .tabContent.tab5Selected, .middleArea .tabContent.tab11Selected 
{ background-color: #06a7c9; }
.middleArea .tabContent.tab6Selected, .middleArea .tabContent.tab12Selected 
{ background-color: #7daf26; }
*/
/*
Styles meant for inside HTML modules in the content area
*/

.middleArea { color: #f7f7f7; font-family: Trebuchet MS, Trebuchet; font-size: 16px;}
.middleArea td { vertical-align:top; }

.middleArea h1 
{
	margin: 0px; padding: 25px 40px 25px 40px; background-color: #242424; font-size:40px; background: url(images/headerbg.png) top left; background-repeat: no-repeat;
	/*
		TODO: Ask Donna to get background image for the header
		See the dark gray gradiant behind "Programs" in the following
		\\jbod\Scratch\forDonna\HIEC\mockups\locker mockups\Details.jpg
		background: url(mages/locker/content_header_background.gif) top left;
	*/
}
.middleArea h2 { margin: 0px 10px 8px 25px; padding: 5px 20px 5px 0px; font-size: 22px; border-bottom: 1px solid #f7f7f7; }
.middleArea h3 { margin: 0px 10px 2px 25px; padding: 5px 20px 5px 0px; font-size: 20px; font-weight: bold;text-transform:uppercase; }
.middleArea p  { margin: 0px  10px 20px 25px; font-size: 16px; }
.middleArea p img  { margin: 0px  -10px -2px -40px; }
.middleArea hr { margin: 0px  10px 10px 40px; }

#tabContentTable {
	color: #f7f7f7;
	font-size: 16px;
}

a.pink-button {
 background: transparent url('images/button-end.png') no-repeat scroll top right;
    color: #333;
    display: block;
    float: left;
    height:58px;
    font-size: 18px;
    margin-right: 6px;
    padding-right: 18px;
}

a.pink-button span {
	background: transparent url('images/button-start.png') no-repeat;
    display: block;
    line-height: 48px;
    padding: 5px 0 5px 18px;
}

.paneLayoutTop a {
	color: #fff;
	font-weight: bold;
	text-decoration:underline
}

.paneLayoutTop a:hover {
background-color: #CCCCCC;	
color: #333;
}

.normal {
	font-size: 16px;
}

.paneLayoutTop ul {
	list-style-position: outside;
	font-size: 16px;
	list-style-type: square;
	margin-left: 20px;
}

.paneLayoutTop ul.arrows {
		list-style-image: url('images/bullet.gif');
}

.paneLayoutTop ul ul {
	list-style-position: outside;
	font-size: 14px;
	list-style-type: square;
	margin-left: 20px;
	list-style-image: none;
}

div.sidebar {
	color: #333;
	height:100%;
}

div.sidebar table {
	height: 100%;
}

div.sidebar h2 {
	margin: 0 10px 10px 10px;
	border-bottom: 1px solid #333;
}

div.sidebar p {
	margin:  0 10px 0 10px;
}

div.sidebar img {
	margin: 15px 0px 5px 0px;
}

div.sidebar a {
	color: #333;
}

div.sidebar ul {
	list-style-position: outside;
	font-size: 16px;
	list-style-type: square;
	margin-left: 10px;
	list-style-image:none;
	
}

.beginSearch 
{
	width: 161px; height: 19px; /* size+padding should equal bg image size */
	padding: 32px 5px 5px 11px;
	background: url(images/shared/search-background.png) no-repeat;
}

.searchWaterMark
{
	font-family: Trebuchet MS, Trebuchet, Sans-Serif;
	padding: 0px; margin: 0px;
	font-size:12px;
	width: 120px; border: 0;
	color:Gray;
}

.bottomArea .bottomLeft
{		
	border-right: 1px solid silver;
}
.bottomArea .bottomMiddle
{	
	border-right: 1px solid silver;
}
.bottomArea .bottomRight
{	
	
}

.footerArea
{
	font-family:Trebuchet MS,Trebuchet;
	background-color: White;
	color: Gray;
}
.footerArea .localP2P
{
	font-size: 10px;
	font-weight:bold;
	color:Black;
	display: none;
}
.footerArea .copyright
{
	font-size: 9px;
	color:Black;
}
.footerArea .link
{
	font-size: 9px;
}
.footerArea a
{	
	text-decoration: none;
	color: Gray;
}

.footerArea .right .regionPicker
{
	font-family:Trebuchet MS,Trebuchet;
	font-size: x-small;
}

/* Styles for Banner */
.bannerArea
{	
	
}

table .programtable {
	width: 85%;
	background-color: #fff;
}

table .programtable p {
	text-indent: 0px;
	font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #6D929B;
	padding: 0;
	margin: 0;
}

table .programtable a {
	color: #80b9c7;
	font-weight: bold;
}

table .programtable thead tr td p a {
	color: #80b9c7;
	font-weight: bold;
}

table .programtable thead tr td {
	font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url('http://www.haltoniec.com/er-images/bg_header.jpg') no-repeat;
}

table .programtable thead tr td.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

table .programtable th.spec p {
	text-indent: 10px;
}

table .programtable th.specalt p {
	text-indent: 10px;
}

table .programtable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(http://www.haltoniec.com/er-images/bullet1.gif) no-repeat;
	font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}

table .programtable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(http://www.haltoniec.com/er-images/bullet2.gif) no-repeat;
	font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #B4AA9D;
	vertical-align: top;
}

table .programtable tr {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
}

table .programtable tr.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}

a.brochure {
	padding-left: 20px;
	background-image: url('http://www.haltoniec.com/er-images/pdficon_small.gif');
	background-repeat: no-repeat;
}

a.website {
	padding-left: 20px;
	background-image: url('http://www.haltoniec.com/er-images/html-icon.png');
	background-repeat: no-repeat;
}

table.programtable tr:hover {
	background-color: #eceff0;
}

div.sidebar p {
	text-indent: 0px;
}

table.oyap-program-table, table.oyap-course-details {
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	color: #000;
	text-indent: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 2px thin black;
}

table.oyap-program-table td, table.oyap-course-details td {
	color: #000;
	text-indent: 0;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

table.oyap-program-table td p, table.oyap-course-details td p {
	color: #000;
	font-size: 12px;
	text-indent: 0;
	margin: 0;
	padding: 0;
}

table.oyap-program-table td a, table.oyap-course-details td a {
	color: #80b9c7;
	font-size: 12px;
}

a.hdsbpathway {
	background-image: url(http://www.haltoniec.com/er-images/hdsb.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
}

a.hcdsbpathway {
	background-image: url(http://www.haltoniec.com/er-images/hcdsb.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
}

a.oyap-brochure {
	background-image: url(http://www.haltoniec.com/er-images/download.png);
	background-repeat: no-repeat;
	padding-left: 25px;
}

span.highlight {
	color: red;
	font-weight: bold;
}


.bevelmenu {
font: bold 13px Trebuchet MS;
padding: 6px 0;
margin: 0;
margin-left:0xp;
width: 100%;
background-color: #b4d8e0;
text-align: center; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu ul {
margin: 0px;
margin-left:0px;
}
.bevelmenu li {
list-style: none;
display: inline;
}

.bevelmenu li a {
padding: 3px 0.5em;
text-decoration: none;
color: black;
background-color: #b4d8e0;
border: 2px solid #b4d8e0;
}

.bevelmenu li a:hover {
color: black;
background-color: #06a7c9;
border-style: outset;
}

html>body .bevelmenu li a:active { /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

#oyap-sub-menu {
width: 100%;
margin-left: -20px;
}

div.announcement {
padding:5px;
margin:10px;
background-color:#fff;
border:3px solid black;
color:#000;
font-size:16px;
}
div.announcement h1 {
background: none;
background-color:transparent;
font-size:22px;
color:#000;
border-bottom:1px solid black;
font-weight:bold;
margin:0px;
padding:0px;
}

.postInfo {
font-size:14px;
font-weight:bold;
font-style:italic;
color:#000;
}

.announcementBody p {
color:#000;
}

.announcementBody a {
color:#003399;
}

.bottomArea {
	color: #f7f7f7;
	font-size: 12px;
}

.bottomArea h1, .bottomArea h2, .bottomArea h3, .bottomArea h4, .bottomArea h5, .bottomArea h6, .bottomArea p {
	color: #f7f7f7;
    font-size: 12px;
}

.bottomArea a {
	color: #fff;
	font-weight: bolder;
	text-decoration:none;
	font-size: 15px;
}

.bottomArea a:hover {
	background-color: #CCCCCC;	
	color: #333;
	font-weight: bolder;
	text-decoration:none;
	font-size: 15px;
}