/* 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:#ffffff url(/Portals/ks-russellco/images/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:#765b40;
<![endif]-->
}



/******************************************************/
/*top section where the logo is, transparent by default*/
/******************************************************/
.skin_body {
background-color:#520100;
/*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{ 
background-color:#520100;
}



/******************************************************/
/*main section where content goes, transparent by default*/
/******************************************************/
.skin_main {
	background:url(/Portals/_default/Skins/TakeOff/images/white86.png) repeat;
}


/******************************************************/
/*bottom section where the copyright/links are, transparent by default*/
/******************************************************/
.skin_footer {
background-color:#520100;
/*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:0px;}
*/

/******************************************************/
/*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: #520100;
}
#megaMenu .root li a > span {
    color:#ffffff;
}
#megaMenu .root li a:hover > span { 
    color:#ffff00;
}
/*this is that back chaser on mouseover*/
#megaMenu  li.back{ 
   background:#83191c; 
     background: -moz-linear-gradient(top, #83191c, #6b0003);
     background: -webkit-linear-gradient(top,#83191c, #6b0003);
     background: linear-gradient(top, #83191c, #6b0003);
     filter: progid:DXImageTransform.Microsoft.Gradient (startColorStr='#83191c',endColorStr='#6b0003',gradientType='0');


}


/*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(252,247,238,.93);
    border-color:#b79e8a;
    
}

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









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

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

/*--------- FooterPane Links Style ----------*/
.footerpane_style a { 
 }
.footerpane_style a:visited { 
 }
.footerpane_style a:hover {        color:#ffff00;
 }
.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;
	      color:#eee;

}

#Login .registerGroup a { 
 border:0px; 
	      color:#eee;
 }

#Login .loginGroup a { 
 border:0px; 
	      color:#eee;
}

#Login .registerGroup a:hover,#Login .loginGroup a:hover{ 
 border:0px; 
	      color:#fff;
}

#Login .registerGroup a:active,#Login .loginGroup a:active{ 
 border:0px; 
	      color:#fff;
}



.user_style {
	float:right;
 border:0px; 
	      color:#eee;
}
.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 {
 border:0px; 
	      color:#eee;
}	
	
.user_style a:hover, .Login a:hover {
 border:0px; 
	      color:#fff;
}