/* customizable portions with notes -- by :Jen */


/******************************************************/
/*Can also if desired upload logo and background in site settings > Basic
background will be repeat not fixed by default, make sure link to image is 

correct for that portal*/
/******************************************************/
#Body{  
  background: url(/Portals/ks-ottawa/bg.jpg) 0 0 no-repeat fixed;	
/*optionally, cover makes it where it autofills the background based on screen size */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
 <!--[if lte IE 8]>
background:#b0cbfa;
<![endif]-->

}

.date_style {
  color:#333333;
}

/******************************************************/
/*top section where the logo is, transparent by default*/
/******************************************************/
.skin_body {
/*background-color:#022859;
this is for rounding*/
 -moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px;

/*this the shadow but you can take these off
	-webkit-box-shadow: 0 14px 6px -6px black;
	   -moz-box-shadow: 0 14px 6px -6px black;
	        box-shadow: 0 14px 6px -6px black;*/

}


/******************************************************/
/*top sub section above the menu, transparent by default*/
/******************************************************/
.skin_header{ 

}



/******************************************************/
/*main section where content goes, transparent by default*/
/******************************************************/
.skin_main {
   
	 -moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px;
	background:url(/Portals/_default/Skins/TakeOff/images/white86.png) repeat;

}


/******************************************************/
/*bottom section where the copyright/links are, transparent by default*/
/******************************************************/
.skin_footer {
    background:rgba(43,72,114,.9);
/*this is for rounding*/
 -moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px;

/*this the shadow but you can take these off
	-webkit-box-shadow: 0 14px 6px -6px black;
	   -moz-box-shadow: 0 14px 6px -6px black;
	        box-shadow: 0 14px 6px -6px black;*/

}

/******************************************************/
/*this is the space between the header and the main portion, then main and 

footer portion set at 24 and 36px respectively by default, but can change height 

to 0 to take this space out*/
/******************************************************/

.footer_shadow{ height:0px;} 
.header_shadow{height:0px;}
.footer_top {height:22px;}


/******************************************************/
/*this is the menu div, default is black can add image for background or change 

color of font ... Automatically has a lightening png to create 3D effect, if you 

want that off, just say background:none; or load clear image for bg*/
/******************************************************/
.menu_style{ 
 background-color: #333333;
 margin:0;padding:0;
}
  
#megaMenu .root li a > span {
 color:#FFFF99;
   padding:0 15px;
}
#megaMenu .root li a:hover > span { 
 
}
/*this is that back chaser on mouseover*/
#megaMenu  li.back{ 
/*   background:#8a6601; 
     background: -moz-linear-gradient(top, #8a6601, #c0941a);
     background: -webkit-linear-gradient(top,#8a6601, #c0941a);
     background: linear-gradient(top, #8a6601, #c0941a);
     filter: progid:DXImageTransform.Microsoft.Gradient 

(startColorStr='#8a6601',endColorStr='#c0941a',gradientType='0');
*/
     /* OR background:none; if you don't want the bar*/
}



/*this is the font color of the selected menu item*/
#megaMenu .root li.selected a span, #megaMenu .root li.rmHover a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span {

}


/*this is the submenu*/
#megaMenu .category { /*background*/
    background:rgba(249,249,249,.93);
    border-color:#d7d8d0;
    
}

#megaMenu .category li.item a { /*main sub item bottom border*/
 border-bottom-color:#b79e8a;
}


#megaMenu .category li.item a span { /*font color*/
    color:#333333;
}
#megaMenu .category li.item > a:hover span  { /*hover*/
    color:#cc0000;
   background:#fdfdad;
}












/******************************************************/
/*this is for footer/bottom styles which by default are darker*/
/******************************************************/


/*--------- BottomLinks style ----------*/
.BottomLinks, A.BottomLinks:link, A.BottomLinks:visited, A.BottomLinks:active {

}
A.BottomLinks:hover { 
color:#ffff66;
}

/*--------- Footer style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { 
 }
A.Footer:hover { 
color:#ffff66;
}

/*--------- FooterPane Links Style ----------*/
.footerpane_style a { 
 }
.footerpane_style a:visited { 
 }
.footerpane_style a:hover { 
color:#ffff66;
 }
.footerpane_style a:active {
 }

/*--------- FooterPane Content style ----------*/
.footerpane_style, .footerpane_style .Normal, .footerpane_style p, 

.footerpane_style div, .footerpane_style span, .footerpane_style li, 

.footerpane_style td, .footerpane_style dt, .footerpane_style dd, 

.footerpane_style h1, .footerpane_style h2, .footerpane_style h3, 

.footerpane_style h4, .footerpane_style h5, .footerpane_style h6{ 
/*default is color:#ffffff*/
}



/******************************************************/
/*this is for Social Pane up at the top by default dark bg/light foregnd*/
/******************************************************/


/*--------- SocialPane Links Style ----------*/
.socialpane a { 
 }
.socialpane a:visited { 
 }
.socialpane a:hover { 
 }
.socialpane a:active {
 }

/*--------- SocialPane Content style ----------*/
.socialpane, .socialpane .Normal, .socialpane p, .socialpane div, .socialpane 

span, .socialpane li, .socialpane td, .socialpane dt, .socialpane dd, 

.socialpane h1, .socialpane h2, .socialpane h3, .socialpane h4, .socialpane h5, 

.socialpane h6{ 
}



/******************************************************/
/*this is for Top Right Register/Login*/
/******************************************************/
/*--------- Register and Login Style ----------*/
#Login{ 
  border:0px; 
  background:none;
}

#Login .registerGroup a { 
    color:#2b4872;
    border-right:0px;
 }

#Login .loginGroup a { 
    color:#2b4872;
}

#Login .registerGroup a:hover,#Login .loginGroup a:hover{ 
      color:#cc0000;
}

#Login .registerGroup a:active,#Login .loginGroup a:active{ 
       color:#cc0000;
}



.user_style {
	float:right;
     color:#2b4872;
}
.user_style a, .user_style a:active, .user_style a:visited, .Login a, .Login a:active, .Login a:visited, .Login, A.Login:link, A.Login:visited, A.Login:active {
     color:#2b4872;
}	
	
.user_style a:hover, .Login a:hover {
     color:#cc0000;
}