body 

{

  background-color:#F0F0F0;

    background-image:none;

    padding:0;

    margin-top:0px;

font-family: 'Roboto', sans-serif; 
font-weight: 300;
	

}

a {
	text-decoration:none;
	color:#002395;


}

a:hover {
	color:#A31A7E;
font-weight: bold;
}

img
{  border-style: none;
}

.buttonheading img {

   border: 0px none;

}
/* text in bar 536a71 */
td.contentheading {
	font-family: 'Roboto', sans-serif; 
	font-weight: 700;
	font-size: 14px;
	background-color: #a6a6a6;
	width: 750px;
	color: #FFF;
	background-position: center;
	text-align: center;
	line-height: 20px;
	padding-left: 4px;
}

#sitemain 

{

    position:relative;

    clear:both;

    width:1000px;

    background-color:transparent;

    font-size:1.08em;

    margin:0 auto 0 auto;

}

#group3 

{

    position:relative;

    float:left;

    clear:both;

    width:1000px;

    height:130px;

    background-color:#FFFFFF;

font-family: 'Roboto', sans-serif;

font-weight: 300;


    font-size:1.08em;

    z-index:90;

}

#Logo2 

{

    position:relative;

    float:left;

    width:173px;

    height:130px;

    background: url("/images/logo_lft.jpg") no-repeat;

    font-size:13px;

}

#Logo2 img 

{

    position:relative;

    left:20px;

    top:16px;

    border:0;

}


/* start menu */
#menu 
{
    position:relative;
    float:right;
    width:827px;
    height:130px;
    background-color:transparent;
font-family: 'Roboto', sans-serif; font-weight: 700;

    font-size:14px;
/*    z-index:90; */
}

#menu ul 
{
    float:right;
    margin:0;
    padding:10px 5px 0 0;
    font-size:14px;
}

div.mod_googleSearch table {
	margin-left: auto;
	margin-right: 6px;
}

div.mod_googleSearch input {
	width: 145px;
	margin: 15px 0 9px 0;
}

#menu li 
{
    float:left;
    overflow:inherit;
    list-style-type:none;
    margin:0;
    padding:0;
} 

ul.menu li span.separator {
	top:20px;
	color:gray;
	line-height:28px;
} 

#menu a 
{
    float:left;
    text-decoration:none;
    margin:0;
    padding:5px 2px 0;
    display:block;
	color:gray;
}


#menu a:hover 
{
    color:#002395;
}
/* end menu */
/* start menu_about */
#menu_about 
{
    position:relative;
    float:right;
    width:827px;
    height:130px;
    background-color:transparent;
	background: url("/images/CRF_about_header.gif") no-repeat;
font-family: 'Roboto', sans-serif;; font-weight: 300;
      font-size:12px;
/*    z-index:90; */
}

#menu_about ul 
{
    float:right;
    margin:0;
    padding:10px 5px 0 0;
    font-size:11px;
}

#menu_about li 
{
    float:left;
    overflow:inherit;
    list-style-type:none;
    margin:0;
    padding:0;
} 

ul.menu_about li span.separator {
	top:20px;
	color:gray;
	line-height:28px;
} 

#menu_about a 
{
    float:left;
    text-decoration:none;
    margin:0;
    padding:7px 2px 0;
    display:block;
	color:gray;
}

#menu_about a:hover 
{
    color:#002395;
}
/* end menu_about */
/* start menu_calendar */
#menu_calendar 
{
    position:relative;
    float:right;
    width:827px;
    height:130px;
    background-color:transparent;
	background: url("/images/CRF_calendar_header.gif") no-repeat;
font-family: Helvetica, Arial;

    font-weight:bold;
    font-size:10px;
/*    z-index:90; */
}

#menu_calendar ul 
{
    float:right;
    margin:0;
    padding:10px 5px 0 0;
    font-size:11px;
}

#menu_calendar li 
{
    float:left;
    overflow:inherit;
    list-style-type:none;
    margin:0;
    padding:0;
} 

ul.menu_calendar li span.separator {
	top:20px;
	color:gray;
	line-height:28px;
} 

#menu_calendar a 
{
    float:left;
    text-decoration:none;
    margin:0;
    padding:7px 2px 0;
    display:block;
	color:gray;
}

#menu_calendar a:hover 
{
    color:#002395;
}
/* end menu_calendar */
/* start menu_free_lessons */
#menu_free_lessons 
{
    position:relative;
    float:right;
    width:827px;
    height:130px;
    background-color:transparent;
	background: url("/images/CRF_free_lessons_header.gif") no-repeat;
	font-family: 'Roboto', sans-serif; font-weight: 400;
    font-weight:bold;
    font-size:10px;
/*    z-index:90; */
}

