/************************************************
*
* Safe and Certified
* http://www.safeandcertified.com
* (c) 2009, All Rights Reserved.
* 
* Updated June 2009
*
* Website designed by Dubyts Communications
* http://www.dubytscom.com

************************************************/

/*
* Typography colors

#b0b0b0; 	grey1
#696969; 	grey2
#3d3d3d;  	grey3
#f78626; 	orange1
#e07214;	orange2
#c2a875; 	gold
#f5f5f5; 	white1

Background colors
#000; 		black
#e6e6e6; 	grey1
#ccc; 		grey2
#a4a4a4; 	grey3
#5f5f5f; 	grey4
#f88f29;	orange

#fff; 		white
#f9f9f9; 	white1

*/

/*reset*/

body, p, ul, ol, li, h1, h2, h3, h4, h5, h6,
form, fieldset, label, legend,
blockquote, pre, code, address {
margin:0;
padding:0;
border:0;
}
html, body{height:100%;}
#container{
width:960px;
background-color:#fff;
padding:0;
color:#f5f5f5;
height:auto !important;
min-height:100%;
margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}
#header{
width:960px;
height:113px;
background: #e6e6e6 url(../images/headerBk.gif) no-repeat;
color:#f78626;
margin-bottom:5px;
}
ul#topnav {	
width:960px;
list-style:none;
height:75px;
margin:0 auto;
margin-bottom:15px;
}


ul#topnav li {
display:inline;
}
ul#topnav li a {
		height:75px;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
		width: 256px;
}
ul#topnav li.topnav-1 a {
		width:140px;
		background:url(../images/mainNav.gif) no-repeat 0 0;
}
ul#topnav  li.topnav-1 a:hover {
		background-position:0 -75px;
}
ul#topnav  li.topnav-1 a.current{
		background-position:0 -150px;
}
ul#topnav li.topnav-2 a {
		width:256px;
		background:url(../images/mainNav.gif) no-repeat -140px 0;
}
ul#topnav  li.topnav-2 a:hover {
		background-position:-140px -75px;
}
ul#topnav  li.topnav-2 a.current{
		background-position:-140px -150px;
}
ul#topnav li.topnav-3 a {
		width:214px;
		background:url(../images/mainNav.gif) no-repeat -396px 0;
}
ul#topnav  li.topnav-3 a:hover {
		background-position:-396px -75px;
}
ul#topnav  li.topnav-3 a.current{
		background-position:-396px -150px;
}
ul#topnav li.topnav-4 a {
		width:174px;
		background:url(../images/mainNav.gif) no-repeat -609px 0;
}
ul#topnav  li.topnav-4 a:hover {
		background-position:-609px -75px;
}
ul#topnav  li.topnav-4 a.current{
		background-position:-609px -150px;
}
ul#topnav li.topnav-5 a {
		width:175px;
		background:url(../images/mainNav.gif) no-repeat -783px 0;
}
ul#topnav  li.topnav-5 a:hover {
		background-position:-783px -75px;
}
ul#topnav  li.topnav-5 a.current{
		background-position:-783px -150px;
}
p { margin-top: 1.4em;margin-bottom: 1.4em; } 

#secondNav{
width:310px;
height:415px;
background-color:#f9f9f9;
float:left;
color:#fff;
margin:0 auto;
}
#secondNav li{
text-indent:20px;
list-style-type:none;
}
/*-----------------homebox1(Top Box)-------------------*/
#homebox1{
width:310px;
background-color:#696969;
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:0.8em;
line-height:2;
}
#homebox1 li, #homebox2 li{
text-indent:0;
}
#homebox1 img, #homebox2 img{
float:left;
padding:20px 10px 0 0;
}
#homebox1 li a{
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:0.9em;
display:block;
width:290px;
height:113px;
padding-top:10px;
padding-left:20px;
border-bottom: 1px solid #a2a2a2;
background-color:#5f5f5f;
text-decoration:none;
}
#homebox1 li a:hover{
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:0.9em;
display:block;
width:290px;
height:113px;
padding-top:10px;
border-bottom: 1px solid #a2a2a2;
background-color:#434343;
text-decoration:none;
}
/*-----------------homebox2(Bottom Box)-------------------*/
#homebox2{
width:310px;
background-color:#696969;
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:0.8em;
line-height:2;
}
#homebox2 li a{
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:0.9em;
display:block;
width:290px;
height:113px;
padding-top:10px;
padding-left:20px;
border-bottom: 1px solid #a2a2a2;
background-color:#6f6e6e;
text-decoration:none;
}
#homebox2 li a:hover{
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:0.9em;
display:block;
width:290px;
height:113px;
padding-top:10px;
border-bottom: 1px solid #a2a2a2;
background-color:#4b4b4b;
text-decoration:none;
}

