/* Background Style */

body {background-color: #d2cab9;margin:0;padding:0; font-family:Arial, Verdana; font-size:12px; line-height:18px; color:#333333;}
#wrapper {background-image:url(images/bg.jpg); background-repeat:repeat-y;}

/* Fonts & Headings */
.headline {font-family:"Trebuchet MS", Arial, Verdana; font-size:30px; font-weight:300; margin-top:30px; color:#333333;  line-height: 35px; margin-right:10px;}
h1 {font-family:"Trebuchet MS", Arial, Verdana; font-size:30px; font-weight:300; margin-top:20px; color:#a00000;  margin-right:10px; margin-bottom:8px; line-height:30px;}
h2 {font-family:"Trebuchet MS", Arial, Verdana; font-size:20px; font-weight:300; color:#990000; margin-top:5px;}
h3 {font-family:"Trebuchet MS", Arial, Verdana; font-size:16px; font-weight:400; color:#990000;}
#sub  {font-family:"Trebuchet MS", Arial, Verdana; font-size:20px; font-weight:300; color:#990000;}
#subblack {font-family:"Trebuchet MS", Arial, Verdana; font-size:16px; font-weight:300; color:#000000;}
#subred{font-family:"Trebuchet MS", Arial, Verdana; font-size:16px; font-weight:300; color:#990000;}
p  {font-family:Arial, Verdana; font-size:12px; line-height:18px; color:#333333;}
.red {font-family:Arial, Verdana; font-size:12px; color:#990000; font-weight:400;}
a {color:#a00000;}

/* Footer Style */
.greyborder {background-image:url(images/bottomborder_grey.jpg);  background-repeat:no-repeat;width:990px; height:43px;}
.footertxtleft {font-family:Arial, Verdana; font-size:11px; color:#333333; margin-left:45px; float:left; margin-top:8px;}
.footertxt {font-family:Arial, Verdana; font-size:11px; color:#333333; margin-right:40px; float:right;margin-top:8px;}
.footertxt a:link, .footertxt a:visited{color:#333333; text-decoration:none;}
.footertxt a:hover {color:#333333; text-decoration:underline;}

/* List Style */
li {font-family:Arial, Verdana; font-size:12px; line-height:16px;}
#tick {list-style: square url(/images/tick.gif)}
ul.triangle li{font-color:#970000; font-size:13pt;padding:12px;list-style: square url(/images/trianglearrow.gif);line-height:16px;margin:-18px 0 0 -10px}
ul.trianglemobile li{font-color:#970000; font-size:13pt;list-style: square url(/images/trianglearrow.gif);line-height:16px;margin:10px 24px}

#triangle1 {list-style: square url(/images/trianglearrow.gif)}

/* Header Style */
.redborder {background-image:url(images/topborder_red.jpg); background-repeat:no-repeat; width:990px; height:29px;}
.whitetxt { font-family:"Trebuchet MS", Arial, Verdana; font-size:15px; color:#FFFFFF; font-weight:600; margin-right:65px; float:right;margin-top:4px;}
.whitetxt a:link, .whitetxt a:visited{ color:#FFFFFF; text-decoration:none;}
.whitetxt a:hover { color:#ffffff; text-decoration:underline;}

/* Websites That Work */
#wtw

{
 display: none;
 overflow: hidden;
 width: 0;
 height: 0;
}

.bluedoor

{position:absolute; left:-100px; top:-20px;} 

/* CSS rollover */
/* CSS-based Image Maps
   Author: Frank Manno
   Version: Nov. 25, 2004
----------------------------------------------- */

/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none; }

dl#officeMap{
	margin: 0;
	padding: 0;
	background: transparent url(images/map1.gif) no-repeat;
	height: 412px;
	width: 510px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
	width: 115px;
	height: 23px;
	left: 388px;
	top: 86px;
}

/* ---------- Hotspot Declarations ---------- */
dd#monitorDef{ top: 354px; left: 6px; }
dd#monitorDef a{
	position: absolute;
	width: 101px;
	height: 25px;
	text-decoration: none;
	left: 5px;
	top: -24px;
}
dd#monitorDef a span{ display: none; }
dd#monitorDef a:hover{ position: absolute; background: transparent url(images/map1.gif) -168px -427px no-repeat; top: -10px; left: -5px; }
dd#monitorDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#monitor1Def{ top: 355px; left: 132px; }
dd#monitor1Def a{
	position: absolute;
	width: 101px;
	height: 25px;
	text-decoration: none;
	left: 5px;
	top: -24px;
}
dd#monitor1Def a span{ display: none; }
dd#monitor1Def a:hover{ position: absolute; background: transparent url(images/map1.gif) -168px -427px no-repeat; top: -10px; left: -5px; }
dd#monitor1Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}


dd#phoneDef{ top: 113px; left: 138px; }
dd#phoneDef a{
	position: absolute;
	width: 106px;
	height: 25px;
	text-decoration: none;
	left: 1px;
	top: -34px;
}
dd#phoneDef a span{ display: none; }
dd#phoneDef a:hover{ background: transparent url(images/map1.gif) -168px -427px no-repeat; }
dd#phoneDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#phone1Def{ top: 112px; left: 260px; }
dd#phone1Def a{
	position: absolute;
	width: 106px;
	height: 25px;
	text-decoration: none;
	left: 0px;
	top: -33px;
}
dd#phone1Def a span{ display: none; }
dd#phone1Def a:hover{ background: transparent url(images/map1.gif) -168px -427px no-repeat; }
dd#phone1Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 270%;
}
dd#phone2Def{ top: 113px; left: 386px; }
dd#phone2Def a{
	position: absolute;
	width: 106px;
	height: 25px;
	text-decoration: none;
	left: 0px;
	top: -33px;
}
dd#phone2Def a span{ display: none; }
dd#phone2Def a:hover{ background: transparent url(images/map1.gif) -168px -427px no-repeat; }
dd#phone2Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#phone3Def{ top: 113px; left: 7px; }
dd#phone3Def a{
	position: absolute;
	width: 106px;
	height: 25px;
	text-decoration: none;
	left: 0px;
	top: -35px;
}
dd#phone3Def a span{ display: none; }
dd#phone3Def a:hover{ background: transparent url(images/map1.gif) -168px -427px no-repeat; }
dd#phone3Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#caseDef{ top: 362px; left: 388px; }
dd#caseDef a{
	position: absolute;
	width: 81px;
	height: 30px;
	text-decoration: none;
	left: 17px;
	top: -37px;
}
dd#caseDef a span{ display: none; }
dd#caseDef a:hover{ background: transparent url(images/map1.gif) -168px -427px no-repeat; }
dd#caseDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#case1Def{ top: 365px; left: 254px; }
dd#case1Def a{
	position: absolute;
	width: 99px;
	height: 33px;
	text-decoration: none;
	left: 9px;
	top: -38px;
}
dd#case1Def a span{ display: none; }
dd#case1Def a:hover{ background: transparent url(images/map1.gif) -168px -427px no-repeat; }
dd#case1Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#case2Def{ top: 233px; left: 388px; }
dd#case2Def a{
	position: absolute;
	width: 99px;
	height: 33px;
	text-decoration: none;
	left: 9px;
	top: -38px;
}
dd#case2Def a span{ display: none; }
dd#case2Def a:hover{ background: transparent url(images/map1.gif) -168px -427px no-repeat; }
dd#case2Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#case3Def{ top: 364px; left: 130px; }
dd#case3Def a{
	position: absolute;
	width: 81px;
	height: 30px;
	text-decoration: none;
	left: 17px;
	top: -37px;
}
dd#case3Def a span{ display: none; }
dd#case3Def a:hover{ background: transparent url(images/map1.gif) -168px -427px no-repeat; }
dd#case3Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#case4Def{ top: 364px; left: 5px; }
dd#case4Def a{
	position: absolute;
	width: 81px;
	height: 30px;
	text-decoration: none;
	left: 17px;
	top: -37px;
}
dd#case4Def a span{ display: none; }
dd#case4Def a:hover{ background: transparent url(images/map1.gif) -168px -427px no-repeat; }
dd#case4Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#notebookDef{ top: 54px; left: 6px; }
dd#notebookDef a{
	position: absolute;
	width: 106px;
	height: 25px;
	text-decoration: none;
	left: 9px;
	top: 57px;
}
dd#notebookDef a span{ display: none; }
dd#notebookDef a:hover{ background: transparent url(images/map1.gif) -168px -427px no-repeat; }
dd#notebookDef a:hover span{
	size:12px;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 220%;
}
dd#notebook1Def{ top: 231px; left: 5px; }
dd#notebook1Def a{
	position: absolute;
	width: 96px;
	height: 25px;
	text-decoration: none;
	left: 6px;
	top: -30px;
}
dd#notebook1Def a span{ display: none; }
dd#notebook1Def a:hover{ background: transparent url(images/map1.gif) -168px -427px no-repeat; }
dd#notebook1Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 150%;
}
dd#notebook2Def{ top: 235px; left: 136px; }
dd#notebook2Def a{
	position: absolute;
	width: 96px;
	height: 25px;
	text-decoration: none;
	left: 9px;
	top: -35px;
}
dd#notebook2Def a span{ display: none; }
dd#notebook2Def a:hover{ background: transparent url(images/map1.gif) -168px -427px no-repeat; }
dd#notebook2Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 150%;
}

dd#floppyDef{ top: 236px; left: 136px; }
dd#floppyDef a{
	position: absolute;
	width: 78px;
	height: 29px;
	text-decoration: none;
	left: 11px;
	top: -33px;
}
dd#floppyDef a span{ display: none; }
dd#floppyDef a:hover{ background: transparent url(images/map1.gif) -45px -388px no-repeat; }
dd#floppyDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 150%;
}
dd#floppy1Def{ top: 235px; left: 388px; }
dd#floppy1Def a{
	position: absolute;
	width: 78px;
	height: 29px;
	text-decoration: none;
	left: 15px;
	top: -33px;
}
dd#floppy1Def a span{ display: none; }
dd#floppy1Def a:hover{ background: transparent url(images/map1.gif) -45px -388px no-repeat; }
dd#floppy1Def a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 150%;
}

}