/* Old page controls */
/*background{ background-repeat: no-repeat; } */
body{margin: 0; padding: 0; font: normal 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; background-color: #1f78d3e; }
rowHigh{background-repeat: no-repeat; background-color: #CCCCCC; border: thin solid #999999;}
.body_bld {color: #000000; font-size: 9pt; font-weight: Bold; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;}
.hdr_lg_white_bld {color: #ffffff; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 120%;}	
.how_to_blue {color: #3300FF; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;}	
.body_sml_blue {color: #003366; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif;}
.body {color: Black; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;}
.body_lg {color: #003366; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;}
.body_sml {color: Black; font-size: 8pt; font : bold Verdana, Geneva, Arial, Helvetica, sans-serif;}
.body_med {color: Black; font-size: 10pt; font : bold Verdana, Geneva, Arial, Helvetica, sans-serif;}
.body_med_white {color: #ffffff; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;}
.body_lg_white {color: #ffffff; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;}
.hdr_white_bld {color: #ffffff; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 120%;}	
.hdr_lg_white_bld {color: #ffffff; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 120%;}	
.hdr_info {color: #636963; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}	
.display {COLOR: #003366; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;}
td.display_small {COLOR: #003366; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif;}
td.display_med {color: #000000; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; height : 30px;}
.display_red {COLOR: #990000; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;}
.display_white {COLOR: #ffffff; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;}
.logoHold {
	list-style-type: none;
}
A.standard:hover {COLOR: #000000; FONT-SIZE: 9pt; TEXT-DECORATION: none}
A.standard:link {COLOR: #003366; FONT-SIZE: 9pt; TEXT-DECORATION: none}
A.standard:active {COLOR: #003366; FONT-SIZE: 9pt; TEXT-DECORATION: none}
A.standard:visited {COLOR: #003366; FONT-SIZE: 9pt; TEXT-DECORATION: none}
A.jump_blue:link {color: #336699; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; word-spacing: -1px; letter-spacing: normal; display: block;}	
A.jump_blue:hover {color: #FFCC00; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; word-spacing: -1px; display: block; text-decoration: underline;}	
A.jump_blue:active {color: #CC9900; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; word-spacing: -1px; display: block;}	
A.jump_blue:visited {color: #CC6600; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; word-spacing: -1px; display: block;}
A.standard_white:hover {COLOR: #ffffff;	FONT-SIZE: 9pt;	TEXT-DECORATION: none}
A.standard_white:link {COLOR: #ffffff; FONT-SIZE: 9pt; TEXT-DECORATION: none}
A.standard_white:active {COLOR: #ffffff; FONT-SIZE: 9pt; TEXT-DECORATION: none}
A.standard_white:visited {COLOR: #ffffff; FONT-SIZE: 9pt; TEXT-DECORATION: none}

.bread{color: #ffffff;	FONT-SIZE: 9pt;	TEXT-DECORATION: none}
	

/* New CSS */


code.blockcode{display: block; padding: 5px; border: 1px solid gray; width: 400px; background-color: white; }
code{background-color: lightyellow; }
pre, p.codearea{background-color: #EFEFEF; font-size: 13px; width: 98%; border: 1px dashed gray; padding: 5px; }
p.codearea{margin: 10px 0;}
textarea.codecontainer{border: 1px dashed gray; width: 98%; height: 150px; background-color: #EFEFEF; margin-top: 1em; clear: left; padding-left: 5px; }
.selectcode{margin-top: 1em;}
.selectcode a.tabs{border: 1px solid gray; border-bottom-width: 0; padding: 0 4px; text-decoration: none; color: navy; margin-right: 3px; }
.selectcode a.tabs:visited, .selectcode a.tabs:active{color: navy;}
.selectcode a.tabs:hover{background-color: #EFEFEF; color: navy;}
.submitform p{margin: 10px 0;}
.submitform .inputbox{width: 300px; border: 1px solid gray;}
.submitform textarea{width: 450px; height: 150px; border: 1px solid gray; }
.submitform .formbuttons{border: 1px solid black; }
.codetitle{padding-left: 19px; background: white url(squarebullet2.png) center left no-repeat; }
.codeimages img{border: 1px dashed gray; margin-right: 8px; }
a:link    { color: #aa2716}
a:visited { color: #821F11}  
a:hover, a:active  { color: red;}

.shadow{
border:1px solid silver;
font:10pt arial;
position:relative;
display:inline;
background:white;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}


.maincontainer{width: 1023px; padding-left: 0px; margin-left: auto; margin-right: auto; background-color: white; border: 2px solid #e0e0e0; border-width: 0 2px; }

* html #.maincontainer{ /*IE only */
width: 845px; /*IE 5*/
w\idth: 860px; /*IE 6*/
}


.header{font-size: 120%; font-weight: bold; margin-bottom: 10px; }
.comment{background-color: #ececec; width: 460px; padding: 10px; }
.commentfooter{background: url(arrow.gif) 20px 0 no-repeat; padding-left: 58px; padding-top: 1px; margin-bottom: 2em; font-size: 90%; color: #4A4A4A; }

/* Global page controls */
#whysns{width:799px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif;}
#whysns p {margin:0; padding:0;}
#whysns a {text-decoration:none;}
#whysns a:hover{text-decoration:underline;}
#whysns a:link{color: #000000;}
#whysns a:visited{color: #000000;}
#whysns img{border:none;}

/*Homepage Controls*/
#hometop{background-image:url(images/WhySafetyAns.jpg); background-repeat:no-repeat; width:799px; height:302px; float:left; color:#FFFFFF; font-size:11px;}
#homebottom{background-image:url(images/homebottom.gif); font-size:11px; background-repeat:no-repeat; width:799px; height:110px; float:left;}
#homebottom p{color:#FFFFFF; height:30px; padding-left:10px;}
#hometop h2{font-size:13px; margin:0; padding:0; font-weight:bold;}
#hometop ul{padding:0; padding-left:17px; padding-top:21px; margin:0; margin-left:23px; list-style-type:disc; list-style-position:outside; height:177px;}
#hometop ul li{list-style-type:disc; margin-bottom:10px; line-height:14px;}
#topbullets{height:277px; float:left; width:100%;}
#topbullets h2{padding-left:19px; padding-top:63px;}
#bottomphrase{float:left; width:100%; clear:left;}
#bottomphrase h2{
	padding-left:19px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.learnmore{float:right; padding-right:35px; font-weight:bold; color:#333333; font-size:9px; display:inline;}
.sectionlink{color:#FFFFFF; font-weight:bold; padding-left:10px; display:block; height:15px; margin-top:13px; margin-bottom:3px; font-size:12px;}
.section{width:153px; float:left;}
.bottompadding{padding-left:20px;}

/* ######### Top Section ######### */

#topbar{background-color: #1f78d3; color: black; background: #1f78d3 url(images/hdr_bg.gif) top left repeat-x;}
#logodiv{top: 0px; z-index: 50;}
#logodiv img{padding: 0px; top: 0px;}
#toprightdiv{font: bold 11px arial, sans-serif; color: white; float: right; text-align: right; margin: 5px 5px 0 0; z-index: 100;}
#toprightdiv a{text-decoration: none; color: white; margin-right: 4px; letter-spacing: 0.1pt;}
#toprightdiv a:hover{color: #FFFFFF;}
#toprightdiv #topform{margin: 0; padding: 0; margin-bottom: 5px;}
#toprightdiv #keywords{border: 1px solid gray; width: 210px; background: #FBFCFA; font: 11px verdana, sans-serif; color: #443; padding: 3px;	outline: none;}
#toprightdiv #keywords:focus{border: 1px solid black;}
#toprightdiv #topformbutton { cursor:pointer;  margin-top:5px;  border:outset 1px #ccc; background:#999; font-size: 12px; color:#666; font-weight:bold; padding:5px;  background:url(images/topbar3.jpg) repeat-x left top; padding:1px; }

/* ######### Left column ######### */

#leftcolumn{ background: url(images/nav_panel.png) no-repeat center left; clear: left; width: 200px; margin-right: 5px; float: left; margin-top: 5px;}
.ddmarkermenu{list-style-type: none; margin: 0; margin-bottom: 8px; padding: 0;}
.ddmarkermenu li{padding-bottom: 2px;}
.ddmarkermenu li a{color: #aa2716; background: url(images/arrowbullet.png) no-repeat center left; display: block; padding: 2px 0; padding-left: 19px; text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada;font-size: 90%;}
.ddmarkermenu li a:visited{color: #aa2716;}
.ddmarkermenu a:hover{background-color: #F3F3F3; color: #aa2716;}
.logform{
	display: block;
	padding: 2px 0;
	padding-left: 19px;
	color: #273565;
	font-weight: bold;
	font-size: 80%;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: normal
}
.listmenu{list-style-type: none; margin: 0; margin-bottom: 8px; padding: 0;}
.listmenu li{padding-bottom: 2px;}
.listmenu li a{text-decoration: none; background: url(images/bullet.png) no-repeat center left; padding-left: 19px; display: block; font-size: 90%; border-bottom: 1px solid #dadada;}
.listmenu a:hover {background-color: #F3F3F3;}
.listmenu2 li a{background: url(images/commentbullet.png) no-repeat top left;}
#leftcolumn .titlebar{font-weight: bold; background: black url(images/titlebg.jpg) repeat-x top left; color: white; border-bottom: 1px solid #7b9bc4; margin: 1em 0; text-transform: uppercase; padding-left: 2px;}

/* ######### Middle column ######### */

#middlecolumn{background-color: transparent; width: 497px; float: left; border-left: 1px solid #C3C3C3; padding-left: 5px; padding-right: 1px; margin-top: 5px; padding-bottom: 1em;}
.headers{border: 1px solid #BBB; width: 99%; background: url(images/chromebg.gif) center center repeat-x; margin-left: 0; padding: 2px 0 2px 5px; text-align: left; font-size: 120%;}
.headers img{float: right; margin-right: 5px; padding-top: 5px;}
.headers span, .headers a.bar{padding: 5px 0; padding-left: 0;}
.headers a.bar{
/*background: transparent url(arrowbullet2.gif) no-repeat center right;*/
text-decoration: none;
/*padding-right: 18px;*/
color: #273565;
}
.headers a:visited, .headers a:active{color: #273565;}
.headers a:hover{color: blue;}
.screenshots{float: left; width: 150px; margin-right: 10px; margin-bottom: 1em; font-size: 90%;}
.csslisting{clear: left; margin-bottom: 20px;}
.csslisting .floatbox{float: left; background: white url(images/thumbback.jpg) no-repeat top left; width: 155px;}
.csslisting .floatbox img{border: 1px solid gray; margin-bottom: 10px;}
.csslisting .floatbox a:hover img{border-color: black; }
.csslisting .floatbox a:hover{ /*IE fix*/color: gray;}
* html .csslisting .floatbox{ /* IE 3px hack*/width: 152px}
* html .csslisting p{ /* IE 3px hack*/height: 1%;}
.csslisting p{margin-left: 155px; font-size: 90%;}
* html .csslisting p{ /* IE offset to the left 3px hack*/margin-left: 152px; }
.csslisting p b{font-size: 110%;}
#blogcontainer{font-size: 90%; border-bottom: 1px solid #D8D8D8;}
#blogcontainer .title{margin-top: 10px; margin-bottom: 0; padding: 0;}
#blogcontainer .info{color: gray; margin-top: 1px; }
#blogcontainer p{margin: 8px 0; }
div.info + p:first-letter{font-size:; float:left; font: bold 180% Arial; margin-right: 3px; }

/* ######### Right column ######### */

#rightcolumn{background-color: white; width: 170px; float: left; margin-top: 1em;}
#middlecolumn .titlebar, #rightcolumn .titlebar{font-weight: bold; margin: 1em 0; text-transform: uppercase; letter-spacing: 1.5pt; color: #686868; font-size: 110%; padding-left: 18px; border-bottom: 1px solid #dadada; background: white url(images/squarebullet.png) center left no-repeat}
#rightcolumn .titlebar{margin-top: 10px;}
#rightcolumn .newscontainer{border: 1px solid #dadada; background-color: lightyellow; margin-bottom: 1em; padding: 5px; font-size: 90%; }

/* ######### Site Footer ######### */

#contentfooter{font-size: 11px; font-family: Verdana; padding-bottom: 1em; margin-left: 173px; clear: both; }
#footerarea{clear: left; background: #ecf0fc url(images/footer.jpg) top left repeat-x; padding-top: 15px; text-align: center; height: 50px; }
#footermenu{margin: 0; padding: 0; float: right; font-size: 90%; }
#footermenu ul{margin: 0; padding-left: 0; float: left; font-weight: bold; border: 1px solid #DFDFDF; border-width: 1px 0; }
#footermenu ul li{display: inline;}
#footermenu ul li a{float: left; color: gray; font-weight: bold; padding: 2px 6px 4px 6px; text-decoration: none; background: #f3f5fb url(images/menudivide.gif) top right repeat-y;}
#footermenu ul li a:hover{color: #565656; background-color: #F3F3F3; border-bottom: 4px solid gray; padding-bottom: 0; }

.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.contain {
	background-color: #FFFFFF;
	background-image: url(images/secondar_nav_panel.png);
	background-repeat: no-repeat;
	left: 200px;
	top: 96px;
	width: 823px;
	height: 80%;
	
}

div.inside {
	width: 803px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	color: #fff;
	z-index: 100;
	padding-left: 10px;
	padding-top: 10px;
}

div.sdmenu {
	width: 150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	color: #fff;
	z-index: 100;
	
}
div.sdmenu div {
	/*background: url(title.gif) repeat-x; */
	overflow: hidden;
}
div.sdmenu div:first-child {
	/*background: url(toptitle.gif) no-repeat; */
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: gray;
	background: url(images\bullet.png) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #fff;
}
div.sdmenu div.collapsed span {
	/* background-image: url(images\bullet.png); */
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #fff;
	display: block;
	border-bottom: 1px solid #fff;
	color: #000;
}
div.sdmenu div a.current {
	background : #000;
}
div.sdmenu div a:hover {
	background : #ccc no-repeat right center;
	color: #fff;
	text-decoration: none;
}