/* CSS Document */

body{
	margin: 0px; padding: 0px;
	height: 100%;
	background: transparent url(../images/css/background.gif) no-repeat top center;
	font: 11px verdana, arial, sans-serif;
	}
	

a img{
  border: none;
  }
  
h2{
  font: 16px verdana, arial, sans-serif;
  font-weight: bold;
  }

h5 a{
  color: black;
  }

#frame{
	margin: 0px auto;
	width: 735px;
	}
	
#frame2{
	margin: 0px auto;
	padding: 0px;
	height: 768px;
	width: 778px;
	background: transparent url(../images/css/background_frame.jpg) no-repeat top center;
	}
	
.header{
	height: 180px;
	}
	
.headershort{
	height: 144px;
	
	}
	
.header img{
	float: left;
	margin-right: 50px;
	margin-top: 28px;
	}


#userlinks{
  text-align: right;
  height: 30px;
  }

#userlinks a{
  color: #774687;
  font-size: 11px;
  font-weight: bold;
  margin: 10px 20px;
  }


/*////////////START NAV STYLES////////////////////////////////*/

#nav ul{
  margin: 0px;
  padding: 0px;
  display: block;
  width: 170px;
  list-style: none;
}

#nav ul li{
  
  display: block;
  text-align: left;
  height: 26px;
  width: 170px;
  font-size: 14px;
  position: relative;
  font-weight: bold;
}



#nav ul li:hover,
#nav ul li.sfhover,
#nav ul li:hover ul li:hover,
#nav ul li.sfhover ul li.sfhover,
#nav ul li.sfhover ul li.sfhover ul li.sfhover,
#nav ul li:hover ul li:hover ul li:hover,
#nav ul li.selected{
background: #C2C5CF;
z-index: 100;
}

#nav ul li:hover ul, #nav ul li.sfhover ul{
  background: white;
  z-index: 100;
  }
 
#nav ul li ul,
#nav ul li ul li ul{
  border-top: 1px solid #6B0D0D;
  position: absolute;
  z-index: 100;
  width: 170px;
  left: auto;
  visibility: hidden;
  background: white;
  margin: -27px 0px 0px 0px;
  left: 170px;
  padding: 0px;
}

#nav ul li ul li,
#nav ul li ul li ul li{
  
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  display: block;
  padding: 0px;
  height: 26px;
  
}

#nav ul li a,
#nav ul li ul li a, 
#nav ul li.sfhover ul li a, 
#nav ul li:hover ul li a{
  text-align: left;
  display: block;
  height: 26px;
  width: 160px;
  padding: 0px 5px;
  color: #7A3641;
  line-height: 26px;
  text-decoration: none;
  z-index: 100;
  
}


#nav ul li:hover ul li ul,
#nav ul li.sfhover ul li ul{
visibility: hidden;
}

#nav ul li:hover ul,
#nav ul li.sfhover ul,
#nav ul li:hover ul li:hover ul,
#nav ul li.sfhover ul li.sfhover ul{
  visibility: visible;
  
}

#nav ul li a.parent{
 background: transparent url(../images/css/bullet_nav_parent.gif) no-repeat center right;
 }
 #nav ul li a.parent:hover{
 background: transparent url(../images/css/bullet_nav_parent_hover.gif) no-repeat center right;
 }
 
 #nav ul li a span{
display: none;
}

#nav ul li a.about{
background: transparent url(../images/css/background_nav_ul.gif) no-repeat 0px -95px;
}

#nav ul li a.services{
background: transparent url(../images/css/background_nav_ul.gif) no-repeat 0px -128px;
}

#nav ul li a.tools{
background: transparent url(../images/css/background_nav_ul.gif) no-repeat 0px -161px;
}

#nav ul li a.about:hover,
#nav ul li.selected a.about{
background: transparent url(../images/css/background_nav_ul.gif) no-repeat;
}

#nav ul li a.services:hover,
#nav ul li.selected a.services{
background: transparent url(../images/css/background_nav_ul.gif) no-repeat 0px -33px;
}

#nav ul li a.tools:hover,
#nav ul li.selected a.tools{
background: transparent url(../images/css/background_nav_ul.gif) no-repeat 0px -66px;
}

