/* styles that set the default for all elements on the page if they are not set individually elsewhere */
body {
	margin: 0px; padding: 0px; border: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: x-small; color: #696969; line-height: 130%; text-align: justify;
}
img {
	border: 0px;
}
div {
	margin: 0px; padding: 0px;
}
table {
	border-collapse: collapse; width: 100%;
}
td {
	border: 0px; padding: 0px; margin: 0px;
}
th {
    color: #000000; font-weight: normal
}

/* default link styles */
a:link {
    color: #990066; text-decoration: underline;
}
a:visited {
    color: #990066; text-decoration: underline;
}
a:hover {
    color: #990066; text-decoration: none;
}
a:active {
    color: #990066; text-decoration: none;
}
a:after {
	content: ' [' attr(href) '] ';
}

/* default header styles */
h1 {
    font-size: small; font-weight: bold; color: #990066; text-align: right;
}
h2 {
    font-size: small; font-weight: bold; color: #CC6699; text-align: left; padding: 2px 0px 2px 0px; border-top: 1px solid #CC66CC; border-bottom: 1px solid #CC66CC;
}
h3 {
    font-size: x-small; color: #000000; text-align: left; font-weight: bold;
}
h4 {
    font-size: x-small; color: #696969; text-align: left; font-weight: bold;
}
h5 {
    font-size: x-small; color: #990066; text-align: left;
}
h6 {
    font-size: x-small; color: #CC6699; text-align: left;
}

/* main div positions - these set the broad layout */
div.contentholder {
	position: relative; text-align: center; margin-top: 20px;
}
div.content {
	position: relative; margin-left: 40px; margin-right: 40px; padding-bottom: 0px; text-align: justify;
}
div.bottomcenter {
	display: none;
}
div.sidenav {
	display: none;
}
div.flash {
	display: none;
}
div.shortcuts {
	display: none;
}

/* button positions */
div.button {
	display: none;
}

/* classes to apply to <p> or <span> tags that need to be different from the defaults set in the body style */
.small {
    font-size: xx-small; 
}
.normalcentered {
    text-align: center;
}
.normalblack {
    color: #000000;
}
.normalwhite {
    color: #FFFFFF; background-color: #990066; font-weight: bold;
}

/* styles for use within the content files */
/* see how the following four are used in news.asp, and europe.asp */
div.row {
	position: relative; width: 100%; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #CC6699; text-align: right;
}
div.left {
	float: left; text-align: left;
}
div.news {
	position: relative; width: 100%; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #CC6699;
}
div.newsimage {
	width: 150px; float: left; margin-right: 5px; text-align: center;
}
/* see how the following two are used in the tradeshows page */
table.tradeshows {
	border-collapse: collapse;
}
table.tradeshows td {
	text-align: left; vertical-align: top; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #CC6699;
}
/* useful empty div for clearing after using floated elements - this allows the placement of 
images left of some text but above other text without needing to use tables - see news.asp for example */
div.clearer {
	clear: both;
}