/*-----------------homebox3(Bottom Box)-------------------*/
#homebox3{
width:310px;
height:116px;
background-color:#696969;
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:0.8em;
line-height:2;
}
#homebox3 li a{
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:0.9em;
width:290px;
height:19px;
padding-left:20px;
text-decoration:none;
}
#homebox3 li a:hover{
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:0.9em;
width:290px;
height:19px;
text-decoration:underline;
}
/*-----------------image_box(Top Box)-------------------*/
#image_box{
width:310px;
}
#image_box li, #box2 li{
text-indent:0;
}
#image_box img, #box2 img{
float:left;
}
#image_box li a{
display:block;
width:310px;
height:182px;
border-bottom: 1px solid #a2a2a2;
text-decoration:none;
}
#image_box li a:hover{

display:block;
border-bottom: 1px solid #a2a2a2;
width:310px;
height:182px;
text-decoration:none;
}

/*-----------------box1(Top Box)-------------------*/
#box1{
width:310px;
background-color:#696969;
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:0.9em;
line-height:2;
}
#box1 li, #box2 li{
text-indent:0;
}
#box1 img, #box2 img{
float:left;
padding:20px 10px 0 0;
}
#box1 li a{
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:1em;
display:block;
width:290px;
height:170px;
padding-top:10px;
padding-left:20px;
border-bottom: 1px solid #a2a2a2;
background-color:#5f5f5f;
text-decoration:none;
}
#box1 li a:hover{
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:1em;
display:block;
width:290px;
height:170px;
padding-top:10px;
border-bottom: 1px solid #a2a2a2;
background-color:#434343;
text-decoration:none;
}
/*-----------------box2(Bottom Box)-------------------*/
#box2{
width:310px;
background-color:#696969;
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:0.9em;
line-height:2;
}
#box2 li a{
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:1em;
display:block;
width:290px;
height:170px;
padding-top:10px;
padding-left:20px;
border-bottom: 1px solid #a2a2a2;
background-color:#6f6e6e;
text-decoration:none;
}
#box2 li a:hover{
color:#fff;
font-family:Tahoma, Geneva, sans-serif;
font-size:1em;
display:block;
width:290px;
height:170px;
padding-top:10px;
border-bottom: 1px solid #a2a2a2;
background-color:#4b4b4b;
text-decoration:none;
}
/*-----------------box3 (All)-------------------*/
#box3{
width:310px;
height:365px;
background-color:#696969;
margin-bottom:15px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#box3 li{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}
#box3 ul{
margin-top:30px;
z-index:10;
}
#box3 li a{
display:block;
width:310px;
height:25px;
padding-top:10px;
border-bottom: 1px solid #a2a2a2;
color:#fff;
text-decoration:none;
background-color:#5f5f5f;
}
#box3 li a:hover{
display:block;
width:310px;
height:25px;
padding-top:10px;
border-bottom: 1px solid #a2a2a2;
background-color:#6f6e6e;
text-decoration:none;
}