#menu_free_lessons ul 
{
    float:right;
    margin:0;
    padding:10px 5px 0 0;
    font-size:11px;
}

#menu_free_lessons li 
{
    float:left;
    overflow:inherit;
    list-style-type:none;
    margin:0;
    padding:0;
} 

ul.menu_free_lessons li span.separator {
	top:20px;
	color:gray;
	line-height:28px;
} 

#menu_free_lessons a 
{
    float:left;
    text-decoration:none;
    margin:0;
    padding:7px 2px 0;
    display:block;
	color:gray;
}

#menu_free_lessons a:hover 
{
    color:#0088CE;
}
/* end menu_free_lessons */
/* start menu_links */
#menu_links 
{
    position:relative;
    float:right;
    width:827px;
    height:130px;
    background-color:transparent;
	background: url("/images/CRF_links_header.gif") no-repeat;
	font-family: 'Roboto', sans-serif; font-weight: 400;

    font-size:10px;
/*    z-index:90; */
}

#menu_links ul 
{
    float:right;
    margin:0;
    padding:10px 5px 0 0;
    font-size:11px;
}

#menu_links li 
{
    float:left;
    overflow:inherit;
    list-style-type:none;
    margin:0;
    padding:0;
} 

ul.menu_links li span.separator {
	top:20px;
	color:gray;
	line-height:28px;
} 

#menu_links a 
{
    float:left;
    text-decoration:none;
    margin:0;
    padding:7px 2px 0;
    display:block;
	color:gray;
}

#menu_links a:hover 
{
    color:#0088CE;
}
/* end menu_links */
/* start menu_press */
#menu_press 
{
    position:relative;
    float:right;
    width:827px;
    height:130px;
    background-color:transparent;
	background: url("/images/CRF_pressroom_header.gif") no-repeat;
	font-family: 'Roboto, sans-serif; font-weight: 400;
  
    font-size:10px;
/*    z-index:90; */
}

#menu_press ul 
{
    float:right;
    margin:0;
    padding:10px 5px 0 0;
    font-size:11px;
}

#menu_press li 
{
    float:left;
    overflow:inherit;
    list-style-type:none;
    margin:0;
    padding:0;
} 

ul.menu_press li span.separator {
	top:20px;
	color:gray;
	line-height:28px;
} 

#menu_press a 
{
    float:left;
    text-decoration:none;
    margin:0;
    padding:7px 2px 0;
    display:block;
	color:gray;
}

#menu_press a:hover 
{
    color:#0088CE;
}
/* end menu_press */
/* start menu_programs */
#menu_programs 
{
    position:relative;
    float:right;
    width:827px;
    height:130px;
    background-color:transparent;
	background: url("/images/CRF_programs_header.gif") no-repeat;
font-family: Roboto, san serif;
    font-weight:400;
    font-size:10px;
/*    z-index:90; */
}

#menu_programs ul 
{
    float:right;
    margin:0;
    padding:10px 5px 0 0;
    font-size:11px;
}

#menu_programs li 
{
    float:left;
    overflow:inherit;
    list-style-type:none;
    margin:0;
    padding:0;
} 

ul.menu_programs li span.separator {
	top:20px;
	color:gray;
	line-height:28px;
} 

#menu_programs a 
{
    float:left;
    text-decoration:none;
    margin:0;
    padding:7px 2px 0;
    display:block;
	color:gray;
}

#menu_programs a:hover 
{
    color:#0088CE;
}
/* end menu_programs */
/* start menu_pubs */
#menu_pubs 
{
    position:relative;
    float:right;
    width:827px;
    height:130px;
    background-color:transparent;
	background: url("/images/CRF_publications_header.gif") no-repeat;
font-family: 'Roboto', sans-serif; font-weight: 400;
    font-weight:bold;
    font-size:10px;
/*    z-index:90; */
}

#menu_pubs ul 
{
    float:right;
    margin:0;
    padding:10px 5px 0 0;
    font-size:11px;
}

#menu_pubs li 
{
    float:left;
    overflow:inherit;
    list-style-type:none;
    margin:0;
    padding:0;
} 

ul.menu_pubs li span.separator {
	top:20px;
	color:gray;
	line-height:28px;
} 

#menu_pubs a 
{
    float:left;
    text-decoration:none;
    margin:0;
    padding:7px 2px 0;
    display:block;
	color:gray;
}

