/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end reset */
body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 90%;
    background-color: white; /* #FFffc0; */
    width: 900px;
    margin-left:auto; 
    margin-right:auto;
    
}

/* http://www.webdevelopersnotes.com/design/color_combinations.php3 #FFffc0;,  #339a99, #9fda00 */
h1, h2, h3, h4, h5, h6 {
    text-align: center;
}
h1 { font-size: 150%; padding: 1.0em 0; } 
h2 { font-size: 140%; padding: 0.8em 0 0.2em 0; text-align: left; }
h3 { font-size: 130%; padding: 0.6em 0 0.2em 0;; text-align: left;}
h4 { font-size: 120%; padding: 0.4em 0; text-align: left;}
h5 { font-size: 110%; padding: 0.4em 0; text-align: left;}
h6 { font-size: 100%; padding: 0.4em 0; text-align: left;}

h1.page_title { 
    font-size: 125%;
    text-align: left;
    padding: 1.0em 14px;
    margin: 0;
    color: black;
    background-color: #f46d16;
} 

p  { padding: 0.6em 0; }

ul { list-style: circle inside; }

/* home page ---------------------------- */ 
table.home_top {
    margin-left:auto; 
    margin-right:auto;
    padding: 0;
    border-collapse: collapse;
}

table.home_top td {
    background-color: white; /* #339a99; */
    margin: 0;
    padding: 0;
}

td.features p {
    width:   191px; 
    padding: 0.5em 0.1em 0.5em 27px;
}
    
ul.features-1 li, ul.features-2 li { 
    padding: 0.2em 0.2em 0.2em 1.0em;
}
    
ul.features-2 li { 
    font-weight: bold;
}
    
td.features li {
	list-style: none;
    padding: 0.1em 0.1em 0.1em 27px;
}

p.logo-left {
    color: black;
    padding: 1em 0;
    background-color: #f46d16;
}
    
p.logo-home-right {
    color: white;
    padding: 1em 0;
    background-color: #231f20;
}
/* end home page ---------------------------- */ 
    

li { padding: 0.2em 0.2em 0.2em 1.0em;  
}

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

#nav-pipe {
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}
#nav-pipe ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#nav-pipe ul li {
	margin-left: 0;
	padding: 3px 15px;
	border-left: 4px solid #f46d16;
	list-style: none;
	display: inline;
	}	
		
#nav-pipe ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
    
/* The 4 columns share the total width currently set at 900 */    
/* Padding must be subracted from width */    
td.left_column_holder {
    background-color: #bae7e9;
    width: 240px; 
}

td.left_column {
    padding: 5px 14px;
    background-color: #bae7e9;
    width: 252px; 
}

td.left_center_column {
    padding: 5px 7px;
    width: 266px; 
}

td.right_center_column {
    padding: 5px 7px;
    width: 326px; 
}

td.right_column {
    padding: 0;
    width: 0px; 
}

td { vertical-align: top;} 

.center {margin-left:auto; margin-right:auto;}

.blanks {   
    width:  120px;  
    height:   100px;  
    padding: 1px 1px 0px 1px;  
    background-color: white; /* #339a99; */ 
} 
 
.blanks img {  
    padding: 1px 1px 0px 1px;  
/*    border:  1px solid #fff; */  
/*    background-color:  #339a99; */  
    width:  120px; 
    height: 100px; 
    top:  0; 
    left: 0;
} 

/* home-slideshow size values need to based on img-shadow. */   
.home-slideshow {   
    width:  320px;  
    height:   410px;      
    padding: 0px;  
    background-color: #7fd2d9;
/*    padding: 0 10px 10px 0; */  
} 
 
.slide {
  float:left;
  background: url(./images/site/shadowAlpha.png) no-repeat bottom right !important;
  background: url(./images/site/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important; /* MSIE hack */
  margin: 10px 0 0 5px;
  }

.slide img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px; /* push up and to the left */
  padding: 4px;
  }
  
.logo { /* should be inside .img-shadow div */
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
div.error {
    padding: 0px 15px 5px 30px;
    border: 2px solid red;
    font-size: larger;
    font-weight: bold;
}

div.error ul {
    list-style-type: disc;
}

ul.plain {
    list-style-type: none;
}
a.a2:link              { color:#7fd2d9; text-decoration:none; }
a.a2:visited           { color:#7fd2d9; text-decoration:none; }
a.a2:hover             { color:#7fd2d9; color: white; text-decoration:none; }
a.a2:active            { color:#7fd2d9; text-decoration:none; }

dl.label dt {
    padding: 0.2em 0;
    font-weight: bold;
}    

dl.label dd {
    padding: 0 0 0.4em 0.2em;
}    

hr.search {
    border-top: solid;
    width: 100%;
    height: 3px; 
    color: #f46d16;
    background-color: #f46d16;
}

p.related {
    font-weight: bold;
}

ul.related {
    list-style-type: disc;
    marker-offset: 2px;
    list-style-position: outside;
    color: #f46d16;
    margin-left: 1em;
    text-indent: -1.1em;
	padding-left: 0px;
}

ul.sub_related {
    list-style-type: none;
    color: black;
}