/*NOTE*--NEED PNG. HACK--*/
.photo {
	margin: 30px;
	position: relative;
	width: 180px;
	height: 130px;
	float: left;
}
.photo img {
	background: #bebebe;
	border: solid 1px #ccc;
	padding: 4px;
}
.photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(images/digg-style.gif) no-repeat;
}
.photo a {
	text-decoration: none;
}
#benefits1,#benefits2,#benefits3{
width:196px;
height:365px;
background-color:#fff;
border:7px solid #5f5f5f;
float:left;
margin:15px 14px 15px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
padding:8px;
color:#3d3d3d;
}
#mainContent{
width:665px;
background-color:#fff;
border:7px solid #989898;
float:left;
margin:15px 14px 15px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.4em;
padding:15px;
color:#3d3d3d;
}
#subnavContent{
width:590px;
height:323px;
background-color:#f9f9f9;
float:left;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.4em;
color:#3d3d3d;
border: 1px solid #dddddd;
padding:20px;
}
#imagePlaceholder{
width:635px;
height:365px;
background-color:#f9f9f9;
float:left;
margin-left:11px;
color:#3d3d3d;
border: 1px solid #dddddd;
}
#fade{
width:635px;
height:365px;
float:left;
margin-left:10px;
}
#fade{
list-style-type:none;
}
#col1, #col2, #col3{
background-color:#fff;
border:8px solid #5F5F5F;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:0.8em;
line-height:1.4em;
height:750px;
margin:15px 13px 15px 0;
padding:8px;
width:196px; 
color:#3d3d3d;
}
#col1 img,#col2 img,#col3 img{
margin:0 auto;
padding-bottom:3px;
}
/*CONTACT FORM*/
#contactForm{ /*background*/
margin-top:15px;
color:#696969;
float:left;
height:383px;
width:235px;
background: url(../images/formBox.gif) no-repeat;
}
.findoutmore{
padding-top:70px;
font-family:Tahoma,Geneva,sans-serif;
font-size:1em;
font-weight:bold;
}
/*SIGNUP FORM*/
#signupForm{ 
color:#696969;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:0.8em;
font-weight:normal;
width:235px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#f2f2f2;
border:1px solid #ccc;
margin-top:15px;
margin-bottom:15px;
}
#signupForm p{margin:15px 10px;}
#signUpLabel{
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border:1px solid #f88f29;
background-color:#f88f29;
margin: -1px 0 8px -20px;
font-family:Tahoma,Geneva,sans-serif;
font-size:1.3em;
font-weight:bold;
color:#fff;
text-align:center;
line-height:40px;
padding:0;
}

#smallBoxRight{ 
color:#696969;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:0.8em;
line-height:1.6em;
font-weight:normal;
width:200px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#f2f2f2;
border:1px solid #ccc;
margin-top:15px;
padding:20px 10px 20px 20px;
}

#smallBoxRight ul{
padding-top:20px;
margin-left:20px;
}
#smallBoxRight li{
list-style-type:none;
line-height:2;
}
#smallBoxRight li a{
color:#f78626;
}
#smallBoxRight li a:hover{
color:#e07214;
}

#setupSteps{ 
color:#696969;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:0.8em;
line-height:1.6em;
font-weight:normal;
width:200px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#f2f2f2;
border:1px solid #ccc;
margin-top:15px;
padding:20px 10px 20px 20px;
}


#orangeButton{
font-size:1.2em;
}
#orangeButton a, #orangeButton a:visited { 
color:#fff;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:0.9em;
line-height:1.6em;
font-weight:bold;
width:150px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#f17409;
margin:15px 20px 0 0;
padding:20px;
text-align:center;}

#orangeButton a:hover { display: block; color: #FFFFFF; text-decoration:none; background-color:#f9b30e;font-size:0.9em;} 

#orangeButton{
font-size:1.2em;
}
#orangeButton a, #orangeButton a:visited { 
color:#fff;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:0.9em;
line-height:1.6em;
font-weight:bold;
width:150px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#f17409;
margin:15px 20px 0 0;
padding:20px;
text-align:center;}

#orangeButton a:hover { display: block; color: #FFFFFF; text-decoration:none; background-color:#f9b30e;font-size:0.9em;} 

#yellowButton{
font-size:1.2em;
}
#yellowButton a, #yellowButton a:visited { 
color:#3d3d3d;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:0.9em;
line-height:1.6em;
font-weight:bold;
width:150px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#ffc600;
margin:15px 20px 0 0;
padding:20px;
text-align:center;}

#yellowButton a:hover { display: block; color: #3d3d3d; text-decoration:none; background-color:#f9b30e;font-size:0.9em;} 



#lightYellowButton{
font-size:1.2em;
}
#lightOrangeButton a, #lightOrangeButton a:visited { 
color:#fff;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:0.9em;
line-height:1.6em;
font-weight:bold;
width:150px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#f1a709;
margin:15px 20px 0 0;
padding:20px;
text-align:center;}

