html {
	/* Force vertical scrollbar to appear so percentage
		 positioning is consistant */
	/*overflow:-moz-scrollbars-vertical;*/
	overflow-y: scroll;
	overflow-x: auto;
}

body {
	background:url('graphics/pattern.gif') repeat fixed;
}

sup {font-size:80%;}

#content {
	background:rgb(255,255,255);
	border: thin solid red;
	margin: 20px 10% 20px 10%;
	/* min-width: 640px;
	redundant code.  lowres.css will cover this due to IE incompatibility with min-width*/
}

#logo {
	padding: 5px;
}

#logo img {
	max-width: 100%;
}

#language2 {
	position: relative;
	float: right;
	right: 15%;
	list-style:url('graphics/go.gif');
}

#language2 select {
	position: relative;
	top: -4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

#banner {
	clear:both;
	padding: 5px;
}

#banner img {
	width:100%;/**/
}

#navigationStatus {
	display:none;
	margin-left: 21%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #666699;
}

#navigationStatus a {
	color: #666699;
	font-weight: lighter;
}

#sideNavigation {
	float:left;/**/
	width: 20%;
	/*padding:1em 0em 0em 1em;/**/
}/**/

#sideNavigation h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CE0A0A;
	font-weight: bold;
	position: relative;
	left: 20px;
	width:80%;
}

#sideNavigation ul {
	position: relative;
	list-style-position: outside;
	/*left: -14px;*/
	margin:20px;
	padding:0;
	list-style-image: url('graphics/arrow_red.gif')
}

#sideNavigation a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666699;/**/
}

#sideNavigation a:hover {
	text-decoration: underline;
}

#bodyContent {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 12%;
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 16px;
	color: #333333;
}/**/

#bodyContent h1 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #CE0A0A;
}

#bodyContent h2 {
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#bodyContent .smallText {
	font-size: 10px;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	border-top: thin solid rgb(192,192,192);
	font-size: 10px;
	color: #333333;
	margin: 0px 5px 5px 5px;
	clear: left;
}

/*
#topNavigation {
	text-align: right;
	position: relative;
	right: 10px;
	margin-top:5px;
}

#topNavigation a#first {
	border-left: none;
}

#topNavigation a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666699;
	border-left: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
}

/* new code */

#topNavigation {
	border-top: solid 1px red;
}

#topNavigation ul {
	position: relative;
	left:25%;
	list-style:none;
	margin:0;
	padding:0;
}

#topNavigation li {
	float: left;
	position:relative;
	width: 120px;
	padding-bottom:1px; /*menu IE disappear fix*/
}

#topNavigation li ul {
	display:none;
	position:absolute;
	top: 100%;
	left:0;
	border: solid 1px blue;
	background-color: white;
}

#topNavigation ul ul li {
	display:inline;
}

/*#topNavigation li>ul {
	top: auto;
	left: auto;
}*/ 

#topNavigation li:hover ul, #topNavigation li.over ul {
	display: block;
}

#topNavigation a, #topNavigation li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666699;
}

#topNavigation li li {
	float:none;
	border:0;
	margin:0;
	padding:0;
}
#topNavigation li li a {
	display: block;
	padding: 0.2em 10px;
}

#topNavigation a:hover {
	background-color:red;
	color:white;
}