/*////////////END NAV STYLES////////////////////////////////*/


#content{
	width: 735px;
}

#content_narrow{
	float: left;
	width: 150px;
	padding: 30px 30px 15px 0px;
	height: 200px;
}

#content_wide{
	float: left;
	width: 555px;
}

.content_block{
	float: right;
	width: 543px;
	margin-top: 25px;
}

.block_with_tabs{
	margin-top: 0px;
}

.block_with_tabs #content_text,
.block_with_tabs #content_image{

}


/*////////////START TAB STYLES////////////////////////////////*/

#tabs {
padding: 0px;
}

#tabs ul{
list-style: none;
margin: 0px;
padding: 0px 0px 0px 10px;
}

#tabs ul li{
display: inline;
float: left;
text-align: center;
/*text-indent: 8px;*/
line-height: 10px;
margin: 0px;
background: #F9F9F9 url(../images/css/background_tabs.gif) no-repeat left;
padding: 0px 17px 0px 19px;
height: 27px;
width: 64px;

}

#tabs ul li a{
color: #B58585;
width: 64px;
display: block;
position: relative;
text-decoration: none;
padding-top: 2px;
height: 25px;
/*z-index: 0;*/
}

#tabs ul li a span{
display: none;
}

#tabs ul li.last a span{
display: inline;
width: 17px;
height: 27px;
position: absolute;
/*z-index: 0;*/
right: -34px;
top: 0px;
background: #F9f9f9 url(../images/css/background_tabs_ends.gif) no-repeat left -27px;
}

#tabs ul li.selected a span,
#tabs ul li.first_selected a span{
display: inline;
width: 17px;
height: 27px;
position: absolute;
/*z-index: 0;*/
right: -34px;
top: 0px;
background: #F4f4f4 url(../images/css/background_tabs.gif) no-repeat left 0px;
}

#tabs ul li.last_selected a span{
display: inline;
width: 17px;
height: 27px;
position: absolute;
/*z-index: 0;*/
right: -34px;
top: 0px;
background: #F4f4f4 url(../images/css/background_tabs_ends.gif) no-repeat left 0px;
}

#tabs ul li.selected,
#tabs ul li.last_selected{
background: #f4f4f4 url(../images/css/background_tabs.gif) no-repeat left -54px;
}

#tabs ul li.first {
background: #f9f9f9 url(../images/css/background_tabs_ends.gif) no-repeat left -81px;
}

#tabs ul li.first_selected {
background: #f4f4f4 url(../images/css/background_tabs_ends.gif) no-repeat left -54px;
}

#tabs ul li.selected a,
#tabs ul li.first_selected a,
#tabs ul li.last_selected a,
#tabs ul li a:hover{
color: #6B0D0D;
}


/*////////////END TAB STYLES////////////////////////////////*/


#content_title{
float: left;
width: 418px;
padding: 0px 0px 7px 20px;
height: 463px;
background: #fff url(../images/css/background_content_text.gif) no-repeat left top;
}

#content_title h1{
margin: 0px;
padding: 0px;
height: 30px;
font: 24px times new roman, times, serif ;
color: #774687;
}

#content_text{
	height: 413px;
	padding: 5px 20px 10px 0px;
	width: 398px;
	overflow: auto;
	line-height: 20px;
}
#content_text p{
  margin: 0px;
  padding: 8px 0px;
}

h2 div{
  float: right;
  }

a.top{
  color: #8F6F6B;
  font-size: 10px;
  font-weight: normal;
}

#content_text ul{
	list-style: none;
	font-size: 16px;
	padding-left: 90px;
	font-weight: bold;
	margin: 0px;
}

#content_text ul li{
  padding: 3px 0px;
  }

#content_text ul li a{
	color: #774687;
	text-decoration: none;
	/*line-height: 24px;*/
}

#content_text ul li a:hover{
  text-decoration: underline;
}

#content_image{
	float: left;
	width: 105px;
	height: 470px;
	overflow: hidden;

}

.content_block_ #content_image{
background: transparent url(../images/css/background_content_about.jpg) no-repeat left top;
}


