@charset "utf-8";
/* CSS Document */

body  { font: 100% Gill Sans, Trebuchet MS, "Times New Roman", Times, serif; 
	background: #EFEFEF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666; }	

#subpg { position: relative;left:auto; width:1022px; text-align:left; margin-left: auto; margin-right: auto; top:0px;  background-color:#FFFFFF; font-size: 12px; padding:0px;  }

  #container { float: left;  padding-bottom:0px; margin-bottom:0px; border:1px solid #CCCCCC; background-color:#FFFFFF; width:1022px; }
      #inner { float: left; overflow: hidden; background-color:#FFFFFF;}
      #inner div { float: left; background: #FFFFFF; width: 175px; margin-right: 10px;  }
      
	  #inner .col2 { background: #FFFFFF;  width:615px;float: left; margin: 10px 15px 10px 15px; font-family: Arial, Helvetica, sans-serif; color: #333333;  overflow:visible; font-size:14px; }
	  #inner .col2  p { margin-left: 0px; margin-right:10px; margin-top:0px; font-size:1em; text-align:left; padding:0px; }
	  #inner .col2 ul { margin-right:15px; font-size:1em; text-align:left; } 
	  
	  #inner .col3 { background: #E3F6FE;  width: 172px;float: right; font-family: Arial, Helvetica, sans-serif; color: #333333; padding: 5px 8px 35px 10px; margin-left: 0px; margin-right:0px;  margin-top:0px; margin-bottom: -1500px; padding-bottom: 1500px; }
#inner .col3  p { margin-left: 10px; margin-right:0px;margin-top:0px; font-size:11px; text-align:left;   padding:0px; }
#inner .col3  p.boxtitle { height:70px; line-height:20px; font-size:14px; margin:0; color:#EFEFEF;  width:100%; padding:0px; font:#4c4c4c;  background:#88ceeb; }
#inner .col3  a.blue { text-decoration: none; color:#4ba3d2; }
#inner .col3  a { text-decoration: none; color:#333333; }
#inner .col3  a:hover { text-decoration: underline; color:#333333; }
#inner .col3 form { float: right; font-size:11px; padding:2px; margin:0px; }
#inner .col3 input { color: #666666; background: #FFFFFF; width:70px;font-size:11px; }
#inner .col3 textarea { color: #666666; background: #FFFFFF; width:140px; }
#inner .col3 input.check {  width:16px; background: #E3F6FE; }
#inner .col3 .button {   background-color: #4ba3d2; color:#FFFFFF; }

#header { height:150px; color:#4c4c4c; margin: 0 ; overflow:visible;  position:relative; z-index:5;	background: #FFFFFF;  
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	font:14px Gill Sans, Trebuchet MS, "Times New Roman", Times, serif;  
}

#inner .box { margin:5px 5px 10px 10px; font-size:14px; text-align:left;  padding:0px; line-height:16px; border-bottom:1px solid #4ba3d2; width:156px; height:100%; }
#inner .boxlast { margin:5px 5px 10px 10px; font-size:14px; text-align:left;  padding:0px; line-height:16px; width:160px;   }
#inner .box  a{  color: #666666;   }
#inner .boxlast  a{  color: #666666;   }


#inner p.boxtitle { line-height:20px; font-size:14px; margin:0; color:#4ba3d2; background: #FFFFFF; padding:0px; }
#inner p.subtitle { margin:0px; padding:4px 4px 4px 12px; height:16px; font-size:12px;line-height:18px; color:#999999;  font-style: italic ;  }
#inner a { text-decoration: none; color:#4ba3d2; }
#inner a:hover { text-decoration: underline; color:#4ba3d2; }
#inner a.title { text-decoration: none; color:#EFEFEF; }
#inner a.title:hover { text-decoration: underline; color:#EFEFEF; }
#inner a.caption { text-decoration:underline; color:#4ba3d2; font-size:11px; }
#inner a.caption:hover { text-decoration: underline; color:#4ba3d2; font-size:11px;  }
#inner a.caption:active { text-decoration: underline; color:#4ba3d2; font-size:11px;   }

#homepg { width:832px; background: #FFFFFF; text-align: left; float:left; padding-top:2px; margin: 0 auto; top:0px: z-index:-1; position:relative; }
#sidebar { background: #E3F6FE;  width: 172px;float: right; font-family: Arial, Helvetica, sans-serif; color: #333333; padding: 15px 8px 35px 10px; margin-left: 0px; margin-right:0px;  margin-top:0px; margin-bottom: -88px; padding-bottom: 88px;}
#sidebar p { margin-left: 10px; margin-right:0px;margin-top:0px; font-size:11px; text-align:left;   padding:0px; }
#sidebar p.boxtitle {height:70px; line-height:20px; font-size:14px; margin:0; color:#EFEFEF;  width:100%; padding:0px; font:#4c4c4c;  background:#88ceeb;}
#sidebar a.blue { text-decoration: none; color:#4ba3d2; }
#sidebar a { text-decoration: none; color:#333333; }
#sidebar a:hover { text-decoration: underline; color:#333333; }
#sidebar form { float: right; font-size:11px; padding:2px; margin:0px; }
#sidebar input { color: #666666; background: #FFFFFF; width:70px;font-size:11px; }
#sidebar textarea { color: #666666; background: #FFFFFF; width:140px; }
#sidebar input.check {  width:16px; background: #E3F6FE; }
#sidebar .button {   background-color: #4ba3d2; color:#FFFFFF; }
 