#menu_pubs a:hover 
{
    color:#0088CE;
}
/* end menu_pubs */
/* start menu_videos */
#menu_videos 
{
    position:relative;
    float:right;
    width:827px;
    height:130px;
    background-color:transparent;
	background: url("/images/CRF_video_header.gif") no-repeat;
'Roboto', sans-serif; font-weight: 400;
 
    font-size:10px;
/*    z-index:90; */
}

#menu_videos ul 
{
    float:right;
    margin:0;
    padding:10px 5px 0 0;
    font-size:11px;
}

#menu_videos li 
{
    float:left;
    overflow:inherit;
    list-style-type:none;
    margin:0;
    padding:0;
} 

ul.menu_videos li span.separator {
	top:20px;
	color:gray;
	line-height:28px;
} 

#menu_videos a 
{
    float:left;
    text-decoration:none;
    margin:0;
    padding:7px 2px 0;
    display:block;
	color:gray;
}

#menu_videos a:hover 
{
    color:#A31A7e;
}
/* end menu_videos */
/* start menu_web */
#menu_web 
{
    position:relative;
    float:right;
    width:827px;
    height:130px;
    background-color:transparent;
	background: url("/images/CRF_websites_header.gif") no-repeat;
'Roboto', sans-serif; font-weight: 400;

    font-weight:bold;
    font-size:10px;
/*    z-index:90; */
}

#menu_web ul 
{
    float:right;
    margin:0;
    padding:10px 5px 0 0;
    font-size:11px;
}

#menu_web li 
{
    float:left;
    overflow:inherit;
    list-style-type:none;
    margin:0;
    padding:0;
} 

ul.menu_web li span.separator {
	top:20px;
	color:gray;
	line-height:28px;
} 

#menu_web a 
{
    float:left;
    text-decoration:none;
    margin:0;
    padding:7px 2px 0;
    display:block;
	color:gray;
}

#menu_web a:hover 
{
    color:#A31A73;
}
/* end menu_web */

li.active span {
	color:#0088CE;
}

div.Menu tr td a.item1 {
	text-transform:uppercase; 
}

#Menu ul 

{

    margin:0;

    padding:0 0 0 10px;

/*    font-size:13px;  */

}

#Menu li 

{

    float:left;

    overflow:inherit;

    list-style-type:none;

    margin:0;

    padding:0;

} 

#Menu a 

{

    float:left;

/*    height:23px;  */

    text-decoration:none;

    margin:0;

    padding:7px 10px 0;

    display:block;

}

#Menu a.first 

{

    margin:0;

    padding:7px 10px 0;

} 

#Menu a:hover 

{

/*    background:#0080FF;  */

}

/*  ---- Active menus ---- */

ul.menu li.active span {

/*	color:#0088CE;   */

}
*/


#group 

{

    position:relative;

    float:left;

    clear:both;

    width:1000px;

    background-color:transparent;

    font-size:1.08em;

}

#group4 

{

    position:relative;

    float:left;

    width:1000px;

    background-color:transparent;

    font-size:1.08em;

}

#logo2 

{

    position:relative;

    float:left;

    clear:both;

    width:1000px;

    height:326px;

    background-color:#ffffff;

    font-size:13px;

}

#logo2 img 

{

    position:relative;

    top:5px;

    border:0;

}

#group2 

{

    position:relative;

    float:left;

    clear:both;

    width:1000px;

    background-color:#FFFFFF;

    font-size:13px;

}

#group2 .lb 

{

    position:relative;

    float:left;



}

#group2 .lr 

{

    position:relative;

    float:left;


}

#group2 .lt 

{

    position:relative;

    float:left;


}

#group2 .ll 

{

    position:relative;

    float:left;


}

#textbox2 

{

    position:relative;

    float:left;

    width:190px;

    height:300px;

    background-color:transparent;

    font-size:12px;

}

#textbox2 .box 

{

    position:relative;

    margin:0;

    padding:4px 0 0 15px;

}

#textbox2 .btt 

{

	font-family: 'Roboto Condensed', sans-serif; 
	font-weight: 700;

    font-size:14px;


    color:#5E6A71;

    margin:0;

}

#textbox2 .mtt 

{

    position:relative;

    top:5px;

    left:10px;

	font-family: 'Roboto Condensed', sans-serif; font-weight: 700;

    font-size:14px;

 color:#5E6A71;
    margin:0;

}

div.lftnav 
{
	padding-left:18px;
}

#textbox2 .cnts 

{

    position:relative;

    top:15px;

    left:-10px;

    padding-right:0px;



font-family: 'Roboto', sans-serif; font-weight: 300;


    font-size:13px;


    color:#000000;

    margin:0;

}

