/* CSS Document */
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, b, u, i, center, 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-size : 100%; vertical-align : baseline; background : transparent; }







/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */#wrapper { margin: 0px auto; width: 98%; height: 400px; padding: 1%}
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */#wrapper { margin: 0px auto; width: 98%; height: 400px; padding: 1%}
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */#wrapper { margin: 0px auto; width: 98%; height: 400px; padding: 1%}
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */#wrapper { margin: 0px auto; width: 98%; height: 400px; padding: 1%}
}

/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */#wrapper { margin: 0px auto; width: 98%; height: 400px; padding: 1%}
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
  /* some CSS here */#wrapper { margin: 0px auto; width: 98%; height: 400px; padding: 1%}
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */#wrapper { margin: 0px auto; width: 98%; height: 400px; padding: 1%}
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
  /* some CSS here */#wrapper { margin: 0px auto; width: 98%; height: 400px; padding: 1%}
}



body {
	margin-top: 0px;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(../images09/bgtriple2.jpg);
	background-repeat: repeat-x;
	background-color: #6A708A;
}
#wrapper-nav {
margin: 0 auto;
font-size: 0.8em;
width: 860px;
	

}

#knot {
    background-color: #FFFFFF;
}

#wrapper{
clear:both;
	margin: 0 auto;
	font-size: 0.8em;
	width: 100%;
	background-color: #FFFFFF;

	margin-top: -90px;
    margin-bottom: 15px;
}

#navigation {
	clear:both;

	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 5px;
	
}


#homepage #col-one {
float: left;
width: 590px;
padding-top:40px;

}



#homepage #col-three {
float: left;
width: 160px;
padding-top: 280px;

}

.logopad {
padding: 0px 0px 0px 20px;
}
.logopad2 {
padding: 100px 30px 0px 0px;
}

#footerhome {
	clear: both;
	margin: 0 auto;
	width: 660px;
	text-align: left;
	padding: 60px 0px 0px 0px;
	font-size: 11px;
	line-height: 20px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 20px;
    padding-right: 0px;
    padding-left: 5px;
}

#footerhome a:link {
color: #ffffff;
text-decoration: none;
}
#footerhome a:visited {
color: #ffffff;
}
#footerhome a:hover{
color: #ffffff;
text-decoration: underline;
}
#footerhome a:active {
color: #ffffff;
}