/* ----------------------------------------------------------
Filename: content.css
Title: Primary CSS file for content pages on SyberWorks, Inc.
Author: Al Lemieux, alemieux@syberworks.com
URL: http://www.syberworks.com/content.css
License: Copyright 2008, SyberWorks, Inc. All rights reserved.

Description: Base styles for 2-column content pages
----------------------------------------------------------- */

/* Imports menu styles */
@import url("MenuMatic.css");

html {
	background: #5c8b96 url(../img/bg.png) top left repeat-x;
}
body {
	font-size: 100%;
	margin: 0;
	padding: 0;
	background: url(../img/wrapper_bg-full.png) top center no-repeat;
	font-family: Tahoma, Calibri, sans-serif;
	}
#wrapper {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}

#sitetop {
	/* width: 800px; */
	height: 100px;
	background: url(../img/topbg.png) top left repeat-x;
}
#sitetop #logo {
	float: left;
	width: 189px;
	height: 31px;
	margin-top: 55px;
	margin-left: 12px;
	border: none;
	/* background: url(../img/nlogo.png) top left no-repeat; */ 
	/* File moved to pages for linking */
}
#sitetop #quicklinks {
	width: 360px;
	float: right;
	margin-top: 12px;
	margin-right: 10px;
	text-transform: uppercase;
	font: normal 10px/12px "Trebuchet MS", Calibri, Tahoma, sans-serif; 
}
#sitetop #quicklinks .beam {
	color: #bfcdcd;
}
#sitetop #quicklinks a {
	text-decoration: none;
	color: #333;
	padding: 0 3px 0 3px;
}
#sitetop #quicklinks a:hover {
	text-decoration: none;
	color: #004b80;
}
#sitetop #quicklinks form {
	display: inline;
}
#sitetop #quicklinks input.searchtext {
	width: 154px;
	border: 1px solid #333;
	padding: 3px 4px 3px 2px;
	}
#sitetop #quicklinks input.searchpic {
	margin-bottom: -7px;
	padding-left: 4px;
	}
#sitetop #quicklinks div {
	display: inline;
	}
#sitetop #trial {
	width: 153px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50px;
	left: 598px;
	}
#crumbs {
	margin-top: 25px;
	margin-left: 13px;
	margin-bottom: 0;
	font-size: 10px;
	font-style: italic;
	background-color: transparent;
	}
#crumbs a {
	color: #004a80;
	text-decoration: none;
	}
#crumbs a:hover {
	color: #ff8000;
	text-decoration: underline;
}
.crumbsep {
	color: #666;
}
#crumbs2 {
	margin-top: 25px;
	margin-left: 13px;
	margin-bottom: 0;
	font-size: 10px;
	font-style: italic;
	background-color: transparent;
	padding-bottom: 1em;
	}
#crumbs2 a {
	color: #004a80;
	text-decoration: none;
	}
#crumbs2 a:hover {
	color: #ff8000;
	text-decoration: underline;
}

#articletools {
	width: 240px;
	float: right;
	margin-top: -18px;
	text-align: right;
	font-size: 10px;
	}
#subnav #trial {
	width: 130px;
	height: 25px;
	margin: 0;
	padding: 0;
	margin-left: -2px;
	position: relative;
	top:17px;
	left: 0px;
	}
#subnav #trial img {
	border: none;
}
#menu {
	position: absolute;
	top: 95px;
	left: 0;
	background-color: #004a80;
	/* border: 1px solid #333; */
	width: 800px;
	height: 26px;
	padding:0;
	z-index: 40;
	}
/* main menu ul or ol elment */
#nav{
	display:block;
	font-size: 11px;
	line-height: 1.1em;
	position: relative;
	list-style:none;
	margin:0;
	z-index:5;
	top:0;
	left:0;
	text-align: center;
	background-color: #004a80;
}
#subnav {
	width: 150px;
	margin-top: 1.6363em;
	float: left;
	padding-left: 13px;
	padding-top: 0;
}
#subnav ul, #featurelinks ul {
	list-style-type: none;
	margin-left: 0;
	padding: 0;
}
#subnav ul li, #featurelinks ul li {
	margin: 0;
	padding: 0;
}
#subnav ul li a, #featurelinks ul li a {
	font-weight: bold;
	font-family: Tahoma, Calibri, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #8a8a8a;
	text-decoration: none;
	}