#lightOrangeButton a:hover { display: block; color: #fff; text-decoration:none; background-color:#f9b30e;font-size:0.9em;} 

#testimonial{
width:940px;
height:125px;
background-color:#e6e6e6;
margin-bottom:15px;
padding:6px;
color:#696969;
}
/* testimonial with testimonialfade
#testimonial{
width:940px;
height:105px;
background-color:#e6e6e6;
padding:0;
width:960px;
height:70px;
color:#696969;
}
#testimonialfade{
width:960px;
height:116px;
margin:0 auto;
}
#testimonialfade{
list-style-type:none;
}*/
.testimonialInnerBox{
width:904px;
height:80px;
padding:10px 10px 20px 10px;
border: 1px solid #dddddd;
background-color:#fff;
margin:7px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
font-size:1.0em;
line-height:1.8;
color:#696969;
text-align:center;
}
.clear{clear:both;}
.push{height:90px;}/*same height as footer*/

#footer{
width:960px;
height:90px;
margin: 0 auto;
background: #f78626 url(../images/footerBk.gif) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
color:#fff;
text-align:center;
line-height:2em;
}
#footer p{
padding-top: 1.4em;
}
#footer a{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color:#fff;
}
#footer a:hover{
text-decoration:underline;
}

h1 {background:transparent url(../images/logo.gif) no-repeat scroll 20px 10px;float:left;width:272px;height:81px;text-indent:-9999px;}/*logo*/
h2 {font-size: 1.5em; color:#f78626; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-style:italic; line-height:100px;float:left;width:270px;}/*online safety training*/
h3 {font-size: 1.8em; color:#f78626; font-weight: bold; font-family:Tahoma, Geneva, sans-serif; padding-top:10px;}/*main content headings*/
h4 {font-size: 1.6em; color:#b0b0b0; font-weight: bold; font-family:Tahoma, Geneva, sans-serif; padding-top:10px;}/*main content headings*/
h5 {font-size: 1.6em; margin-left:20px;padding-top:10px;}/*subnav headings*/


.article-question { color:Black; font-weight:bold; font-style:italic; }

.yellow{color:#ffc600; font-weight: bold; font-family:Tahoma, Geneva, sans-serif;}
.lightYellow{color:#fad75e; font-weight: bold; font-family:Tahoma, Geneva, sans-serif;}
.orangeBold{font-size: 1.2em; color:#f78626; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}

a {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.1em;
font-style:normal;
color:#c76717;
text-decoration:none;
}
a:hover{color:#c76717;text-decoration:underline;}


ul#headerIcons {	
width:300px;
list-style:none;
height:80px;
margin:0 auto;
float:right;
padding-right:40px;
}
ul#headerIcons li {
display:inline;
}
ul#headerIcons li a {
		height:80px;
		width:33px;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
}
ul#headerIcons li.login a {
		width:100px;
		background: url(../images/headerIconsNew.png) no-repeat 0 0;
}
ul#headerIcons li.login a:hover {
		background-position:0 -80px;
}
ul#headerIcons li.login a.selected{
		background-position:0 -160px;
}
ul#headerIcons li.newsletter a {
		width:100px;
		background:url(../images/headerIconsNew.png) no-repeat -100px 0;
}
ul#headerIcons li.newsletter a:hover {
		background-position:-100px -80px;
}
ul#headerIcons li.newsletter a.selected{
		background-position:-100px -160px;
}
ul#headerIcons li.phone a{
		width:100px;
		background:url(../images/headerIconsNew.png) no-repeat -200px 0;
}
ul#headerIcons li.phone a:hover {
		background-position:-200px -80px;
}
ul#headerIcons li.phone a.selected{
		background-position:-200px -160px;
}

ul#headerIcons2 {	
width:350px;
list-style:none;
height:80px;
margin:0 auto;
float:right;
padding-right:0px;
}

ul#headerIcons2 li 
{
	display: inline;	
}


