@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #dfd27c;
	vertical-align: top;
}

.all #colcenter #tablecontact td {
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


.all #rowmenu {
	background-color:#00577e;
	color:#FFFFFF;
	text-align: left;
	
}
.all #rowmenuright {
	background-color:#00577e;
	color:#FFFFFF;
	text-align: right;
	vertical-align: bottom;
}
.all #rowmenuright a {
	border-width: 0 0 0 0;
	border-style: none none none none;
	margin: 0px;
	padding: 0px;
}
.all #rowmenuright a img {
	border: 0;
}

.all #colleft, .all #colright  {
	background-color:#98ccc8;
	vertical-align: top;
}

.all #colcenter {
	background-color:#FFF;
	color:#000066;
	font-size:12px;
	text-align:left;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.all #colcenter h1 {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: left;
}

.all #colcenter h2 {
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: left;
}


.all #colcenter p {
	text-align:justify;
}


.all #rowfooter {
	color:#000066;
	text-align:center;
	font-size:0.7em;
	height: 5in;
	vertical-align: top;
}

/********************************menu bar************/

#menuholder {
	width: 200px;
	margin: 10px;
	border-style: solid solid none solid;
	border-color: #889944;
	border-size: 1px;
	border-width: 1px;
}

#menuholder img {
	border: none;
}

#menuholder ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menuholder li a {
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
	font-size: 12px;
}

#menuholder li a:link, #menuholder li a:visited {
	color: #000066;
	display: block;
	background:  url(../assets/images/common/menu11.gif);
	padding: 8px 0 0 25px;
	}

#menuholder li a:hover {
	color: #000066;
	background:  url(../assets/images/common/menu11.gif) 0 -32px;
	padding: 8px 0 0 27px;
	}

/*********************end menu **********************************/

div#wsexamples img {
    border:thick double #000000;
    display: block;
    margin-left: auto;
    margin-right: auto; 
}
.all div#wsexamples p {
	text-align:center;
}

.styleemail {
    color:#74A1BE;
    text-decoration:none;
}

.center{
	text-align: center;
}



/******************************** text overlay box *************/
div#links a span {
	display: none;
}
div#links a:hover span {
    display: block;
    position: absolute; 
	top: 260px; 
	left: 620px; 
	width: 180px;
    padding: 5px; 
	margin: 5px; 
	z-index: 100;
    color: #006; 
	background: #dea;
/*    font: 12px Verdana, sans-serif; */
    text-align: left;
}

/******************************** end text overlay box *************/

/******************************** img overlay box *************/

div#links {
}
div#links a {
/*	display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;
   */}
div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

div#links a img {height: 0; width: 0; border-width: 0;}
div#links a:hover img {position: fixed; top: 330px; left:auto:; right:auto; width:auto; height:auto}

/******************************** end img overlay box *************/
