body {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font: 1.0em Tahoma, Arial, Georgia, Verdana, Geneva,  Helvetica, sans-serif, "Times New Roman", Times, serif;
	border-top: 2px solid #2A4F6F;
	background: #4386ce url(./image/bg_body2008.gif) repeat-x left top;
	line-height: 1.5em;
}

#header {
	border-top: 1px solid #778899;
	border-bottom: 1px dotted #B2BCC6;
	height:8em;
}
#header .strapline {
	font: 120% Georgia, "Times New Roman", Times, serif;
	color: #778899;
	background-color: transparent;
	float: right;
      width: 300px;
      text-align:right;
	margin-right: 2em;
	margin-top: 0.5em;
}
#header .logo {
	float: left;
      width: 187px;
	margin-left: 1.5em;
	margin-top: 0.5em;
}
#nav {
	position: absolute;
	margin-top: 2.7em;
	top: 5em;
	left: 1em;
	width: 14em;
}
#nav ul {
	list-style: none;
	margin-left: 1em;
	padding-left: 0;
}
#nav li {
	font-size: 80%;
	border-bottom: 1px dotted #B2BCC6;
	margin-bottom: 0.3em;
}
#nav a:link, #nav a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #2A4F6F;
	background-color: transparent;
}
#nav a:hover {
	color: #0000ff;
}
#nav h2 {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #2A4F6F;
	background-color: transparent;
	border-bottom: 1px dotted #cccccc;
}
#content {
	margin-left: 16em;
	margin-right: 2em;
}
h1 {
	font: 150% Georgia, "Times New Roman", Times, serif, Tahoma, Arial, Georgia, Verdana, Geneva;
}

.hilite {
	font-weight: bold;
}

#content p {
	font-size: 80%;
	line-height: 1.6em; 
	padding-left: 1.2em;
} 

#content a:link, #content a:visited {
	text-decoration: none;
	color: aqua;
	background-color: transparent;	
}

#content a:hover{
	color: #FFFFFF;	
}

b{font-size: 110%;}
em{color: red;}

form {
     display: inline;
}

input.txt {
     color: #00008B;
     background-color: #E3F2F7;
     border: 1px inset #00008B;
     width: 100px;
}

input.btn {
    color: #00008B;
    background-color: #ADD8E6;
    border: 1px outset #00008B;
    font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif, "Times New Roman", Times, serif;
    font-size: 0.7em;
    padding:0.1em;
}

.alt-header {
  	display: block;
  	font-size: .95em;
	font-family: Arial, Georgia, Verdana, Geneva, Tahoma, Helvetica, sans-serif, "Times New Roman", Times, serif;
	text-align: left;
	color: #33FFCC;
	padding:0.1em;
}
 
#nav {
	width: 150px;
	right: 4em;
	position: absolute;
	top: 100px;
}

#nav ul {
	list-style:  none;
	margin-left: 2em;
	padding-left: 0;
}

#nav li {
	font-size: 80%;
	border-bottom: 1px dotted  #B2BCC6;
	margin-bottom: 0.3em;
}


#right-navigation {
	width: 160px;
}

#right-navigation h2 {
	font-size: 1.1em;
}

#right-navigation ul {
	list-style: none;
	margin: 5px;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: #CCFFFF;
}

#right-navigation ul a:link, #navigation ul a:visited, #right-navigation a:link, #right-navigation a:visited {
	text-align: center;
	display: block;
	padding: 0;
	border-left: 1px solid #711515;
	border-right: 1px solid #711515;
	background-color: #711515;
	color: #FFFFFF;
	text-decoration: none;
}

#right-navigation ul a:hover {
	background-color:#FFCCFF;
	color:#006600;
}

#right-navigation p {
	font: 95% Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif, "Times New Roman", Times, serif;
	color: #778899;
	background-color: transparent;
	border-bottom: 1px dotted #cccccc;
}

#right-navigation a:hover {
        background-color:#FFCCFF;
}

#right-navigation li {
	border-bottom: 1px solid #ED9F9F;
}

#right-navigation li a:link, #navigation li a:visited {
	font-size: 90%;
	text-align: center;
	display: block;
	padding: 0.2em 0.2em 0.2em 0.2em;
	border-left: 1px solid #711515;
	border-right: 1px solid #711515;
	background-color: #711515;
	color: #FFFFFF;
	text-decoration: none;
}

#right-navigation li a:hover {
	background-color: #B51032;
	color: #FFFFFF;
}

#right-navigation ul ul {
	margin-left: 12px;
}

#right-navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
}

#right-navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #B51032;
	color: #711515;
}

#right-navigation ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}

#navigation {
	width: 160px;
}

#navigation h2 {
	font-size: 1.1em;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	border-bottom: 1px solid #ED9F9F;
}

#navigation li a:link, #navigation li a:visited {
	font-size: 80%;
        font-weight: bold;
	text-align: center;
	display: block;
	padding: 0.2em 0.2em 0.2em 0.2em;
	border-left: 1px solid #BFD9DA;
	border-right: 1px solid #BFD9DA;
	background-color: #BFD9DA;
	color: #BC4676;
	text-decoration: none;
}