#subnav ul li a:hover {
	color: #ff8000;
}
/*** For home page ***/
#home {
	width: 800px;
	padding-left: 10px;
	padding-right: 10px;
	font: normal 11px/13px Calibri, Tahoma, sans-serif;
	color: #333;
}
#home p, #home dd {
	margin: 0 0 1.181em 0;
}
#home ul {
	margin:0;
	padding:0;
	list-style: none;
}
#home ul li {
	background: url(../img/bullet.gif) no-repeat 0 10%;
	padding-left: 10px;
	font: normal 1em/1.272em Calibri, Tahoma, sans-serif;
	color: #000;
}

#home a {
	text-decoration: none;
	color: #004a80;
}
#home a:hover {
	text-decoration: none;
	color: #ff8000;
}
#home h1 {
	font: bold 1.454em/1.636em Calibri, Tahoma, sans-serif;
	color: #333;
	margin: 0 0 1.636em 0;
	vertical-align: baseline;
	}
#home h2 {
	font: bold 1.272em/1.636em Calibri, Tahoma, sans-serif;
	color: #7b2e00;
	margin: 0 0 1.636em 0;
	vertical-align: baseline;
}
#home #opening {
	width: 371px;
	float: left;
	/* margin-top: -28px; */
	padding-bottom: 15px;
	border-right: 1px dotted #ccc;
	margin-top: 2px;
	
}
#home #opening p {
	padding-right: 10px;
}
#home #mainlinks {
	width: 243px;
	float: left;
	padding-left: 9px;
	
}
#home #releases {
	width: 138px;
	float: right;
	border-left: 1px dotted #ccc;
	padding-left: 9px;
	padding-bottom: 25px;
	margin-right: 15px;
	
}
#home #mainlinks #sublinks1 {
	float: left;
	width: 120px;
}
#home #mainlinks #sublinks2 {
	float: right;
	width: 120px;
}
/*** Product page and Industry page banners ***/
#featurepic {
	width: 800px;
	height: 245px;
	background: url(../img/frontpic.png) top left no-repeat;
	margin-top: 21px;
	padding: 0;
}

#productsuite {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#trainingcenter {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#webauthor {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#survey {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#simulator {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#seminar {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#competency {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#webconference {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#mobile {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#gsa_banner {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#hospital_banner {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#manufacturing_banner {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#training_banner {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#fda_banner {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#police_banner {
	width: 800px;
	height: 245px;
	margin-top: 21px;
	padding: 0;
}
#ecommerce {
	width: 800px;
	height: 245px;
	background: url(../img/ecommerce.jpg) top left no-repeat;
	margin-top: 21px;
	padding: 0;
}
/*** End banners ***/
#mediaContact { position: absolute;
	margin-left: 370px;
	margin-top: -184px;
	border: 1px solid #333;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 12px;
}
#content {
	width: 560px;
	padding-top: 0;
	padding-bottom: 50px;
	float: left;
}
#content p, #content dd, #content dt, {
	font: normal 14px/18px Tahoma, Calibri, sans-serif;
	color: #000;
}
#content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content ul li {
	background: url(../img/bullet.gif) no-repeat 0 5%;
	padding-left: 14px;
	font: normal 12px/16px Calibri, Tahoma, sans-serif;
	color: #333;
	margin-bottom: 3px;
}
#content ol li {
	padding-left: 14px;
	font: normal 12px/16px Calibri, Tahoma, sans-serif;
	color: #333;
	margin-bottom: 3px;
	background: none;
	font-size: 10px;
}
#content p.callout {
	padding-left: 40px;
	font: italic 16px/19px Rockwell, Calibri, sans-serif;
	color: #222;
}
#content a {
	text-decoration: none;
	color: #004a80;
}
#content a:hover {
	text-decoration: none;
	color: #ff8000;
}
#content h1 {
	font: bold 16px/18px "Trebuchet MS", Tahoma, Calibri, sans-serif;
	color: #333;
	margin: 26px 0 24px 0;
	}
