body {
	margin: 0;
	padding: 0; 
	text-align: center;
	
	
	}

/* Aligning the text center makes the document dispaly in the center of the
window in older versions of IE */

/* General Styles - The most Basic of styles theses are addressed in the
simple.css file */

p.image img, .image img {
    border: 1px solid #ccc;}
    
p.noMargin, p.nomargin .image p {
	margin-bottom: 0;}

p.smallMargin {
	margin-bottom: 5px;}

p.doubleMargin {
	margin-bottom: 30px;}

p sup {
	line-height: 11px;}
	
p.subtitle {
	color: #999;}
	


.imageBlock p.icons {
    background-position: 77px 0px;}
	
p.resultsLinks {
	float: right;}
	
p.icons img, p.icons a img, p.icons a:link img,  p.icons a:visited img,  p.icons
a:hover img,  p.icons a:active img {
	display: inline;}

h5.relatedLinksTitle {
	margin-bottom: 11px;}

ul.relatedLinks {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 25px;
	padding: 0;}

ul.relatedLinks ul.relatedLinks {
	margin-bottom: 0px;}
	
ul.relatedLinks li {
    list-style-type: none;
	background: url(../images/arrow.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	color: #999;
	margin-left: 0;
	line-height: 11px;
	padding: 0 0 0 6px;}

ul.relatedLinks li span {
	display: block;
	padding: 0 0 6px 0;
}


ul.relatedLinks li.smallText {
	background-position: 0 3px;}
ul.bull {
	margin-left: 0;
	list-style-type: none;
}

ul.bull li {
	list-style-type: none;
	background: url(../images/bullet.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	margin-left: 0;
	line-height: 11px;
	padding: 0 0 3px 6px;
}	

li.link, ul.bull li.link, ul.noBull li.link {
    list-style-type: none;
	background: url(../images/arrow.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	margin-left: 0;
	line-height: 11px;
	padding-left: 6px;}
	
ul.noBull {
   	margin-left: 0;
	padding: 0 0 0 0;
	list-style-type: none;}
	
ul.noBull ul {
	margin-left: 0;
	padding: 0;
	list-style-type: none;}

ul.noBull li {
    padding: 0 0 3px 1px;
    line-height: 11px;
	list-style-type: none;}
	

form {
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;}

input {
	xxheight:16px;
	margin: 0;
	padding: 0;
	display: inline;
	font-size:10px;
	color:#333333;
	background-color:#f9f9f9;
	font-family: Arial, Helvetica, san-serif;
}

select, option {
	margin: 0;
	height:15px;
	font-size:10px;
	color:#333333;
	font-family: Arial, Helvetica, san-serif;}
	
label {
	display: block;
	margin: 5px 0 3px 1px;
	color: #666;
	font-weight: normal;}



.smallText {
	font-size: 10px;}

tr.odd {
	background-color: #F7F7F7;}

em.callout {
	color: #666;}
/* Layout Table Styles */

#document {
    width: 745px;
    text-align: left;
    margin: 0 auto 0 auto;}
    	
/* The second to last rule makes all content align left (fixes rule from body)
The last rule makes the document center in most browsers */

/*
 ###########################
# Head Styles				#
 ###########################
*/

#head {
	padding: 30px 0 22px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3c3b3;
}

#util {
	padding-top: 20px;
	float: right;
	text-align: left;}
	
#head form#searchForm {
	display: block;
	margin: 0;
	padding: 0 0 8px 0;
	margin: 0;}

#head form#searchForm input.text {
	font-size: 10px;
	line-height: 11px;
	font-family: "Arial", "Helvetica", sans-serif;
	color: #666;
	margin: 0 2px 0 0;
	border: 1px solid #ccc;
	background-color: #f9f9f9 !important;
	vertical-align: middle;
	height: 14px;}

#util a:link, #util a:visited, #util a:hover, #util a:active {
	background: url(../images/arrow.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;	
	font-size: 10px;
	padding: 0 0 0 6px;
}

#nav1 {
	width: 745px;
	clear: left;
	background: url(../images/navBg.gif) top left no-repeat;
	background-color: #0087BB;}
	

#nav1 td {
	color: #fff;
	padding: 6px 0;
	padding-left: 28px;
	padding-right: 5px;
	text-transform: uppercase;}

/* THESE VALUES WILL NEED TO CHANGE BASED ON YOUR NAVIGATION SCHEME */

#nav1 a:link, #nav1 a:visited, #nav1 a:active {
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	line-height: 10px;} 

#nav1 a:hover {
	color: #fff;
	text-decoration: underline;
	font-size: 10px;
	line-height: 10px;}
	
/*
 ###########################
# Nav Styles				#
 ###########################
*/

#nav2 {
    padding: 24px 31px 35px 0;
    width: 162px !important; /* Styles for Mozilla, Safari, IE Mac */
    width: 194px; /* Styles for MS IE5 PC */
    width/**/:/**/162px; /* Styles for IE6 PC */}

