/*Css for legacy appeal */   


body {
	   margin: 0px auto 0px;
	   position: relative;
	   font-family: Verdana, Arial, Helvetica;
       font-size: 15px; 
	   line-height: 18px;
	   text-align: center;
	   width: 960px;
	   color: #000;
}

img { 
      border: 0px;
      margin: 0px; 
	  padding: 0px;
}

/* horizontal menu*/

.hmenu {
      float: left;
	  position: absolute;
	  left: 0px;
	  text-align: center;
	  margin: 0px auto 0px;
	  height: 36px;
	  width: 100%;
	  top: 105px;
	 overflow: hidden;
      background: transparent;
      
}


#hmenu li.last {
	  border-left: 1px solid #305D86; 
	  border-right: 0px solid red;
}

#hmenu li.first {
	  border-right: 0px solid #305D86; 
	  border-left: 0px solid red;
}

#hmenu li a {
     width: 100%;
	 color: #FFF;
     text-decoration: none;
}

#hmenu li a:hover {
      background: transparent;
	  color: #FFF;
}

#extradiv1 {
	  width: 80px;
	  height: 100px;
	  position: absolute;
	  top: 342px;
	  z-index: 1000;
	  background: white;
	  left: 905px;
	  background: transparent url(../images/bg_corner_right.jpg) top left no-repeat;
}

#extradiv2 {
	  width: 80px;
	  height: 100px;
	  position: absolute;
	  top: 342px;
	  z-index: 1000;
      background: transparent url(../images/bg_corner_left.jpg) top right no-repeat;
	  left: -25px;
}


/*############### layout structure ################## */

#layout {
	  margin: 0px auto 0px;
	  text-align: center;
	  width: 960px; 
      background: transparent url(../images/background.jpg) center top no-repeat;
	  height: 500px;
	  position: relative;
	 /* border: 1px solid red;*/

}


#layout0 {
      height: 1px;
	  position: relative;
	  margin: 0px auto 0px;
	  text-align: center;
	  width: 960px;
	 /* border: 1px solid red;*/
}

#layout1 { /* this contains all content*/
	  text-align: center;
	  width: 960px;
	  background: transparent;
	 /* border: 1px solid red;*/
}

/*############### header ################## */

#header {
	  margin: 0px auto 0px;
      height: 135px;
	  width: 850px; 
	  z-index:100;
      background-color: transparent;
}

#header #logo img {
      margin-top: 10px;
	  z-index:100;
}

.left{
    float: left;
}

.right{
    float: right;
}


/*###############  rightcolumn ################## */


/* The main content, images, text and pictures are in the div center_rightcolumn*/

#flashimage { 
	   float: left;
	   margin: 0px 0px 0px 0px;
	   position: absolute;
	   background: transparent;
	   top: 142px;
	   height: 200px;	   
       left: 60px;   
	   width: 840px;
	   z-index: -10;
}

#flashimagepage {
	float: left;
	margin: 0px 0px 0px 0px;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-top: 5px solid #FFFFFF;
	border-bottom: 21px solid #FFFFFF;
	position: absolute;
	background: transparent;
	top: 140px;
	left: 60px;
	float: left;
	width: 830px;
	overflow: hidden;
}

#underlogo {
	   position: absolute;
	   float: left;
	   width: 960px;
	   height: 55px;
	   top: 180px;
	   z-index: 1000;
	   left: 40px;
	   display: none;
	   visibility: hidden;
}

.logodescription {
      margin: 0px 5px 0px 12px;
	  float: left;
	  width: 217px;
	  height: 35px;
	  line-height: 18px;
	  color: #333;
	  font-family:"Times New Roman", Times, serif;
	  font-weight: bold;
	  font-variant:small-caps;
	  text-transform: capitalize;
	  display: none;
}



#content {
	  margin: 0px auto 0px;
      height: 1px;
	  top: 207px;
	  left: 0px;
	  text-align: center;
	  width: 900px;
	  position: relative;
}


#content1 {
      background: transparent url(../images/bg_content.jpg) top center repeat-y;
	  z-index: 990;
	  width: 900px;
	  font-family: Verdana, Arial, Helvetica;
	  color:#000000;
	  text-align: left;
	  font-size: 12px;
	  float: left;
}

/*############### columns ################## */

#rightcolumn {
      margin: 10px 60px 0px 0px;
      float: right;
	  width: 360px; 
      background-color: transparent;
}

#leftcolumn {
      margin: 10px 0px 0px 60px;
	  width: 360px; 
	  float: left;
      background-color: transparent;

}

/* horizontal menu*/

.options {
      float: left;
	 
	  border: 1px solid #CCC;
      background: transparent url(../images/bg_options.jpg) bottom right no-repeat;
	  padding-right: 15px;
	  margin-bottom: 20px;	
	   width: 760px;
}

.options h3 {
      font-family: Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	  font-size: 12px;
	  padding-left: 30px;
	  font-weight: bold;   
}

.options p {
  
	  padding-left: 30px;
	  
}

.options ul {
      font-family: Verdana, Arial, Georgia, "Times New Roman", Times, serif;
	  font-size: 12px;
	  list-style-type:circle;
	  list-style:disc;
 }

.options ul li a {
	 color: #000;
     text-decoration: none;
}

.options ul li a:hover {
      background: transparent;
	  color: #000;
      text-decoration: none;
}

/*#############################################*/



#innerRightcolumn {
      margin: 10px 0px 0px 60px;
      
	  width: 780px; 
      background-color: transparent;
}

#innerLeftcolumn {
      margin: 10px 0px 0px 60px;
	  width: 780px; 
	  
      background-color: transparent;

}


#innerLeftcolumn  h1 {
	  font-family:"Times New Roman", Times, serif;
	  font-variant:small-caps;
	  text-transform: capitalize;
	  font-weight: bold;
	  font-size: 14px;
}

#innerLeftcolumn h2 {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  color:#000000;
	  font-weight: bold;
	  font-size: 12px;
}


#content p {
}

#content a {
	  color:#003466; 
	  text-decoration: underline;
}

#content a:hover {
	  color:#000000; 
	  text-decoration: underline;

}


/*############### footer ################## */


#footer {
	float:left;
	text-align:left;
	height: 100px;
	width: 900px;
	background: transparent url(../images/bg_footer.jpg) center 0px no-repeat;
}


#createdby {
	float: right;
	text-align:right;
	margin: 25px 40px 0px 0px;
	width:220px;
	font-size:10px;
	height: 15px;
}


#linksleft {
	float:left;
	text-align:left;
	margin: 25px 0px 0px 20px;
	width: 500px;
	color: #5693B0;
	font-size: 10px;
	height: 20px;
}

#linksbottom{
	float:left;
	text-align:center;
	margin: 4px 0px 0px 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica;
	width: 900px;
	font-size: 10px;
	height: 25px;
}

#linksbottom a {
    margin: 8px 0px 0px 3px;
	color: #FFFFFF;
    text-decoration: none;
}

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

#createdby a, #linksleft a {
	color: #5693B0;
    margin: 0px 10px 0px 30px;
	text-decoration: none;
}

#createdby a:hover, #linksleft a:hover {
	text-decoration: underline;
	color: #003366;
}

.errormark {border: 2px solid red;}
#ing_cats {
	margin-top:20px
}