/* CSS Document */
 html,body,#outermost {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	font-style: normal;
	line-height:17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none; 
} 
	
h1{margin:0; padding:0; font-size:20px; font-weight:bold;}
h2{margin:0; padding:0; font-size:14px; float:left;}

p {text-indent:20px;}
form{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
form input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
} 

.form_select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
} 

.colt_st_sus{background:url(images/round4.png) top left no-repeat #68aac8;	width:20px;	height:20px;}
.colt_dr_sus{background:url(images/round4.png) top right no-repeat #68aac8;	width:20px;	height:20px;}
.colt_st_jos{background:url(images/round2.png) bottom left no-repeat;	width:20px;	height:20px;}
.colt_dr_jos{background:url(images/round2.png) bottom right no-repeat;	width:20px;	height:20px;}
 
.sus{background:url(images/roundsj2.png) top repeat-x #68aac8; height:20px;} 
.jos{background:url(images/roundsj.png) bottom repeat-x; height:20px;}
.st{background:url(images/roundsd.png) left repeat-y; width:20px;}
.dr{background:url(images/roundsd.png) right repeat-y; width:20px;}  

.st2{background:url(images/roundsd2.png) left repeat-y  #68aac8; width:13px;}
.dr2{background:url(images/roundsd2.png) right repeat-y #68aac8; width:13px;}  

a:link, a:visited {color:#000099; text-decoration:none;}
a:hover {color:#FF0000; text-decoration:none;}
 


/* menu structure */
.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover{
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
}

.artmenu, .artmenu ul{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background:none;
}

.artmenu li:hover{
  z-index: 10000;
  white-space: normal;
}

.artmenu li li{  float: none;}

.artmenu ul{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul{
  top: 0;
  left: 100%;
}

.artmenu:after, .artmenu ul:after{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul{
  min-height: 0;
}
.artmenu ul{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
} 
/* menu structure */

.nav {
  position: relative;
  margin: 0  auto;
  width: 722px;
  height: 34px;
  z-index: 100;
}
.artmenu{  padding: 6px 3px 0px 3px; }
.nav .l, .nav .r, .nav .r div{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 34px;
}

.nav .l {
  left: 0;
  right: 0px;
}
.nav .r{
  right: 0;
  width: 0px;
}
.nav .r div{
  width: 768px;
  right: 0;
}
.nav .l, .nav .r div{ 
  background-repeat:repeat-x;
  background-image: url('images/nav1.png');
}
/* end Menu */

/* begin MenuItem */
.artmenu ul li {  clear: both; }

.artmenu a , .artmenu a span
{  height: 28px;
  display: block;
}
 
.artmenu a{
  cursor: pointer;
  text-decoration: none;
  margin-right: 4px;
  margin-left: 4px; 
  background-image: url('images/item-left1.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.artmenu a span{
  background-image: url('images/item-right1.png');
  background-position: right top;
  background-repeat: no-repeat;
}
.artmenu a span span
{
  font-size: 14px;
  color: #23101E;
  padding: 0 14px;
  margin: 0 4px;
  line-height: 28px;
  text-align: center;
  font-weight:bold;
  background-image: url('images/item-center1.png');
  background-position: left top;
  background-repeat: repeat-x;
}
 
.artmenu a:hover{  background-position: left -28px;}
.artmenu li:hover>a{  background-position: left -28px;}
.artmenu li:hover a span{  background-position: right -28px;}
.artmenu a:hover span{  background-position: right -28px;}
.artmenu a:hover span span{  color: #F6EAF3;  background-position: left -28px;}

.artmenu li:hover a span span{
  color: #F6EAF3;
  background-position: left -28px;
} 
/* end MenuItem */