.home #nav2 {
    padding-top: 25px;
    width: 162px !important; /* Styles for Mozilla, Safari, IE Mac */
    width: 194px; /* Styles for MS IE5 PC */
    width/**/:/**/162px; /* Styles for IE6 PC */}
   
.extraSpace {
	padding-top: 30px;
}
.home #nav2 form {
	margin: 0;}
    
#nav2 a:link, #nav2 a:visited {
	color: #08A5E1;
	text-decoration: none;} 
	
#nav2 a:hover, #nav2 a:active {
	color: #6bc9ed;
	text-decoration: underline;}
	
#nav2 ul.breadcrumb {
	list-style-type: none;
	margin: 0;
	padding-left: 0px;}
	
#nav2 ul.breadcrumb li  {
	line-height: 12px;
	font-weight: bold;
	padding: 3px 0 3px 18px;	
	border-bottom: 1px solid #ccc;
	background-image: url(../images/navBul_open.gif);
	background-position: 8px 7px; 
	background-repeat: no-repeat;}
	
#nav2 ul.breadcrumb li.selected  {
	background-image: url(../images/navBul_open.gif);}
	
#nav2 ul.breadcrumb li.selected a {
	color:#666;}	

#nav2 ul.navitemList {
	list-style-type: none;
	margin: 0px;
	padding: 0px;}
	
#nav2 ul.navitemList li  {
	line-height: 12px;
	padding: 3px 0 3px 27px;	
	border-bottom: 1px dotted #ccc;}
	
#nav2 ul.navitemList li.hasChildren, #nav2 ul.navitemList li.haschildren  {
	background-image: url(../images/navBul_closed.gif);
	background-position: 19px 6px; 
	background-repeat: no-repeat;}

#nav2 ul.navitemList li.selected a {
	color:#666;}	

#nav2 ul.navitemList li.title {
    padding-left: 14px;
    background-image: none;
    color: #999;
    border-bottom: 0;}

#nav2 img {
	display: inline;}
    

#nav3 {
	padding: 20px 20px 0 20px;
	text-align: right;
	height: 10px !important;
	height: 30px;
	height/**/:/**/ 10px;
	font-size: 10px;
	line-height: 10px;}

#nav3 a:link, #nav3 a:visited, #nav3 a:hover, #nav3 a:active {
	color: #08A5E1;
	text-transform: capitalize;
	background: url(../images/arrow_dbl.gif) 0px 3px no-repeat;
	padding-left: 12px;
	}

.noBack {
	color: #fff;
	}
/*
 ###################
# Main Area Styles  #
 ###################
*/

#mainCell {
    width: 552px;
    padding: 0 0 0 0;} 

/* Note that the homepage uses a different set of styles at the bottom */
    
#pageTitle {
    padding: 0;
    margin: 0 0 14px 0;
	height: 15px;
	/*font-size: 14px;
	line-height: 15px;*/
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #7d7d7d;
	font-family: "Arial", "Helvetica", sans-serif;
    }

/* Body head Styles */
#bodyHead {	
	font-size: 11px;
    line-height: 14px;
    border-bottom: 1px solid #ccc;}

#bodyHead, #bodyHead  td {
	color: #666;}

#bodyHead h3 {
    font-size: 15px !important;
    line-height: 15px;
	font-weight: normal;
	color: #08A5E1;
	font-family: "Arial", "Helvetica", sans-serif;
	margin-bottom: 8px;}

#bodyHead h3 p {
    margin: 0;
    padding: 0;}

/* Note that the homepage uses a different set of styles at the bottom */

.headTypeA {
    padding: 0 103px 20px 0;
    width: 450px !important;
    width: 553px;
    width/**/:/**/450px;}

.headTypeA .image {
    padding-right: 15px;}
    
.headTypeA .image p {
    margin: 0;}

.headTypeA .text {
	padding-left: 2px;}

.headTypeB {
    padding-right: 160px;
    padding-bottom: 20px;
    }

.headTypeB p {
    margin-bottom: 15px;}

.headTypeC_1 {
    padding: 0 0 20px 0;}

.headTypeC_1 table {
    width: 550px;}
    
.headTypeC_1 .text {
    padding: 0 40px 0 0;}
    
.headTypeC_1 .image, .headTypeC_1 .image p, .headTypeC_1 .image img,
.headTypeC_1 .image p img {
    padding: 0;
    margin: 0;
    border: 0;}
    
.headTypeC_2 {
    padding: 0 0 20px 0;}

.headTypeC_2 .text {
    width: 286px !important; /* Styles for Mozilla, Safari, IE Mac */
    width: 326px; /* Styles for MS IE5 PC */
    width/**/:/**/286px; /* Styles for IE6 PC */
    padding: 0 40px 0 0;}
    
.headTypeC_2 .image, .headTypeC_2 .image p, .headTypeC_2 .image img,
.headTypeC_2 .image p img {
    padding: 0;
    margin: 0;
    border: 0;}
        
