body { color: #000; width: 96%; font-family: Arial, Helvetica, sans-serif; font-size: 80%; }
.headerImg { margin-left:-9999px;}
img { display: block; border-style: none; }
img.left { margin: 0 15px 10px 0; float: left; }
img.right { margin: 0 0 10px 15px; float: right; }
.nobreak { white-space: nowrap; text-align:right; }
.inline { display: inline; }
.nomargin { margin: 0; padding: 0; }
.blue {color:#2155A5;}
.error { color:#FF0000;}
a {color:#0033CC;}
p.print { display:none; }


/* ---------------- TOP NAV ---------------- */
#banner #internet-safety-guide {display:none;}
#banner #internet-safety-tips {display:none;}
#banner #download {display:none;}


/* ---------------- LEFT NAV ---------------- */
#leftnav { display:none;}

/* ---------------- PAGECOLUMN ---------------- */ 
div.columnheader { display:none;}
#whitebox {border: solid #5699af 1px; }
div.pagecolumnbottom {display:none; clear: both; margin: 0; padding: 0; background: transparent url(/img/headers/b-rnd_770.gif) top left no-repeat; height: 13px; }
#article em { display: inline-block; }

/* ---------------- LEAD ARTICLE ---------------- */ 
div.leadArticle { margin: 15px 0 15px 15px; padding: 0; }
div.leadArticle h2 { margin: 0; padding: 0; font-size: 16px; }
div.leadArticle p { font-size: 1em; margin-right:5px; }
div.leadArticle ul,div.leadArticle ol {  font-size: 1em; }
div.leadArticle #onoffBox { border:1px solid #5699AF; width:50%; padding:5px 20px; }
div.leadArticle div.onoff p { padding: 0 5px 0 35px; }
div.leadArticle div.onoff img { width:25px; height:21px; float:left; margin: 0 10px 0 0; }


.tooltip{ width: 200px; font-weight:bold; font-size:.9em; text-decoration:none; clear:left;}
.tooltip span.top{padding: 30px 8px 0; background: url(/img/tooltip.gif) no-repeat top;}
.tooltip b.bottom{padding:3px 8px 15px;color: #548912; background: url(/img/tooltip.gif) no-repeat bottom;}
.tooltip span img{ float:left; margin:4px; margin-top:-3px;}

/* ---------------- CATEGORY COLUMNS ---------------- */ 
.leftColumn { width:100%; text-align:left; padding:0; margin:0; }
.leftColumn .odd { height:172px; margin:0; padding:0; clear:right;border-top:1px solid #5699AF;}
.leftColumn .even { height:172px; margin:0; clear:right; border-top:1px solid #5699AF;background-color:#edf7f9;}
.leftColumn h3 { margin:0; padding: 4px 0 0 4px; font-size:1em; line-height:1em;}
.leftColumn h3 a { text-decoration:none; color:#F75D08; }
.leftColumn h3 a:hover {text-decoration:underline; }
.leftColumn p { margin-top:0; padding-left:4px; font-size:.9em;}
.leftColumn p a.readmore { display:none;}
.leftColumn p a:hover.readmore { text-decoration:underline;}
.leftColumn img.bg { float:left; padding:0; margin-right:5px; }

.rightColumn { width:100%; padding:0; padding:0;}
.rightColumn .odd { height:172px; margin:0; clear:left; border-top:1px solid #5699AF; background-color:#edf7f9;}
.rightColumn .even { height:172px; margin:0; clear:right; border-bottom:1px solid #5699AF; border-top:1px solid #5699AF;}
.rightColumn h3 { margin:0; padding: 4px 4px 0 0; font-size:1em; line-height:1em;}
.rightColumn h3 a { text-decoration:none; color:#F75D08; }
.rightColumn h3 a:hover { text-decoration:underline; }
.rightColumn p { margin-top:0; padding-right:4px; font-size:.9em;}
.rightColumn p a.readmore { display:none;}
.rightColumn p a:hover.readmore { text-decoration:underline;}
.rightColumn img.bg { float:left; margin:0 4px 0 0;}
/* ---------------- COLUMNSUB (TIPS) ---------------- */ 
div.columnsubheader-download { margin: 0; padding: 0; border-bottom: solid #5699af 1px; background: transparent url(/img/headers/hdr-sub_get-the-guides.gif) top center no-repeat; width: 650px; height: 24px; clear: both; }
div.columnsubheader-download h2 { font-size:1.2em; margin-left:15px;}
div.columnsubheader-tips { margin: 0; padding: 0; border-bottom: solid #5699af 1px; height:1.5em; clear: both; }
div.columnsubheader-tips h2 { font-size:1.2em; margin-left:15px;}
div.columnsubheader-about { margin: 0; padding: 0; border-bottom: solid #5699af 1px; background: transparent url(/img/headers/hdr-sub_about-csm.gif) top center no-repeat; width: 650px; height: 24px; clear: both; }
div.columnsubheader-about h2 {font-size:1.2em; margin-left:15px;}
div.columnsub {margin:0; padding:0;}
div.columnsub p {margin:0 15px;}	
div.columnsub ol {}
div.columnIIIodd {width:33%; float:left; text-align:center; background-color:#FFF; border-bottom:1px solid #81B6D5;}
div.columnIIIeven {width:34%; float:left; text-align:center; background-color:#EEF6F9; border-bottom:1px solid #81B6D5;}

#pleaseRegister { background-color:#D7EBFF; width: 100%; height: 2000px; position: absolute; left: 0px; top: 0px; z-index: 99; opacity: .95; filter: alpha(opacity=95); padding-top: 150px; }
* html #pleaseRegister { width: 820px; }
#innerBox { margin: 100px 190px; padding: 10px; width: 500px; position: absolute; left: 0; top: 0; z-index: 98; background-color: #FFFFFF; text-align: center; border: 1px solid #000;filter: alpha(opacity=100); }
#innerBox h2 {text-align:left; margin:0; font-size:1.2em;}
#innerBox h3 {text-align:left; margin:0; font-size:1.2em;}
#innerBox p { text-align:left; }
#innerBox img { margin: auto; }
#innerBox .cookieWarning { padding: 5px 0; font-size: 10px; font-weight: normal; }
table.subscribe { clear:both; width:90%; }
table.subscribe td {text-align:left; vertical-align:top; padding:5px;}
table.subscribe td.footer {text-align:center; padding-top:15px; background:none; font-size:.9em;}


/* ---------------- FOOTER ---------------- */ 
#footer { margin: 10px; padding: 0; clear: both; font-size: .8em; text-align: center }
#footer ul,
#footer p { margin: 0; padding: 5px; }
#footer ul li { display: inline; margin: 0; padding: 0 5px; }