ul#headerIcons2 li a {
		height:50px;
		width:100px;
		font-size:12px;
		float:left;
		text-decoration:none;
}
ul#headerIcons2 li.login a {
		width:100px;
		background: url(../images/headerIconsNew.png) no-repeat 0 0;
}
ul#headerIcons2 li.login a:hover {
		background-position:0 -80px;
}
ul#headerIcons2 li.login a.selected{
		background-position:0 -160px;
}
ul#headerIcons2 li.whmis a {
		width:100px;
		background:url(../images/headerIconsNew.png) no-repeat -100px 0;
}
ul#headerIcons2 li.whmis a:hover {
		background-position:-100px -80px;
}
ul#headerIcons2 li.whmis a.selected{
		background-position:-100px -160px;
}
ul#headerIcons2 li.phone a{
		width:100px;
		background:url(../images/headerIconsNew.png) no-repeat -200px 0;
}
ul#headerIcons2 li.phone a:hover {
		background-position:-200px -80px;
}
ul#headerIcons2 li.phone a.selected{
		background-position:-200px -160px;
}



#videoPlayer{
width:635px;
height:365px;
background-color:#000;
float:left;
margin-left:15px;
}

/*-----------------JQUERY s3SLIDER-----------------*/
ul#sliderContent, li#sliderContent, #sliderContent img {
list-style: none;
padding: 0;
}

#slider {
   width: 650px; /* important to be same as image width */
   height: 365px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-left: 15px;
}

#sliderContent {
   width: 620px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 15px; /* important */
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   width: 612px;/*Needed for IE */
}

.sliderImage span {
   position: absolute; /* important */
   padding: 10px 13px;
   width: 612px; /* width of image minus left and right padding. Needed for IE */
   background-color: #ccc;
   filter:alpha(opacity=70); /* IE 4-7 */
   -moz-opacity:0.7;/*Netscape*/
   -khtml-opacity:0.7;/*Old versions of Safari*/
   opacity:0.7; /* here you can set the opacity of box with text -- Firefox, Safari(WebKit), Opera */
  color: #3d3d3d;
   font-weight:bold; font-family:Arial, Helvetica, sans-serif;
   font-style:italic;
   font-size:1em;
   display: none; /* important */
   left: 0;
   bottom: 0;
}
/*----------------JQUERY s3SLIDER-----------------*/

/*----------------JQUERY FLY-OUT MENU NAVIGATION-----------------*/

#button {
	height: 35px;
	width: 300px;
	margin: 0 auto;
	padding:0;
}
.menu_class{
margin:0;
padding:0;
}
.menu_class img{
margin:0;
padding:0;
vertical-align:middle;
position:relative;
left:100px;
}
li.menu_class{
margin:0;
padding:0;
list-style:none;
}
li.menu_class a {
width:310px;
background-color:#696969;
}
li.menu_class a:hover {
background-color:#6f6e6e;
}
/*Drop down menu*/

.the_menu {
display:none;
width:310px;
position:relative;
/*top:-318px;*/
top:-65px;
left:311px;
width:310px;
}
.the_menu li {
background-color: #302f2f;
}
.the_menu li a {
	color:#FFFFFF; 
	text-decoration:none;  
	display:block;
}
.the_menu li a:hover {
	font-weight:bold;
	color: #F00880;
	
}





/*----------------New SAC Page -----------------*/
#home_left_side{
width:310px;
height:auto;
margin:0px;
float:left;
}

#comment_btn
{
width: 310px;
height: 115px;
float:left;
padding:0px;
margin:0px;	
	
}

#home_right_side{
width:650px;
height:auto;
margin:0px;
float:left;
}

#login_center{
width:380px;
height:auto;
margin:0px;
float:left;
padding-left: 10px;
padding-right: 10px;
}

#login_center_container{
width:380px;
height:auto;
margin:0px;
float:left;
}


#login_right{
width:250px;
height:auto;
margin:0px;
float:left;
}
#left_side_table{ 
color:#696969;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:0.8em;
font-weight:normal;
width:310px;
background-color:#f2f2f2;
border:1px solid #ccc;
margin-top:5px;
margin-bottom:15px;
padding-top: 10px;
}
#home_right_table{ 
color:#696969;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:0.9em;
font-weight:normal;
width:630px;
background-color:#f2f2f2;
border:1px solid #ccc;
margin-top:5px;
margin-bottom:15px;
padding-top: 10px;
padding-left:20px;
padding-right:20px;
}



#login_center_table{ 
color:#696969;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:0.8em;
font-weight:normal;
width:380px;
background-color:#f2f2f2;
border:1px solid #ccc;
margin-top:5px;
margin-bottom:15px;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
height: 815px;
}