.headTypeD {
    width: 551px;
    padding-bottom: 20px;}

.headTypeD .text {
    padding: 0 40px 0 0;}

.headTypeD .image p img {
    border: 0;}

.headTypeE {
    padding: 0 160px 20px 0;
/*    font-size: 10px; */
    }
    
/*.headTypeE p, .headTypeE form {
 font-size: 10px;}*/

.headTypeF {
	padding-bottom: 20px;
    width: 530px;}
    
.headTypeF .image {
    padding: 0;}
    
.headTypeF .text {
    padding: 0 0 0 31px;}

.headTypeX {
    width: 552px;}
       
/* 
 ##################
# Main Body Styles #
 ##################
*/    

#mainBody {
	min-height: 400px;
    padding: 30px 0 40px 0;}

.home #mainBody {
	padding-top: 30px;}

/* Note that the homepage uses a different set of styles at the bottom */


.grid_home { 
	width: 551px;}

.grid_home .col1 {
	width: 320px !important; /* Styles for Mozilla, Safari, IE Mac */
    width: 351px; /* Styles for MS IE5 PC */
    width/**/:/**/320px; /* Styles for IE6 PC */
    padding-right: 31px;}
	
.grid_home .col2 {
	width: 200px;}    

.grid_home .row2 .col1, .grid_home .row2 .col2 {
	padding-top: 15px;
	border-top: 1px solid #ccc;}

.grid_home .cell3 {
	width: 0;
	display: none;}  
	
.grid_2-3_1-3 {
    width: 551px;}

.grid_2-3_1-3 .col1 {
    width: 357px !important; /* Styles for Mozilla, Safari, IE Mac */
    width: 388px; /* Styles for MS IE5 PC */
    width/**/:/**/357px; /* Styles for IE6 PC */
    padding-right: 31px;}

.grid_2-3_1-3 .col2 {
    width: 163px;}

.grid_2-3_1-3 .cell3 {
	width: 0;
	display: none;}  
	
.grid_1-2_1-2 {
    width: 551px;}

.grid_1-2_1-2 .col1 {
    padding-right: 31px;
    width: 260px !important; /* Styles for Mozilla, Safari, IE Mac */
    width: 291px; /* Styles for MS IE5 PC */
    width/**/:/**/260px; /* Styles for IE6 PC */}

.grid_1-2_1-2 .col2 {
    width: 260px;}
    
.grid_1-2_1-2 .cell3 {
	width: 0;
	display: none;}  

.grid_1-3_1-3_1-3 {
    width: 551px;}

.grid_1-3_1-3_1-3 .col1, .grid_1-3_1-3_1-3 .col2 {
    width: 163px !important; /* Styles for Mozilla, Safari, IE Mac */
    width: 194px; /* Styles for MS IE5 PC */
    width/**/:/**/163px; /* Styles for IE6 PC */
    padding-right: 31px;}

.grid_1-3_1-3_1-3 .col3 {
    width: 163px;}
    
.grid_full .col1 {
    width: 551px;}

.grid_full .cell2, .grid_full .cell3 {
	display: none;
	width: 0px;}
    
.grid_full .col2, .grid_full .col3 {
    width: 0px;}

.grid_full_mod .col1 {
    width: 500px;
    padding-bottom: 10px;}

.grid_full_mod .cell2, .grid_full_mod .cell3 {
	display: none;
	width: 0px;}
    
.grid_full_mod .col2, .grid_full_mod .col3 {
    width: 0px;}
   
/* 
 #################
# Page Components #
 #################
*/

.imageBlock_noWrap {
	line-height: 12px;
    clear: left;
    padding: 0;}

div.imageBlock_noWrap .text p, div.imageBlock_noWrap .text ul {
    margin-bottom: 12px;
  }
  
 div.imageBlock_noWrap .image {
    padding: 0 12px 30px 0;
}


/* Use div class="imageBlock_noWrap" for ../images/ and shorter text, or text that
you do not want to wrap around the image. use div class="imageBlock" for when
you want the content to flow around the image. */

div.imageBlock_noWrap .image img {
    border: 1px solid #ccc;}

div.imageBlock_noWrap .image p {
    padding: 0;}

#permFeatures {
	border-bottom: 1px solid #ccc;}

#permFeatures p {	
	margin: 0;
	padding: 0;
	border-top: 1px solid #ccc;}

.backLink a{
	background: url(../images/arrow_dbl.gif) 0px 3px no-repeat;
	padding-left: 12px;
	}
	
/*
 ###################################
# Foot Styles 						#
 ###################################
*/
	
#foot {
	background: url(../images/footBg.gif) top left no-repeat;
	padding: 15px 0 45px 0;
	margin: 0;
	text-align: left;
	color: #ccc;}

#foot p {
	margin: 0 0 16px 0;}

#foot a:link, #foot a:visited {
	color: #666;}

#foot p#copy {
	font-size: 9px;
	color: #999;}
		
