@charset "utf-8";
/* CSS Document 
#f2f4cb - light green
#62c5f0 - light blue
#21409a - Dark Blue
*/

html { height:100% }

body {
	font-size: large;
	font-family:"MS Serif", "New York", serif;
	background-color: #87B2C4;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#iefix {
 position:relative;
 z-index:1000;
 }
 
 .roundedCornerMain { 
 width: 950px;
 height: auto;
 background:white;
 border: solid; 
 border-color:#166b8f;
 margin:0px auto;
 padding: 5px; 
 text-align:left;
 }
  .roundedCorner { 
 width: auto;
 height: auto;
 background:white;
 border: solid; 
 border-color:#166b8f;
 margin:0px auto;
 padding: 5px; 
 text-align:left;
 }
  .roundedCornerhouseBanner {
	width: 300px;
	height: 40px;
	background:white;
	border-left:solid;
	border-right:solid;
	border-color:#067e5d;
	margin:0px auto;
	padding: 5px;
	text-align:left;
 }
 .roundedCornerhouse {
	width: 300px;
	height: 185px;
	background:white;
	border-bottom:solid;
	border-left:solid;
	border-right:solid;
	border-color:#067e5d;
	margin:0px auto;
	padding: 5px;
	text-align:left;
 }
.gradientbody { 
background: #62c5f0 url("../images/gradientbackground.png") repeat-x top; -o-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; *background: #62c5f0; background: #62c5f0\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFf2f4cb, endColorstr=#FF62c5f0); } 

@media all and (min-width: 0px) { 
.gradientbody { background: #62c5f0 url("../gradientheader-bg.svg"); background-image: -moz-linear-gradient( top, #f2f4cb, #62c5f0 ); background-image: -webkit-gradient( linear, left top, left bottom, from(#f2f4cb), to(#62c5f0) ); } 
}

.gradienttable { 
background: #f2f4cb url("../images/gradientbackground.png") repeat-x top; -o-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; *background: #f2f4cb; background: #f2f4cb\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF62c5f0, endColorstr=#FFf2f4cb); } 

@media all and (min-width: 0px) { 
.gradienttable { background: #f2f4cb url("../gradientheader-bg.svg"); background-image: -moz-linear-gradient( top, #62c5f0, #f2f4cb ); background-image: -webkit-gradient( linear, left top, left bottom, from(#62c5f0), to(#f2f4cb) ); } 
}

.mainText {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	color: #000000;
}
.HeaderText {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; 
	font-style: normal;
	color: #ffffff;
}

.footerTextsmallWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small; 
	font-style: normal;
	color: #ffffff;

}

.HeaderText2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #166B8F;
}

.HeaderText3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #067e5d;
}

.HeaderText4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	color: #067e5d;
}

.FollowText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #166B8F;
}
.footerTextsmallWhite2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #FFFFFF;

}

A.mainLinkNormal:link, A.mainLinkNormal:active, A.mainLinkNormal:visited {
	font-family: Verdana; 
	font-size: x-small; 
	color: #166b8f; 
	text-decoration: none;
}

A.mainLinkNormal:hover {
	font-family: Verdana;
	font-size: X-small;
	color: #000000;
	text-decoration: underline;
}

.RowMainLine{
border-bottom:3px solid #000000; }
.RowUnderline{
border-bottom:2px solid #cccccc; }
.RowUnderline-black{
border-bottom:1px solid #000000; }

	a#trans { background: #fff; color: #166b8f; padding: 3px; -webkit-transition: all 1s linear; }
    a#trans:hover { background: #220077; color: #fff; }
    #trans-nav { list-style-type: none; height: 40px; padding: 0; margin: 0; }
    #trans-nav li { float: left; position: relative; padding: 0; line-height: 40px; background: #ffffff url(nav-bg.png) repeat-x 0 0; }
    #trans-nav li:hover { background-position: 0 -40px; }
    #trans-nav li a { display: block; padding: 0 15px; color: #166b8f; text-decoration: none; }
    #trans-nav li a:hover { color: #a3f1d7; }
    #trans-nav li ul { opacity: 0; position: absolute; left: 0; width: 8em; background: #63867f; list-style-type: none; padding: 0; margin: 0; }
    #trans-nav li:hover ul { opacity: 1; }
    #trans-nav li ul li { float: none; position: static; height: 0; line-height: 0; background: none; }
    #trans-nav li:hover ul li { height: 30px; line-height: 30px; }
    #trans-nav li ul li a { background: #63867f; }
    #trans-nav li ul li a:hover { background: #5a8078; }
    #trans-nav li { -webkit-transition: all 0.2s; }
    #trans-nav li a { -webkit-transition: all 0.5s; }
    #trans-nav li ul { -webkit-transition: all 1s; }
    #trans-nav li ul li { -webkit-transition: height 0.5s; }


.socialSprite{background:url(../images/social5.png) no-repeat;display:inline-block;width:28px;height:28px}
.facebookIcon{background-position:0 0}
.facebookIcon:hover{background-position:0 -29px}
.facebookIcon:active{background-position:0 -58px}
.twitterIcon{background-position:-29px 0}
.twitterIcon:hover{background-position:-29px -29px}
.twitterIcon:active{background-position:-29px -58px}
.emailIcon{background-position:-58px 0}
.emailIcon:hover{background-position:-58px -29px}
.emailIcon:active{background-position:-58px -58px}
.kivaIcon{background-position:-87px 0}
.kivaIcon:hover{background-position:-87px -29px}
.kivaIcon:active{background-position:-87px -58px}
.postalIcon{background-position:-116px 0}
.postalIcon:hover{background-position:-116px -29px}
.postalIcon:active{background-position:-116px -58px}
.printIcon{background-position:-144px 0}
.printIcon:hover{background-position:-144px -29px}
.printIcon:active{background-position:-144px -58px}
.youtubeIcon{background-position:-201px 0}
.youtubeIcon:hover{background-position:-201px -29px}
.youtubeIcon:active{background-position:-201px -59px}
.rssIcon{background-position:-172px 0}
.rssIcon:hover{background-position:-172px -29px}
.rssIcon:active{background-position:-172px -59px}
.urlIcon{background-position:-229px 0}
.urlIcon:hover{background-position:-229px -29px}
.urlIcon:active{background-position:-229px -59px}