@charset "utf-8";
body {
	background-color: #58585A;
	margin-top: 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#58585A;
	line-height:1.2em;
	background-image:url(http://www.reaction-online.org/images/header/bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
}
h1{
	font-size:34px;
	color:#bdd91a;
	padding-bottom:15px;
	display:inline;
	clear:none;
	padding:0;
	margin:0;
}
h2{
	font-size:20px;
	color:#bdd91a;
	padding-bottom:10px;
	display:inline;
	clear:none;
	padding:0;
	margin:0;
}
h3{
	font-size:12px;
	font-weight:bold;
	color:#bdd91a;
	padding:0;
	margin:0;
	padding-bottom:5px;
	padding-top:8px;
}
h6{
	font-size:100%;
	color:#999999;
	font-weight:normal;
	clear:none;
	margin:0;
	padding:0;
	display:inline;
}
p{
	padding-top:0;
	margin-top:0;
	margin-bottom:10px;
}
a{
	text-decoration:none;
	color:#58585A;
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
	color:#58585A;
	font-weight:bold;
}
.newsSplashMore a{
	text-decoration:none;
	color:#bdd91a;
	font-weight:bold;
}
.newsSplashMore a:hover{
	text-decoration:underline;
	color:#bdd91a;
	font-weight:bold;
}
.rightMenCat a{
	text-decoration:none;
	color:#58585A;
	font-weight:normal;
}
.rightMenCat a:hover{
	text-decoration:none;
	color:#bdd91a;
	font-weight:normal;
}
.rightMenCatSelected a{
	text-decoration:none;
	color:#bdd91a;
	font-weight:normal;
}
.rightMenCatSelected a:hover{
	text-decoration:none;
	color:#bdd91a;
	font-weight:normal;
}

.rightMenItem a{
	text-decoration:none;
	color:#58585A;
	font-weight:normal;
}
.rightMenItem a:hover{
	text-decoration:none;
	color:#bdd91a;
	font-weight:normal;
}
.rightMenItemSelected a{
	text-decoration:none;
	color:#bdd91a;
	font-weight:normal;
}
.rightMenItemSelected a:hover{
	text-decoration:none;
	color:#bdd91a;
	font-weight:normal;
}
a.glink{
	text-decoration:none;
	color:#cccccc;
	font-weight:normal;
}
a.glink:hover{
	text-decoration:none;
	color:#bdd91a;
	font-weight:normal;
}
a img{
	border:none;
	text-decoration:none;
}
.subcontent a{
	text-decoration:none;
	color:#58585A;
	font-weight:normal;
}
.subcontent a:hover{
	text-decoration:none;
	color:#ffffff;
	font-weight:normal;
}
#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
	position:relative;
}
.whiterec{
	width:100%;
	float:left;
	position:relative;
	background-color:#FFFFFF;
	padding-top:10px;
}
#header {
	width: 800px;
	text-align: left;
	float: left;
	clear:both;
}
#headLeft{
	float:left;
	width:300px;
}
.imageBanner{
	width:800px;
	float:left;
	clear:both;
	background-color:#ffffff;
}
#subCmenu{
	width:300px;
	position:absolute;
	left:0;
	top:170px;
	font-size:12px;
	padding-top:5px;
}
#leftContainer {
	width: 165px;
	float: left;
	margin-bottom:5px;
}
#homeImage{
	width: 165px;
	float: left;
}
#rightContainer {
	width: 240px;
	float: left;
	padding-bottom:30px;
	padding-left:10px;
}
#main {
	float: left;
	width: 520px;
	margin-top: 20px;
	margin-bottom:5px;
	padding-left:30px;
	min-height:250px;
	height:auto !important;
    height:250px;
}
#mainHome {
	float: left;
	width: 365px;
	margin-bottom:5px;
	padding-right:20px;
}
#mainDefault {
	float: left;
	width: 500px;
	margin-bottom:5px;
	padding-right:20px;
	padding-left:30px;
	min-height:450px;
	height:auto !important;
	height: 450 px;
}
#mainMenu{
	float: right;
	width:230px;
	margin-top:3px;
	line-height:25px;
	text-align:left;
	padding-top:15px;
	line-height:1.9em;
}
#menuLeft{
	float:left;
	width:110px;
	padding-right:3px;
}
#menuRight{
	float:left;
	width:110px;
	padding-left:7px;
}
.menuItem{
	float:left;
	width:110px;;
	color:#bdd91a;
	clear:both;
	font-size:13px;
}
.menuItemSelected{
	font-size:13px;
	float:left;
	width:147px;
	color:#FFFFFF;
	clear:both;
}
.menuItem a{
	text-decoration:none;
	color:#bdd91a;
	font-weight:normal;
}
.menuItem a:hover{
	text-decoration:none;
	color:#ffffff;
	font-weight:normal;
}
.menuItemSelected a{
	text-decoration:none;
	color:#ffffff;
	font-weight:normal;
}
.menuItemSelected a:hover{
	text-decoration:none;
	color:#ffffff;
	font-weight:normal;
}
.rightMenu{
	width:230px;
	float:left;
	font-size:13px;
	padding-bottom:100px;
}
.rightMenCat{
	width:230px;
	float:left;
	padding-top:5px;
	font-size:15px;
}
.rightMenCatSelected{
	width:230px;
	float:left;
	padding-top:5px;
	padding-bottom:3px;
	font-size:15px;
}
.rightMenItem{
	width:210px;
	float:left;
	padding-left:10px;
	padding-top:3px;
}
.rightMenItemSelected{
	width:210px;
	float:left;
	padding-left:10px;
	padding-top:3px;
}
#submenu{
	float:left;
	width:100%;
	margin-bottom:0px;
	font-size:120%;
	clear:both;
	height:21px;
	padding-top:5px;
}
.submenuItem{
	float: left;
	width:auto;
	background-image:url(../images/buttons/submen.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding-left:7px;
	padding-right:7px;
	padding-top:0px;
	padding-bottom:0px;
	margin-right:1px;
	height:29px;
	line-height:29px;
}
.submenuItemSelected{
	float: left;
	width:auto;
	background-image:url(http://www.reaction-online.org/images/buttons/submenOn.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding-left:7px;
	padding-right:7px;
	padding-top:0px;
	padding-bottom:0px;
	margin-right:1px;
	height:29px;
	line-height:29px;
}
.homeText{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.projectText{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.projectHold{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.tipHold{
	width:100%;
	float:left;
	margin-bottom:0px;
}
.projectLogo{
	width:150px;
	float:left;
}
.projectDesc{
	width:350px;
	float:left;
}
.tipTitle{
	width:100%;
	float:left;
	color:#bdd91a;
	font-size:14px;
	padding-bottom:4px;
}
.eventTitle{
	width:100%;
	float:left;
	color:#bdd91a;
	font-weight:bold;
	padding-bottom:3px;
}
.eventBook{
	width:200px;
	float:left;
	color:#bdd91a;
	font-size:24px;
	padding-bottom:15px;
}
.tipDesc{
	width:100%;
	float:left;
	padding-bottom:0px;
}
.tipDesc ul{
	padding:0;
	margin:0;
}
.tipDesc p{
	padding:0;
	margin:0;
}
hr.event{
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border:0;
	clear:both;
	width:100%;
	padding:0;
	margin:0;
	margin-bottom:5px;
}
#titleHome{
	width:100%;
	float:left;
	font-size:34px;
	color:#bdd91a;
	padding-bottom:15px;
}


ul {
	list-style:none;
	padding:0;
	margin:0;
	margin-bottom:10px;
}
ul li{
	margin-bottom:5px;
	background-image: url(../images/buttons/bulletGreen.gif);
	background-repeat: no-repeat;
	padding-left:18px;
	background-position:top left;
}
#searchHolder{
	width:230px;
	float:left;
	margin-bottom:20px;
	border-width:1px;
	border-color:#cccccc;
	border-style:solid;
	height:30px;
}
.searchInput{
	width:160px;
	float:left;
	padding-left:10px;
	height:30px;
}
.searchImage{
	width:50px;
	float:left;
	height:30px;
}
.searchbx{
	border:0;
	height:28px;
	line-height:28px;
	padding:0;
	margin:0;
	width:150px;
	color:#999999;
	font-size:11px;
}
#newsSplashHolder{
	width:230px;
	margin-bottom:30px;
	border:0;
	height:175px;
	background-image:url(../images/home/newsbg.gif);
	position:relative;
	float:left;
}
#videoHolder{
	width:487px;
	float:left;
	margin-top:8px;
	margin-bottom:30px;
	border:0;
	height:327px;
	background-image:url(../images/case-studies/vidbg.gif);
}
#newsScroller{
	margin:20px;
	padding:5px;
	width:180px;
	height:125px;
	background-image:url(../images/home/newsgrad.jpg);
}
.newsSplashTitle{
	width:180px;
	font-size:18px;
	padding-bottom:0px;
	line-height:1em;
}