/*////////////// ADD OTHER CONTENT IMAGES HERE////////////////////*/
.content_block_about #content_image{
background: transparent url(../images/css/background_content_about.jpg) no-repeat left top;
}
.content_block_services #content_image{
background: transparent url(../images/css/background_content_services.jpg) no-repeat left top;
}

.content_block_tools #content_image{
background: transparent url(../images/css/background_content_tools.jpg) no-repeat left top;
}

.content_block_default #content_image{
background: transparent url(../images/css/background_content_default.jpg) no-repeat left top;
}

/*/////////////////ie hacks for content blocks///////////////*/

/* \*/
* html #content { height: 1%; }
* html #content_image {margin-right: -3px;}
* html #content_wide {overflow: visiible;}
* html #content_narrow {overflow: visible;}
/* */

/* ////////////////end ie hacks/////////////////////*/





/*////////////HOME PAGE STYLES////////////////////////////////*/


#welcome{
  float: right;
  background: transparent url(../images/css/background_welcome.gif) no-repeat top left;
  width: 250px;
  height: 315px;
  padding: 80px 25px 22px 25px;
  }
  
  #welcome h5{
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  }

/*////////////END HOME PAGE STYLES////////////////////////////////*/

#footer{
  clear: both;
  height: 180px;
  width: 735px;
  }
  
  #footer ul{
  float: right;
  list-style: none;
  background: #fff url(../images/css/background_help.gif) no-repeat top left;
  height: 106px;
  width: 165px;
  margin: 5px 0px;
  padding: 40px 25px 10px 15px;
  }
  
  #footer ul li a{
  text-decoration: none;
  color: white;
  }
  
/*////////////FOOTER SWITCHER STYLES////////////////////////////////*/
#address{
  float: left;
  background: #fff;
  color: #000;
  width: 530px;
  background: transparent url(../images/css/background_footer_address.gif) no-repeat left top;
  margin: 50px 0px 10px 0px;
}
  
#address_one{
  height: 73px;
  padding-top: 5px;
  background: transparent url(../images/css/background_footer_address1.gif) no-repeat left top;
  }
  
#address_two{
  height: 73px;
  padding-top: 5px;
  background: transparent url(../images/css/background_footer_address2.gif) no-repeat left top;
}
  
#address_one dl,
#address_two dl{
  margin: 10px 0px 0px 30px;
}
  
#address_one dl dt,
#address_two dl dt{
  width: 110px;
  font-weight: bold;
}
  
#address_one dl dd,
#address_one dl dt,
#address_two dl dd,
#address_two dl dt{
  float: left;
}

#address_one dl dd a,
#address_one dl dt a,
#address_two dl dd a,
#address_two dl dt a{
  color: #774687;
  text-decoration: underline;
}

#address_one a,
#address_one span,
#address_two a,
#address_two span{
  margin-left: 30px;
  text-decoration: none;
  color: #B3B3B3;
}
  
#address_one span strong,
#address_two span strong{
  color: black;
  font-weight: normal;  
}

/*//////                Form Styles                                      ///*/
form.vfs_request {
  width: 350px;
}

form.vfs_request table{
  margin: 0px;
  padding: 0px;
}

form.vfs_request table tr td{
  width: 150px;
  text-align: left;
}

form.vfs_request p,
form.vfs_request input{ 
  padding: 0px 0px;
  margin: 0px;
}

form.vfs_request input,
form.vfs_request textarea,
form.vfs_request select{
  background: #DFD4E2 url(../images/css/bg_form_input.jpg) no-repeat left top;
  border: 1px solid #6F5156;
}

form.vfs_request select option{
  background: #DFD4E2;
}

form.vfs_request input.wide{
  width: 300px;
}

form.vfs_request input.short{
  width: 75px;
}

input.check{
  background: none;
  border: none;
}
  
  /*////////////END FOOTER SWITCHER STYLES////////////////////////////////*/
  
  
  @media print{
  #header,
  #content_narrow,
  #footer,
  #sidenav,
  #nav,
  #related_items,
  object{
  display: none;
  }
  
  #content_wide,
  #content_text{
    margin: 0px;
	padding: 0px;
    width: 650px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
  }
}