@charset "utf-8";
/* CSS Document */

body {
	margin: 0px auto 0px auto;
	text-align:center;
	padding: 0px;
	background-color: #e6f1fb;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #23516f;
	behavior:url("/css/csshover3.htc");
}

a { color: #3783cf; text-decoration: none;}
a:hover { color: #3783cf; text-decoration: underline;}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl,button {
	margin:0px;
	padding:0px;
}

h1 { color: #2e6eae; padding: 10px 0px 0px 20px; font-size: 13px; font-weight: bold;}

p { padding: 10px 25px 0px 20px;}


#containter { width: 882px; margin: 0px auto 0px auto; text-align: center; padding: 0px;}

#main { width: 882px; text-align: left;}

#main ul { padding: 10px 0px 10px 50px;}

#main li {
	list-style-position: outside;
	list-style-image: url(../images/index/bullet.jpg);
}

#leftcol { width: 576px; float: left;}

#rightcol { width: 303px; float: left;}

#featuredproced {
	background-image: url(../images/index/index2_01.jpg);
	height: 44px;
	width: 304px;
	background-repeat: no-repeat;
	background-position: left top;
}

#featuredproced span {display: none;}

#featuredproced2 {
	background-image: url(../images/index/index2_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 306px;
	width: 304px;
}

#featuredproced2 p { color: #503501; padding: 50px 120px 0px 35px; font-size:11px; line-height: 17px;}

.clear {clear: both;}

#bottom {
	background-image: url(../images/index/index-20.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
	width: 882px;
}

#bottom p{ color: #97ad40; font-size: 11px; padding: 10px 0px 0px 20px; text-align: left;}

#bottom a { color: #97ad40; text-decoration: none;}

#bottom a:hover { color: #97ad40; text-decoration: underline;}

#spacer {height: 62px; width: 303px;}

#homereadmore { float: right;  margin-right: 20px;}

#contact-home {
	background-image: url(../images/index/contact-02.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 303px;
}

#contact-home p { text-align: right; font-size: 11px; padding-right: 55px; color:#6f8d9d;}

.subject {display:none;}

.input { width: 200px; margin: 10px 0px 0px 45px; display: block; background-color:#FFF; border:1px solid #f9e9bd; font:11px/16px Arial, Helvetica, sans-serif; color: #7c8459; }

.comments { width: 200px; height: 100px; margin: 10px 0px 0px 45px; display: block; background-color:#FFF; border:1px solid #f9e9bd; font:11px/16px Arial, Helvetica, sans-serif; color: #7c8459; }

.maininput { background-color:#FFF; border:1px solid #f9e9bd; font:11px/16px Arial, Helvetica, sans-serif; color: #7c8459; }

.maincomments { background-color:#FFF; border:1px solid #f9e9bd; font:11px/16px Arial, Helvetica, sans-serif; color: #7c8459; }

label { 
	width:200px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

label input { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

label textarea { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	height:100px; overflow:auto; 
	}

.submit { width: 97px; margin-left: 160px; border: none;}
.submitmain { width: 97px; margin-left: 300px; margin-top: 100px; border: none;}

.rightpad {padding-right: 180px; text-align: right; font-size: 11px; padding-bottom: 15px;}

/* -------------------navigation-------------------------- */
#navcontain { width: 882x; height: 41px; }


#nav { 
	background: url(../images/index/nav.jpg) no-repeat; 
	width:882px; 
	height:41px; 
	position:relative;
	z-index: 999;
	font-family: Arial;
	margin: 0px;

	}

#nav span { display: none; margin: 0px;}

#nav li, #nav a { height: 41px; display: block; margin: 0px;}

#nav li { float: left; list-style: none; display: inline; text-align: left;}

#nav-01 { width: 79px; left:0px; }
#nav-02 { width: 100px; left:79px; }
#nav-03 { width: 93px; left:179px; }
#nav-04 { width: 75px; left:272px; }
#nav-05 { width: 75px; left:347px; }
#nav-06 { width: 112px; left:422px; }
#nav-07 { width: 63px; left:534px; }
#nav-08 { width: 91px; left:597px; }
#nav-09 { width: 103px; left:688px; }

#nav-01 a:hover {background: transparent url(../images/index/nav.jpg) 0px -41px no-repeat;}
#nav-02 a:hover {background: transparent url(../images/index/nav.jpg) -79px -41px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/index/nav.jpg) -179px -41px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/index/nav.jpg) -272px -41px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/index/nav.jpg) -347px -41px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/index/nav.jpg) -422px -41px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/index/nav.jpg) -534px -41px no-repeat;}
#nav-08 a:hover {background: transparent url(../images/index/nav.jpg) -597px -41px no-repeat;}
#nav-09 a:hover {background: transparent url(../images/index/nav.jpg) -688px -41px no-repeat;}


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position: absolute;
	left: -9999px;
	background-color:#fff;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	border:0px; 
	z-index: 30;

	}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
	

#nav li ul li { 
	height: 22px; /* Height of each drop down nav item */
	}	

#nav li ul li a {
	width: 100%;
	height: 22px;				/* Height of each drop down nav item, should match above */
	line-height: 22px;			/* Height of each drop down nav item again, should match above */
	color:#a0a962;

	}

#nav li ul li a span {
	display: block;
	padding-left: 5px;
	margin: 0px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 11px;
	text-decoration: none;

	}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;

}
/* Hover styles for drop down items */

	
#nav-02 ul a:hover, #nav-03 ul a:hover { 
	background-image: none;
	background-color: #71b4f0;
	color:#fff;
	}