#content h2 {
	font: bold 14px/16px Calibri, Tahoma, sans-serif;
	color: #7b2e00;
}
#content h3 {
	font: bold 12px/14px Calibri, Tahoma, sans-serif;
	color: #1b4c52;
}
#content p.date {
	font-style: italic;
	font-size: 12px;
	line-height: 14px;
	color: #988675;
	margin-bottom: 24px;
}
#content p, #content li {
	font: normal 12px/16px Calibri, Tahoma, sans-serif;
	color: #333;
	margin-bottom: 22px;
	}
#content .colleague {
	font-family: "Tebuchet MS", helvetica, sans-serif;
	font-size: 10px;
	font-variant: small-caps;
	font-weight: bold;
	}
#content img.chiclet {
	padding-left: 6px;
	padding-right: 6px;
	margin-top: -2px;
	border: 0;
}
#footerarea {
	/* width: 768px; */
	height: 20em;
	clear: both;
	font-size: 10px;
	background: #010107 /*(url(../img/footer.png) top left no-repeat*/;
	padding-top: 16px;
	padding-bottom: 16px;
}
#footerarea #address address {
	font: normal 10px Tahoma, Calibri, sans-serif;
}
#footerarea #address {
	width: 124px;
	float: left;
	padding-left: 150px;
	color: #fff;
}
#footerarea #podcasts {
	width: 205px;
	float: left;
	font: normal 10px Tahoma, Calibri, sans-serif;
	color: #fff;
	margin-left: 50px;
}
#footerarea #feeds {
	margin-top: 0;
	width: 205px;
	float: right;
	margin-right: 25px;
	color: #e7f5fa;
}
#footerarea #feeds h3, #footerarea #podcasts h3 {
	font: bold 10px/12px Tahoma Calibri, sans-serif;
}
#footerarea a {
	color: #fff;
	text-decoration: none;
}
#footerarea a:hover {
	color: #e2e5ec;
	text-decoration: underline;
}
#footerarea #feeds dd, #footerarea #podcasts dd {
	margin-bottom: 4px;
	padding: 0;
}
#footerarea #feeds img {
	margin-top: auto;
}
#textnav {
	clear: both;
	padding: 12px 8px 9px 8px;
	text-align: center;
	font: normal 9px/13px Tahoma, Calibri, sans-serif;
	background-color: #fff;
	color: #004a80;
}
#textnav a, #copyright a {
	color: #004a80;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}
#textnav a:hover, #copyright a:hover {
	color: #092c45;
}
#copyright {
	padding-left: 13px;
	font: normal 9px/13px Tahoma, Calibri, sans-serif;
	color: #333;
	padding-bottom: 15px;
}
.rule {
	width: 780px;
	color: #e6e6e6;
}
.pages { 
	font-size: 10px;
	text-align: right; 
	padding-right: 10px; 
	}
#button{  
	display: inline; 
	margin:0;  
}  
/* End login popup */

a:link{ color: #fff; }

a:visited{ color: #fff; }

a:hover, a:focus{ color: #004a80;	text-decoration:none; }
/* For search results page */
td, th {
	font-size: 10px;
}
/***** For SyberWorks Veracord Webinar Page only ******/
/* Addition made 8/4/09 */
p.description {
	font-size: 12px; 
	color: #000000;
}
img.lab {
	margin-left: 0px;
	margin-bottom: 12px;
	margin-right: 6;
}
#attend { 
	width: 280px;
	float: right;
	border: 1px solid #333;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 12px;
}
#opening {
	width: 180px;
	float: left;
	margin-right: 8px;
	margin-top: -12px;
	border-right: none;
	
}
div.clearing {
	clear: both;
	margin:0;
	padding: 0;
}