.newsSplashItem{
	width:160px;
	padding-bottom:10px;
}
.newsSplashStory{
	width:160px;
	padding-bottom:0;
	line-height:1.2em;
}
.newsSplashMore{
	width:160px;
	color:#bdd91a;
}
#twitterHolder{
	width:230px;
	float:left;
	margin-bottom:30px;
	border:0;
	height:175px;
}
.twitterTitle{
	width:107px;
	float:left;
	font-size:18px;
	padding-bottom:5px;
	padding-top:75px;
}
.twitterFollow{
	float:left;
	width:121px;
	height:91px;
}
.twitterFeed{
	float:left;
	width:230px;
	clear:both;
	line-height:1.4em;
}
form{
	padding:0;
	margin:0;
}
#footer{
	width:100%;
	float:left;
	padding-top:10px;
}
.footerGreen{
	width:95px;
	float:left;
	color:#bdd91a;
	font-size:20px;
}
.footerWhite{
	width:240px;
	float:left;
	color:#FFFFFF;
	font-size:20px;
}
.footerRight{
	width:300px;
	float:right;
}
.footerItem{
	float:right;
	padding-left:20px;
	width:auto;
	text-align:right;
	color:#FFFFFF;
	font-size:11px;
}
.smallt{
	font-size:90%;
}
.medt{
	font-size:110%;
}
.bigt{
	font-size:130%;
}
#homeLeftIm{
	position:absolute;
	left:0;
	bottom:80px;	
}
#homeBottomIm{
	position:absolute;
	left:0;
	bottom:0px;
}