#login_right_table{ 
color:#696969;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:0.8em;
font-weight:normal;
width:250px;
background-color:#f2f2f2;
border:1px solid #ccc;
margin-top:5px;
margin-bottom:15px;
height: 233px;
}

#login_right_heading
{
background-color: #F78626;
font-family:Tahoma,Geneva,sans-serif;
color:#FFF;
font-size: 20px;
font-weight:800;
text-align: center;
width: 250px;
height: 50px;
line-height: 10px;	
}

#login_right_content
{
font-family:Tahoma,Geneva,sans-serif;
width: 230px;
padding-left:10px;
padding-right: 10px;
}


#sliderimage_container{
padding:0px;
float:left;
width: 650px;
height: 365px;
margin-top:-10px;
}

.sliderImages {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
width: 650px;/*Needed for IE */
}


#footer2{
width:960px;
height:90px;
margin: 0 auto;
background: #f78626 url(../images/footerBk.gif) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
color:#fff;
text-align:center;
line-height:2em;
float:left;
}
#footer2 p{
padding-top: 0;
}
#footer2 a{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color:#fff;
}
#footer2 a:hover{
text-decoration:underline;
}
#content_container{
padding: 20px;
padding-bottom: 0px;
padding-right:0px;
float:left;
width: 630px;
color:#696969;
font-family:Tahoma,Geneva,sans-serif;
font-size: 14px;

}
#content_container h2
{
font-size:26px;
color:#F78626;
font-weight:800;
width: auto;
line-height: 60px;
}

#column1, #column2, #column3{
background-color:#fff;
border:8px solid #5F5F5F;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:0.8em;
line-height:1.4em;
height:850px;
margin:15px 13px 15px 0;
padding:8px;
width:171px; 
color:#3d3d3d;
}
#column1 td, #column2 td, #column3 td
{
background-color: #F78626;
color:#FFF;
font-size: 20px;
font-weight:800;
text-align: center;
width: 100%;
height: 80px;
line-height: 25px;			
}

#meterbg{
width:258px;
height:59px;
background: url(../images/counter_gradient.jpg) no-repeat;
padding:0px;
margin: 0px;
padding-top: 8px;
}