#textbox 

{

    position:relative;

    float:left;

    width:790px;


    background-color:transparent;

    font-size:13px;
	
	padding: 0 0 0 20px;

}

#textbox .box 

{

    position:relative;

    margin:0;

    padding:0 20px 50px 5px;

}

#textbox .btt 

{

font-family: 'Roboto', sans-serif; font-weight: 700;
    
font-size:16px;
    
    color:#002395;

    margin:0;

}

#textbox .mtt 

{

    position:relative;

    top:5px;

    left:10px;

font-family: 'Roboto', sans-serif; font-weight: 700;
  
  font-size:18px;

    color:#5E6A71;

    margin:0;

}

#textbox .cnts 

{

    position:relative;

    top:15px;

font-family: 'Roboto', sans-serif;
 font-weight: 300;

    font-size:1.08em;

    font-weight: normal;

line-height: 155%; 

    color:#4b545a;

    margin:0;

}


#textbox .capt 

{

    position:relative;

    top:15px;

font-family: 'Roboto', sans-serif;
 font-weight: 300;

    font-size:.9em;

    font-weight: normal;

line-height: 150%; 

    color:#1E1E1E;

    margin:0;

}




#footer 

{

    position:relative;

    float:left;

text-align:center;


    clear:both;

    width:1000px;

 top: 70px;

    height:28px;

    background:;

	font-family: 'Roboto Condensed', sans-serif; font-weight: 700;


    font-size:12px;

    color:#5E6A71;


}

#footer .tag 

{

    position:relative;

    text-align:center;

    top:10px;

    clear:both;

	padding-top:3px;

    font-size:12px;

    color:#5E6A71;

}

#footer .tag a:link, a:visited 

{

    text-decoration:none;

    color:#e1e1ea;

}

#footer .tag a:hover 

{

    text-decoration:none;

    color:#ff66ff;

}

#Tag 

{

    position:relative;

    float:left;

    clear:both;

    width:1000px;

    height:26px;

background-color:#FFFFFF;

font-family: 'Roboto', sans-serif; font-weight: 400;

    font-size:11px;

    color:#000000;

}

#Tag .tag 

{

    position:relative;

    text-align:left;

    left:5px;

    top:6px;

    clear:both;

	background-color:#FFFFFF;

}

#Tag .tag a:link, a:visited 

{

    text-decoration:none;

    color:#29ABEC;

}

#Tag .tag a:hover 

{

    text-decoration:none;

    color:#A31A7E;

}


div.moduletable-login fieldset {

	border:none;

}

div.moduletable-vert {

         padding-top: 20px;

}

div.mosimage {
  border: 0px solid #ccc;
}

.mosimage {
  border: 0px solid #cccccc;
  margin: 0px
}

/* Error System */
.error		{
	color:#cd0000;
	padding-bottom:10px;
}
div.cnts dt.error, dt.message { 
	color:#cd0000;
	font-weight:bold;
}
.error dd ul {
	background: #ce0303 ; 
	border-top: 3px solid #670606; 
	border-bottom: 3px solid #670606; 
	color: #000;
	margin:0; 
	padding:5px 0px 5px 5px;
}
.error dd ul li	{
	background:none !important;
	color:#000 !important; 
	margin:0px 0px 0px 20px !important; 
}

div.pathway {
	position:relative;
	width:70%;
	float:left;
}
div.prnicon {
	position:relative;
	width:30%;
	float:right;
	text-align:right;	
}
div.hrs {
    clear:both;
	width:100%;
	height:34px;
	background: url("/images/hr_s.gif") no-repeat;
	padding-top:2px;
}

div.lftnav {
	padding-top:18px;
}

.inputbox {
	padding-left: 5px;
	overflow: hidden;
	font-size: 100%;
	font-weight: normal;
	border: thin solid #0088CE;  
	color: #888;
}

span.cbLoginButtonSpan {
	margin-top:4px;
	border:none;
}

label {
	color:gray;
}

.latestnews {
	list-style-type: square;
	text-align: left;
	margin-left:1px;
	padding-left: 0px;
	padding-right: 0px;
	color: #505A60;
font-family: 'Roboto', sans-serif;

	font-size: 11px;
}

#crossfade {
    position:relative;
    height:388px;
    width:672px;
    }
    #crossfade img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    }
     
#crossfade img.top:hover {
    opacity:0;
    }

#sleft {
    float: left;
    width: 50%;

    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    padding: 0.4em;
}
#sright {
    float: left;
    width: 50%;

    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    padding: 0.4em;
}