/* width of drop down nav - choose width that allows items to display on one line */


#nav-02 ul, #nav-02 li { width:110px; }

#nav-03 ul, #nav-03 li { width:90px; }


#nav li:hover, #nav li.hover {   
    position: static;   
}

/* 2nd tier drop down */
	#nav-02 ul li ul  {
		display:none;
		width:170px;
		margin-left:-170px; /* width of drop down nav +2 */
		margin-top:-23px; /* height of drop down nav item +1 */
		}
		
	#nav-02 ul li:hover ul, #nav-02 ul li.sfhover ul { 
		display:block;
		}
	
	#nav-02 ul li ul li a {
		width:170px;
		height:22px;
		}

	#nav-02 ul li.big, #nav-02 ul li.big a {
		height:70px;
		}
	#nav-02 ul li.big ul li a {
		height:22px;
		}
		
/* 2nd level drop downs -------------------------------------------------------------------- */
#nav li ul ul {
	margin: -22px 0 0 110px;
}		

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

/* -------------------procedure buttons-------------------------- */
#buttoncontain { width: 882px; height: 92px; float: left;}

#button {
	width:882px;
	height:92px;
	position:relative;
	z-index: 10;
	font-family: Arial;
	margin: 0px;
	background-image: url(../images/index/buttons.jpg);
	background-repeat: no-repeat;
	}

#button span { display: none; margin: 0px;}

#button li, #button a { height: 91px; display: block; margin: 0px;}

#button li { float: left; list-style: none; display: inline; }

#button-01 { width: 222px; left:0px;}
#button-02 { width: 219px; left:222px; }
#button-03 { width: 224px; left:441px; }
#button-04 { width: 217px; left:665px; }


#button-01 a:hover {background: transparent url(../images/index/buttons.jpg) 0px -92px no-repeat;}
#button-02 a:hover {background: transparent url(../images/index/buttons.jpg) -222px -92px no-repeat;}
#button-03 a:hover {background: transparent url(../images/index/buttons.jpg) -441px -92px no-repeat;}
#button-04 a:hover {background: transparent url(../images/index/buttons.jpg) -665px -92px no-repeat;}



/*---------------------------blog styles--------------------------*/

h2 { color: #2e6eae; padding: 10px 0px 0px 20px; font-size: 13px; font-weight: bold;}

#rightcol #sidebar-top {
	background: url(../images/inside/blog-sidebar-top.jpg) no-repeat 0 0;
	width: 303px;
	height: 72px;
}
#sidebar {
	background: url(../images/inside/blog-sidebar-bg.jpg) repeat-y 0 0;
	width: 303px;
}
#sidebar-bottom {
	background: url(../images/inside/blog-sidebar-bottom.jpg) no-repeat 0 0;
	width: 303px;
	height: 39px;
}
.imgR {float:right;margin: 0 10px 10px 10px;}
.imgL {float:left;margin: 0 10px 10px 0;}
#library3D {width:300px;height:112px;margin:0 0 20px 0;}
#library3D a img {border:none;outline:none;text-decoration:none;}
a.focus {outline:none;}
.hidden {display:none;}

ul.gallery-wrapper {margin:10px 0 0 20px!important;padding:0!important;}
ul.gallery-wrapper li {width:250px;float:left;margin:10px 10px 0 0!important;padding:0!important;list-style:none!important;}
ul.gallery-wrapper li:last-child {margin:0 0 20px 0;}
ul.gallery-wrapper li a.gallery img {text-decoration:none;border:2px solid #b4c8dd;margin:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
ul.gallery-wrapper li a:hover.gallery img {border:2px solid #6CF;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#association-logos {width:882px;height:125px;margin:0 0 10px 0;}