#inner .rightbar { float: right; width: 200px; 	background: #FFFFFF; 
	padding: 10px 2px 15px 5px; /* padding keeps the content of the div away from the edges */  }
	
p.cosmetic {text-align:left; margin-right:10px; color:#4c4c4c; margin-left:5px; margin-top:4px;    }
p { text-align:left; margin-right:10px; color:#4c4c4c;  margin-left:5px; margin-top:4px; }
p.news { margin-left:60px; width:260px; margin-top:0px; color:#4c4c4c;  }

#topnav { position: relative; left:0px; top:4px; width:370px; float:right; color:#4c4c4c; font-size:14px; padding:0px;  margin:0px; text-decoration:none; z-index:5; height:94px;   }
.address { color:#666666; font-style:italic ; }
 #logo { position: relative; top:32px; font-size:14px;  text-align:left;  width:275px; margin:0px 0px 0px 2px;  }
a { text-decoration: none; color:#4ba3d2;  }
a:hover { text-decoration: underline; color:#4ba3d2;  }

#menu {list-style-type:none;  font-family: Gill Sans, Trebuchet MS, "Times New Roman", Times, serif; position:relative; top:22px; z-index:8; height:20px; color:#4c4c4c;  padding:2px 0px 2px 0px; margin:0px; text-align:center; background-color:#ebebeb; width:100%;  }

#menu li {float:left; padding:0; margin:0px; position:relative; width:170px; height:1em; z-index:100; display: inline; list-style-type: none; text-align:center; position:relative;  background-color:#ebebeb; top:0px; height:18px;  }

#menu li dl {position:absolute; top:0; left:0;  }
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none; z-index:100;}
#menu li:hover, #menu li a:hover {border:0; background: #88ceeb; color: #FFFFFF;    }
#menu li:hover dd, #menu li a:hover dd {display:block;  }

#menu dl {width:170px; margin: 0; padding: 0; background: #ebebeb; text-align:center; position:relative;  cursor:pointer;}
#menu dt {margin:0; padding-top: 0px; font-size: 1em; color: #fff;  border-right:1px solid #FFFFFF;  }
#menu dt.last {margin:0; padding-top: 0px;   color: #fff;  border-right:1px solid #ebebeb;}
#menu dt a:hover{ text-decoration:underline; }
#menu dd {margin:0; padding:0; color:#4c4c4c; font-size: .9em; background:#ebebeb; text-align:left; z-index:100;}
.gallery dt a, .gallery dt a:visited {display:block; color:#4c4c4c; }
.gallery dd a, .gallery dd a:visited {color:#4c4c4c; text-decoration:none; display:block; padding:4px 2px 4px 30px;
background: #ebebeb; width:134px;
}
.gallery dd a:hover {background: #88ceeb; color:#FFFFFF; text-decoration:underline; }



#box {list-style-type:none;  font-family: Gill Sans, Trebuchet MS, "Times New Roman", Times, serif; position:relative; top:15px; z-index:5; height:90px; color:#4c4c4c; top:0px;  padding:0px; margin:0px; text-align:center; background:#FFFFFF;    }
#box li { float:left; padding:0; margin:0; position:relative; display: inline; list-style-type: none; text-align:center; position:relative; background:#FFFFFF; width:211px; border: 2px solid #88ceeb;  }
#box li.last {  padding-left:90px; margin:0; position:relative; display: inline; list-style-type: none; text-align:left; position:relative; background:#e8ebec; width:496px; height:90px; font-size:13px; border: 2px solid #88ceeb; }
#box li.lastwhite {  padding-left:90px; margin:0; position:relative; display: inline; list-style-type: none; text-align:left; position:relative; background:#FFFFFF; width:496px; height:90px; font-size:13px; border: 2px solid #88ceeb; }


#text { font-size:12px;  position:relative; left: 220px; text-align:left; width:700px;}
#text h2 { color:#4c4c4c; font-size:14px; margin-left:2px;  }

#rightbar { float: right; /* since this element is floated, a width must be given */
	width: 185px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 0px 15px 5px; /* padding keeps the content of the div away from the edges */
}
 
h1 { font-size:15px; padding:20px 4px 8px 0px;  color:#4ba3d2; font-weight: lighter; }
.title {  font-size:12px; font-style: italic; color:#999999; } 
h2 { color:#4ba3d2; font-size:14px; margin-left:2px; font-weight: lighter; }
.subtitle {  font-size:14px; color:#4ba3d2; } 
.subheader {  font-size:12px; color:#999999; font-style:italic;} 
.blueitalic {  font-size:14px; color:#4ba3d2; font-style:italic;} 
.smtext { font-size:11px; color:#000000; } 
.imgborder { border:1px solid #4c4c4c; }
.fltrt { 	float: right; margin-left: 8px; }
.fltlft { 	float: left;	margin-right: 8px; }
h4 { font-size:12px; margin-left:30px;  padding:0px; margin-top:12px; margin-bottom:5px; }
h5 { font-size:12px; margin-left:60px;  padding:0px; margin-top:5px; margin-bottom:5px; }
.smtitle {  color:#4ba3d2;  } 

li { list-style-type:none; padding:7px; }


#bottom { float:left; font-family: Gill Sans, Trebuchet MS, "Times New Roman", Times, serif; position:relative; top:0px; z-index:5; height:94px;  padding:0px ; margin:0px; text-align:center;  width:1020px; border:1px solid #4ba3d2 ; font-size:13px; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}