#navigation li a:hover {
	background-color: #BC4676;
	color: #FFFFFF;
}

#navigation li.icon1 a:hover {
	background-color: #BC4676;
	color: #FFFFFF;
}

#navigation ul ul {
	margin-left: 12px;
}

#navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
}

#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #B51032;
	color: #711515;
}

#navigation ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}

#top-navigation {
  	font-size: 90%;
	font-weight: bold;
}

#top-navigation ul {
  	list-style: none;
  	margin: 0;
	padding: 0;
  	padding-top: 1em;
}

#top-navigation li {
  	display: inline;
}

#top-navigation a:link, #top-navigation a:visited {
  	/*padding: 0.4em 1em 0.4em 1em;*/
	margin: 40px;
      font-weight: bold;
	padding: 0 0.2em 0.4em 0.2em;
  	color: #FFFFFF;
  	background-color: #204063;
  	text-decoration: none;
  	border: 1px solid #204063;
}

#top-navigation a:hover {
  	color: #204063;
  	background-color: #eef6fe;
}

.topmenu{
  	Width:200px;
}

#top-navigation li.color1 a:link, #top-navigation li.color1 a:visited {
        background-color: #CCFF66;
        color: #006600;
}

#top-navigation li.color2 a:link, #top-navigation li.color2 a:visited {
        background-color: #33FFCC;
        color: #006600;
}

#top-navigation li.color3 a:link, #top-navigation li.color3 a:visited {
        background-color: #66FFFF;
        color: #006600;
}

#top-navigation li.color4 a:link, #top-navigation li.color4 a:visited {
        background-color: #CC66CC;
        color: #FFFFFF;
}

#top-navigation li.color5 a:link, #top-navigation li.color5 a:visited {
        background-color: #FF66FF;
        color: #FFCCFF;
}

#top-navigation li.color6 a:link, #top-navigation li.color6 a:visited {
        background-color: #FF3366;
        color: #FFCCFF;
}

#top-navigation li.color7 a:link, #top-navigation li.color7 a:visited {
        background-color: #FF9900;
        color: #FFCCFF;
}

#top-navigation li.color8 a:link, #top-navigation li.color8 a:visited {
        background-color: #FF9900;
        color: #006600;
}

#top-navigation li.color9 a:link, #top-navigation li.color9 a:visited {
        background-color: #CCFF66;
        color: #006600;
}

#top-navigation li.color1 a:hover, 
#top-navigation li.color2 a:hover, 
#top-navigation li.color3 a:hover, 
#top-navigation li.color4 a:hover, 
#top-navigation li.color5 a:hover, 
#top-navigation li.color6 a:hover,
#top-navigation li.color7 a:hover, 
#top-navigation li.color8 a:hover,
#top-navigation li.color9 a:hover {
  	color: #FFFFFF;
  	background-color: #FFCCFF;
}

* html #top-navigation a {
  	width: 100%;
}

.rndbox {
	background: #f0f0f0;
	width: 97%;
	color: #000033;
	margin-left: 1%;
}

.rndbox p {
	font: 0.7em Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif, "Times New Roman", Times, serif;
	margin: 0.2em 0.3em 0 0.7em;
	padding: 0.2em;
}

.rndbox a {
	font: 0.95em Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif, "Times New Roman", Times, serif;
      text-decoration: none;
	color: #BC4676;
}

.rndbox a:hover {
     /* background-color:#FFCCFF;*/
      color: #000033;
      text-decoration: none;   
}

.rndbox li a {
	font: 0.7em Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif, "Times New Roman", Times, serif;
      text-decoration: none;
	color: #BC4676;
	list-style: none;
}

.rndbox li a:hover {
  	background-color: #FFCCFF;
}

.rndbox ul {
	list-style: none;
	margin-left: 5%;
	padding: 0;
}

.rndbox input.txt {
     color: #00008B;
     background-color: #E3F2F7;
     border: 1px inset #00008B;
     width: 200px;
}

.rndbox label {
    font: bold 0.7em Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif, "Times New Roman", Times, serif;
}

.rndtop {
	/* background: url(./images/brntr.gif) no-repeat right top; */
        background: none;
}

.rndbottom {
	/* background: url(./images/brnbr.gif) no-repeat right top; */
        background: none;
}

.rndbottom img {
	display:block;
}

.rndboxcredits {
	background: #99CC00;
	width: 90%;
	margin-left: 5%;
	font: bold 0.9em Georgia, Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif, "Times New Roman", Times, serif;
	color: #000033;
}

.rndtopcredits {
	background: url(./images/grntr.gif) no-repeat right top;
}

.rndbottomcredits {
	background: url(./images/grnbr.gif) no-repeat right top;
}

.rndbottomcredits img {
	display:block;
}

.rndboxcredits p {
	font: 1.0em Georgia, Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif, "Times New Roman", Times, serif;
	margin: 0.4em 0.4em 0 0.4em;
	padding: 0.5em;
}

.shoplogo {
    float: right;
}

a.squarebutton{
background: transparent url('./images/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('./images/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 80%;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 0.3em;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: left;
	padding-left: 0.3em;
}

.datatable li {
	margin-left: 1em;
}