/* testimonials */
.testimonial-whmis 
{
    font-style:italic;
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	border:5px solid #f88f29;
	color:#333;
	background:#fff;
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.testimonial-whmis:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#f88f29 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
.testimonial-whmis:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
.testimonial-whmis-by
{
    margin-left:65px;
    margin-top:-15px;
}

.big-btn{text-decoration:none; text-align:center; 
 padding:15px 30px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:16px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#f78726; 
 background-image: -moz-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -webkit-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -o-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -ms-linear-gradient(top, #f78726 0% ,#ed7f1f 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7f1f', endColorstr='#ed7f1f',GradientType=0 ); 
 background-image: linear-gradient(top, #f78726 0% ,#ed7f1f 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }.big-btn:hover{
 padding:15px 30px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:16px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#f78726; 
 background-image: -moz-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -webkit-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -o-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -ms-linear-gradient(top, #f78726 0% ,#ed7f1f 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7f1f', endColorstr='#ed7f1f',GradientType=0 ); 
 background-image: linear-gradient(top, #f78726 0% ,#ed7f1f 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 text-shadow: 1px 1px 0px #141313; 
 filter: dropshadow(color=#141313, offx=1, offy=1);}
 .big-btn:active{
 padding:15px 30px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:16px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#f78726; 
 background-image: -moz-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -webkit-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -o-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -ms-linear-gradient(top, #f78726 0% ,#ed7f1f 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7f1f', endColorstr='#ed7f1f',GradientType=0 ); 
 background-image: linear-gradient(top, #f78726 0% ,#ed7f1f 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 }

.skinny-btn{text-decoration:none; text-align:center; 
 padding:7px 10px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#f78726; 
 background-image: -moz-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -webkit-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -o-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -ms-linear-gradient(top, #f78726 0% ,#ed7f1f 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7f1f', endColorstr='#ed7f1f',GradientType=0 ); 
 background-image: linear-gradient(top, #f78726 0% ,#ed7f1f 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 cursor:pointer; 
  }
.skinny-btn:hover{
 text-decoration:none;
 padding:7px 10px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#f78726; 
 background-image: -moz-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -webkit-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -o-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -ms-linear-gradient(top, #f78726 0% ,#ed7f1f 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7f1f', endColorstr='#ed7f1f',GradientType=0 ); 
 background-image: linear-gradient(top, #f78726 0% ,#ed7f1f 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 text-shadow: 1px 1px 0px #141313; 
 filter: dropshadow(color=#141313, offx=1, offy=1);}
.skinny-btn:active{
 padding:7px 10px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#f78726; 
 background-image: -moz-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -webkit-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -o-linear-gradient(top, #f78726 0%, #ed7f1f 100%); 
 background-image: -ms-linear-gradient(top, #f78726 0% ,#ed7f1f 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7f1f', endColorstr='#ed7f1f',GradientType=0 ); 
 background-image: linear-gradient(top, #f78726 0% ,#ed7f1f 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 }

.skinny-btn-personal{text-decoration:none; text-align:center; 
 padding:7px 10px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#f78726; 
 background-image: -moz-linear-gradient(top, #fac835 0%, #FFBF75 100%); 
 background-image: -webkit-linear-gradient(top, #fac835 0%, #FFBF75 100%); 
 background-image: -o-linear-gradient(top, #fac835 0%, #FFBF75 100%); 
 background-image: -ms-linear-gradient(top, #fac835 0% ,#FFBF75 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac835', endColorstr='#FFBF75',GradientType=0 ); 
 background-image: linear-gradient(top, #fac835 0% ,#FFBF75 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 cursor:pointer;
  }
.skinny-btn-personal:hover{
 text-decoration:none;
 padding:7px 10px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#f78726; 
 background-image: -moz-linear-gradient(top, #fac835 0%, #FFBF75 100%); 
 background-image: -webkit-linear-gradient(top, #fac835 0%, #FFBF75 100%); 
 background-image: -o-linear-gradient(top, #fac835 0%, #FFBF75 100%); 
 background-image: -ms-linear-gradient(top, #fac835 0% ,#FFBF75 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBF75', endColorstr='#fac835',GradientType=0 ); 
 background-image: linear-gradient(top, #fac835 0% ,#FFBF75 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 text-shadow: 1px 1px 0px #141313; 
 filter: dropshadow(color=#141313, offx=1, offy=1);}
.skinny-btn-personal:active{
 padding:7px 10px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px Arial, Helvetica, sans-serif;
 font-weight:bold; 
 color:#ffffff; 
 background-color:#f78726; 
 background-image: -moz-linear-gradient(top, #fac835 0%, #FFBF75 100%); 
 background-image: -webkit-linear-gradient(top, #fac835 0%, #FFBF75 100%); 
 background-image: -o-linear-gradient(top, #fac835 0%, #FFBF75 100%); 
 background-image: -ms-linear-gradient(top, #fac835 0% ,#FFBF75 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBF75', endColorstr='#fac835',GradientType=0 ); 
 background-image: linear-gradient(top, #fac835 0% ,#FFBF75 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 }

.skinny-btn-fullserve{text-decoration:none; text-align:center; 
 padding:7px 10px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#de4f28; 
 background-image: -moz-linear-gradient(top, #de4f28 0%, #FF4E03 100%); 
 background-image: -webkit-linear-gradient(top, #de4f28 0%, #FF4E03 100%); 
 background-image: -o-linear-gradient(top, #de4f28 0%, #FF4E03 100%); 
 background-image: -ms-linear-gradient(top, #de4f28 0% ,#FF4E03 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4E03', endColorstr='#de4f28',GradientType=0 ); 
 background-image: linear-gradient(top, #de4f28 0% ,#FF4E03 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 cursor:pointer; 
  }
.skinny-btn-fullserve:hover{
 text-decoration:none;
 padding:7px 10px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#de4f28; 
 background-image: -moz-linear-gradient(top, #de4f28 0%, #FF4E03 100%); 
 background-image: -webkit-linear-gradient(top, #de4f28 0%, #FF4E03 100%); 
 background-image: -o-linear-gradient(top, #de4f28 0%, #FF4E03 100%); 
 background-image: -ms-linear-gradient(top, #de4f28 0% ,#FF4E03 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4E03', endColorstr='#de4f28',GradientType=0 ); 
 background-image: linear-gradient(top, #de4f28 0% ,#FF4E03 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 text-shadow: 1px 1px 0px #141313; 
 filter: dropshadow(color=#141313, offx=1, offy=1);}
.skinny-btn-fullserve:active{
 padding:7px 10px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#de4f28; 
 background-image: -moz-linear-gradient(top, #de4f28 0%, #FF4E03 100%); 
 background-image: -webkit-linear-gradient(top, #de4f28 0%, #FF4E03 100%); 
 background-image: -o-linear-gradient(top, #de4f28 0%, #FF4E03 100%); 
 background-image: -ms-linear-gradient(top, #de4f28 0% ,#FF4E03 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4E03', endColorstr='#de4f28',GradientType=0 ); 
 background-image: linear-gradient(top, #de4f28 0% ,#FF4E03 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 }

.vertical-text {
	transform: rotate(90deg);
	transform-origin: left top 0;
}

span.circle {
  background: #f78726;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  text-align: center;
  width: 1.6em; 
  margin-left:10px;
  margin-right:8px;
}

#reg-columns {
    width:960px;
    float:left;
    color:black;
    font-family:Calibri,Arial,sans-serif;
}

.reg-col {
    width:238px; 
    height:930px; 
    float:left; 
    border:1px solid #f78726;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.reg-col-wide {
    width:466px; 
    height:930px; 
    float:left; 
    border:1px solid #f78726;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left:6px;
    margin-right:6px;
}

.reg-col-wider {
    width:700px; 
    height:880px; 
    float:left; 
    border:3px solid #f78726;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left:6px;
    margin-right:6px;
}

.reg-col-heading {
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#f78726;
    height:30px;
    vertical-align:middle;
}
.reg-col-heading-personal {
    font-size:22px;
    font-weight:bold;
    text-align:center;
    height:30px;
    vertical-align:middle;
    background-color:#fac835;
}
.reg-col-heading-fullserve {
    font-size:22px;
    font-weight:bold;
    text-align:center;
    height:30px;
    vertical-align:middle;
    background-color:#de4f28;
}
.reg-col-heading-side {
    font-size:22px;
    font-weight:bold;
    text-align:center;
    height:30px;
    vertical-align:middle;
    background-color:#e6e6e6;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.reg-col-sub-heading {
    font-size:16px;
    text-align:center;
    color:#a2a2a2;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
}
.reg-col-reverse-heading {
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#f78726;
    height:30px;
    vertical-align:middle;
    color:#fff;
}
.reg-col-reverse-heading-personal {
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#fac835;
    height:30px;
    vertical-align:middle;
    color:#fff;
}
.reg-col-reverse-heading-fullserve {
    font-size:22px;
    font-weight:bold;
    text-align:center;
    background-color:#de4f28;
    height:30px;
    vertical-align:middle;
    color:#fff;
}
.reg-col-button-container {
    text-align:center;
    margin-top:24px;
    margin-bottom:24px;
    vertical-align:middle;
}
ul.register {
    list-style-type:disc;
    margin-left:30px;
    margin-top:10px;
    margin-right:8px;
    font-size:14px;
}
li.register {
    margin-bottom:7px;
}
table.register {
    font-size:13px;
    border-collapse:collapse;
}
th.register {
    padding-top:5px;
    padding-bottom:5px;
}
td.register-odd {
    background-color:#f2f2f2; /*#ffdeb6;*/
    vertical-align:middle;
    padding:3px 3px 3px 3px;
}
td.register-even {
    background-color:#fff;
    vertical-align:middle;
    padding:3px 3px 3px 3px;
}
h1.register {
    font-size:19px;
    font-weight:bold;
    color:#3d3d3d;
    background:none;
    float:none;
    width:auto;
    height:auto;
    text-indent:0;
    text-align:center;
}
span.register {
    font-size:19px;
    font-weight:bold;
    color:#3d3d3d;
}

.smallBoxRight-heading {
    width:220px;
    background-color:#e6e6e6;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    font-size: 14px;
    font-weight: bold;
    color: #3d3d3d;
    text-align:center;
    margin-left:-20px;
    border-bottom:1px solid #f78726;
    border-top:1px solid #f78726;
}