#homeEzineBtn{
	position:absolute;
	left:158px;
	bottom:80px;
}
#rightImageHolder{
	position:absolute;
	right:0px;
	bottom:0px;
}
#erdf{
	position:absolute;
	bottom:103px;
	right:265px;
	height:55px;
	width:216px;
	z-index:100;
}

/* begin css tabs */
 
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0em 0 0em 0; /* set margins as desired */
font: bold 11px ; /* set font as desired */
border-bottom: 0px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 0px 10px 8px 0px; /* THIRD number must change with respect to padding-top (X) below */
}
ul#subconnav{
	padding:0;
	margin:0;
	text-align:left;
	padding-left:0px;
	margin-left:8px;
}
ul#subconnav li{
display:inline;
padding-left:0px;
padding-right:10px;
margin-left:0;
color:#FFFFFF;
background-image:none;

}
ul#tabnav li { /* do not change */
display: inline;
background-image:none;
padding:0;
}
 
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8, body#tab9 li.tab9, body#tab10 li.tab10 { /* settings for selected tab */
border-bottom: 0px solid #fff; /* set border color to page background color */
background-color: #58585A; /* set background color to match above border color */
}
 
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a, body#tab9 li.tab9 a, body#tab10 li.tab10 a { /* settings for selected tab link */
padding: 8px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 0px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #bdd91a; /* set unselected tab background color as desired */
color:#666666; /* set unselected tab link color as desired */
margin-right: 1px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
background-image:url(http://www.reaction-online.org/images/buttons/submenOn.gif);
	background-position:top left;
	background-repeat:repeat-x;
	font-weight:normal;
}
 
ul#tabnav li a { /* settings for all tab links */
padding: 8px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 0px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #cccccc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 1px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
background-image:url(http://www.reaction-online.org/images/buttons/submen.gif);
	background-position:top left;
	background-repeat:repeat-x;
	font-weight:normal;
}
 
ul#tabnav a:hover { /* settings for hover effect */
background: #bdd91a; /* set desired hover color */
background-image:url(http://www.reaction-online.org/images/buttons/submenOn.gif);
	background-position:top left;
	background-repeat:repeat-x;
	font-weight:normal;
}
 
/* end css tabs */


.sIFR-active #titleHome, .sIFR-active .eventBook, .sIFR-active .footerGreen, .sIFR-active .footerWhite, .sIFR-active .twitterTitle, .sIFR-active .newsSplashTitle, .sIFR-active h2{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
}