@import "forms.css";  /*was easier to import style here than included header files */

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#000000; background-color: #ffffff; margin: 0;}

#contentholder {width: 750px; margin: auto; float:left;}

.hide  {display:none;}

.skip { color: #ffffff; background: transparent;}

h1 { font-size: 14px; font-weight: bold; color:#660000;}

h2 { font-size: 12px; font-weight: bold; color:#660000;}

h2.pressRelease {
	font-size: 12px;
	color: #000000;
}

h3 { font-size: 11px; font-weight: bold; color:#660000;}

h4 { font-size: 10px; font-weight: bold; color:#660000;}

strong { font-size: 10px; font-weight: bold; color:#000000; }

strong.large { font-size: 12px; font-weight: bold; color:#000000; }

caption { color:#660000; text-align:left; font-size:12px; font-weight:bold; padding-bottom:10px;}

tbody, td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#000000; vertical-align: top;}

thead, th { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#000000; text-align:left; vertical-align:top; background-color: #ccc;}

/*ul, li { list-style-image: url(/images/bullet-black.gif);}*/

.profile { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#333333; line-height:14px; padding:0 15px 0 0; }

.upcominghead { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#ffffff; background-color:#99CC33; text-align:center;}

.ssglobalhead{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#ffffff; background-color:#336699; text-align:center;}

.spotlighthead{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#ffffff; background-color:#660000; text-align:center;}

.webevent, .upcoming { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#99CC33; padding:1px;}

.democenter, .ssglobal { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#336699; padding:1px;}

.whatsnew, .spotlight { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#660000; padding:1px;}

.tagline { font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:normal; letter-spacing:1px; color:#ffffff; text-align:center; background-color:#FF9933;}

.tagline2 { font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:bold; letter-spacing:1px; color:#ffffff; text-align:center; background-color:#FF9933;}

/* top Navigation - border color */

topNavDkGreen { background-color:#666600; height:20px; }

topNavBlue { background-color:#336699; height:20px; }

topNavGreen { background-color:#99CC33; height:20px; }

topNavLtBlue { background-color:#3366FF; height:20px; }

topNavCream { background-color:#F1EDD2; height:20px; }

topNavLtPurple { background-color:#663399; height:20px; }

topNavOrange { background-color:#FF9933; height:20px; }

topNavGray { background-color:#9FA19E; height:20px; }

/* secondary Navigation */

.secondaryNav { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; color:#ffffff; text-align:center; text-decoration:none; background-color:#660000;}

.secondaryNavEMEA { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; color:#660000; text-align:center; text-decoration:none; background-color:#FFEBD6;}


a img.contact {
	border: 0; 
	display: block; 
	float: left;
	margin: 0 10px 5px 0;
}

a.secondaryNav:link {color: #ffffff}
a.secondaryNav:visited {color: #ffffff}
a.secondaryNav:hover {color: #ffffff}

.textfield { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; line-height:normal; font-weight:normal; font-variant:normal; text-transform:none; background-color:#ffffff; color:#333333; text-decoration:none; letter-spacing:normal; text-align:left; vertical-align:middle; word-spacing:normal; white-space:normal; height:16px; width:auto; padding-top:1px; padding-right:1px; padding-bottom:1px; padding-left:1px; border:1px solid; border-color:#999999 #000 #000 #999999}

.greytextbold {color: #666666; font-weight: bold; text-decoration: none;}

a.greytextbold:link {color: #666666}
a.greytextbold:visited {color: #666666}
a.greytextbold:hover {color: #666666}

.redtextbold { color: #660000; font-weight: bold; text-decoration: none;}

a.redtextbold:link {color: #660000}
a.redtextbold:visited {color: #660000}
a.redtextbold:hover {color: #660000}

.pLink {color: #660000; font-weight: bold; text-decoration: none;}
	
a.pLink:link {color: #660000}
a.pLink:visited {color: #660000}
a.pLink:hover {color: #660000; background-color:#ffffff;}
/*a.pLink:hover {color: #660000; background-color:#ffffff; width:"100%"; height:"100%"}*/

.cLink {color: #660000; font-weight: normal; text-decoration: none;}

a.cLink:link {color: #660000}
a.cLink:visited {color: #660000}
a.cLink:hover {color: #660000; background-color:#ffffff;}
/*a.cLink:hover {color: #660000; background-color:#ffffff; width:"100%"; height:"100%";}*/

.bread {color: #660000}
a.bread:link {color: #660000}
a.bread:visited {color: #660000}
a.bread:hover {color: #660000}

.footer {position:relative; color: #999999; margin-top:0;}
a.footer:link {color: #999999}
a.footer:visited {color: #999999}
a.footer:hover {color: #660000}

a {color: #660000}
a:link {color: #660000}
a:visited {color: #660000}
a:hover {color: #660000}

a.whitelink:link {color: #ffffff}
a.whitelink:visited {color: #ffffff}
a.whitelink:hover {color: #ffffff}
a.whitelink:active {color: #ffffff}

a.skip, a.skip:visited {color:#ffffff; background-color:transparent; margin:0;}

.leftnav {
	width: 240px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #e6e7e8;
	text-align: left;
	vertical-align: top;
	height: 18px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #bbbbbb;
	border-bottom-color: #bbbbbb;
	border-left-color: #ffffff;
	padding-left: 2px;
}

.leftnavmain {
	width: 240px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #e6e7e8;
	text-align: left;
	vertical-align: top;
	height: 18px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #bbbbbb;
	border-bottom-color: #bbbbbb;
	border-left-color: #ffffff;
	padding-left: 10px;
}

.leftnavsub {
	width: 240px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #e6e7e8;
	text-align: left;
	vertical-align: top;
	height: 16px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #bbbbbb;
	border-bottom-color: #bbbbbb;
	border-left-color: #ffffff;
	padding-left: 20px;
}

.leftnavemea {
	width: 240px;
	background-color: #ffebd6;
	text-align: left;
	vertical-align: top;
	height: 18px;
	padding-left: 2px;
}

.leftnavmainemea {
	width: 240px;
	background-color: #ffebd6;
	text-align: left;
	vertical-align: top;
	height: 18px;
	padding-left: 10px;
}

.leftnavsubemea {
	width: 240px;
	background-color: #ffebd6;
	text-align: left;
	vertical-align: top;
	height: 16px;
	padding-left: 20px;
}

.box {
	margin: 1px;
	padding: 2px 3px;
	border: 1px solid #333;
}

.boxgray {
	margin: 1px;
	padding: 2px 3px;
	border: 1px solid #CCCCCC;
}

.boxgray2 {padding: 4px; border: 1px none #CCCCCC; background-color: #f0f0f0;}

.boxgray3 {border: 1px solid #CCCCCC;  background-color: #f0f0f0;}

.boxgraycomplete {padding: 4px; border: 1px solid #CCCCCC; background-color: #f0f0f0;}

.dottedline {border-top: thin dotted #CCCCCC; border-right: thin none #CCCCCC; border-bottom: thin none #CCCCCC; border-left: thin none #CCCCCC;}

.rightside { padding-top: 10px; width: 460px; float: right;}

.rightsection1 { height: auto;float: left;}

.rightsection2 { height: 200px; width: 146px; float: left; border: #000000 1px solid; margin-top: 10px; margin-right: 2px; margin-left: 2px;}

.leftside { padding-top: 10px; width: 240px; float: left;}

.leftsideglobal { background-color: #e6e7e8;}

.leftsideemea { background-color: #ffebd6;}

.leftsection p { margin: 0px; text-align:left; padding-left: 5px; padding-right: 10px; padding-bottom: 10px;}

.leftsection1 { background: url("../images/add1.jpg") no-repeat; height: 178px;}

.leftsection2 { width: 240px; padding-bottom: 20px; }

.leftsection2 p { font-weight: bold; margin: 0px; padding: 2px;}

.leftsection3 { margin-top: 10px; width: 240px; padding-bottom: 20px; }

.leftsection3 li { font-weight: bold; font-size: 130%; padding-bottom: 5px; padding-right: 10px; padding-left: 0px; text-align:left; }

.leftsection3 p { margin: 0px; padding-left: 5px; padding-bottom: 10px; font-size: 84%; text-align:left; }

.shrink {font-size: 70%;}

.greenarrow {  list-style-image:url("../images/arrow_green.gif"); }

.bluearrow {  list-style-image:url("../images/arrow_blue.gif"); }

.redarrow {  list-style-image:url("../images/arrow_red.gif");} 

.green { color: #99cc33; background: transparent; text-decoration:none;}

.blue { color: #336699; background: transparent; text-decoration:none;}

.red { font-weight: bold; color: #660000; background: transparent; text-decoration:none;}

.brightred { color:#FF0000; background: transparent; text-decoration:none;}

.grey { color: #999999; background: transparent; text-decoration:none;}

.darkgrey { color: #666666; background: transparent; text-decoration:none;}

.darkgreenbold { font-weight: bold; color: #2E7A5C; background: transparent; text-decoration:none;}

.globe { background: url("/images/OrangeGlobe.jpg") no-repeat; width: 163px; height: 156px;}

.category { font-size:10px; font-weight:bold; text-indent:5px; border-bottom:1px; border-bottom-style:solid; border-bottom-color:#bbbbbb; background-color:#eeeeee; padding:1px;}

.collection { font-size:10px; font-weight:bold; text-indent:5px; border-bottom:1px; border-bottom-style:solid; border-bottom-color:#bbbbbb; background-color:#efebd6; padding:1px;}

a.file { background-repeat: no-repeat; background-position: 0 0; padding: 2px 0 2px 20px; }

a.csv { background-image: url(/images/file_icons/csv.gif); }
a.excel { background-image: url(/images/file_icons/excel.gif); }
a.html { background-image: url(/images/file_icons/html.gif); }
a.pdf { background-image: url(/images/file_icons/pdf.gif); }
a.ppt { background-image: url(/images/file_icons/ppt.gif); }
a.wmv { background-image: url(/images/file_icons/wmv.gif); }
a.word { background-image: url(/images/file_icons/word.gif); }
a.zip { background-image: url(/images/file_icons/zip.gif); }

#menu a.wmv, #menu a.wmv:visited, #menu a.wmv:hover {
	background-repeat: no-repeat; 
	background-image: url(/images/file_icons/wmv.gif);
	background-position: 0 0;
	padding: 2px 0 2px 20px;
}

.FrontPageHighlightBox {
	text-align: center; 
	float: left;
	margin: 5px 0;
	padding: 0;
	height: 210px;
}

.FrontPageHighlightBox h4 { 
	padding: 2px 0;
	margin: 0;
	text-transform: uppercase;
	color: #ffffff; 
	font-size: 11px; 
	font-weight: bold;
}

.FrontPageHighlightBox div {
	background-color: #fff;
	font-weight: normal;
	font-size: 10px;
	color: #000;
	text-align: left;
	padding: 5px;
	float: left;
	width: 141px;
	height: 87%;
}

#upcomingevents {
	border: 1px solid #99CC33;
	background-color: #99CC33;
}

#skillsoftglobal {
	border: 1px solid #336699;
	background-color: #336699;
	margin-left: 5px;
	margin-right: 5px;
}

#clientspotlight {
	border: 1px solid #660000;
	background-color: #660000;
}

#descriptions { position:absolute; z-index:1000; width:198px; background-color:#fcfcfc; border: 1px solid #eee; padding:1px }
#d1 { width:200px; }
#d2 { width:200px; }


#related-resources {
	border: 1px solid #333;
	float: right;
	height: auto;
	margin: 0 0 0 5px;
	padding: 0 5px 5px 5px;
	width: 140px;
}

#related-resources p {
	margin-bottom: 20px;
}