/* 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: #e7e8d8 url(/Portals/ks-rush/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:#e7e8d8;
<![endif]-->
}

.date_style {
  color:#333;
  
}

/******************************************************/
/*top section where the logo is, transparent by default*/
/******************************************************/
.skin_body {
  background: #ff8966 url(/Portals/ks-rush/header.jpg) no-repeat right top;	
/*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 #666;
	   -moz-box-shadow: 0 14px 6px -6px #666;
	        box-shadow: 0 14px 6px -6px #666;

}


/******************************************************/
/*top sub section above the menu, transparent by default*/
/******************************************************/
.skin_header{ 
/*this is for rounding*/
 -moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px;

}



/******************************************************/
/*main section where content goes, transparent by default*/
/******************************************************/
.skin_main {
    background:rgba(255,255,255,.93);
	 -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 #666;
	   -moz-box-shadow: 0 14px 6px -6px #666;
	        box-shadow: 0 14px 6px -6px #666;

}


/******************************************************/
/*bottom section where the copyright/links are, transparent by default*/
/******************************************************/
.skin_footer {
/*this is for rounding*/
 -moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px;
    background:rgba(4,40,90,.9);
/*this the shadow but you can take these off*/
	-webkit-box-shadow: 0 14px 6px -6px #666;
	   -moz-box-shadow: 0 14px 6px -6px #666;
	        box-shadow: 0 14px 6px -6px #666;

}

/******************************************************/
/*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:20px;} 
.header_shadow{height:28px;}
.footer_top {height:18px;}


/******************************************************/
/*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:#04285a;
}
#megaMenu .root li a > span {
    color:#fcd88d;
 
}
#megaMenu .root li a:hover > span { 
 
}
/*this is that back chaser on mouseover*/
#megaMenu  li.back{ 
  background:#fef56a; 
     background: -moz-linear-gradient(top, #fef56a, #fed38a);
     background: -webkit-linear-gradient(top,#fef56a, #fed38a);
     background: linear-gradient(top, #fef56a, #fed38a);
     filter: progid:DXImageTransform.Microsoft.Gradient (startColorStr='#fef56a',endColorStr='#fed38a',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 {
color:#04285a;
}


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

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


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












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

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

}
A.Footer:hover { 
color:#fef56a;
}

/*--------- FooterPane Links Style ----------*/
.footerpane_style a { 
}
.footerpane_style a:visited { 
}
.footerpane_style a:hover { 
color:#fef56a;
 }
.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:#04285a;
    border-right:0px;
 }

#Login .loginGroup a { 
    color:#04285a;
}

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

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





.user_style {
	float:right;
     color:#04285a;
}
.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:#04285a;
}	
	
.user_style a:hover, .Login a:hover {
     color:#000;
}