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

a,
a:link,
a:visited,
a:hover,
a:active	{color:#000;}


.white a,
.white a:link,
.white a:visited,
.white a:hover,
.white a:active	{color:#fff;}

.blue	{color:#4a84b5}
h2.blue a	{color:#4a84b5; text-decoration:none;}

.divScroll_Normal {
	width:100%; 
	margin: 0 auto;
	overflow:auto; 
	overflow-y:auto; 
	overflow-x:hidden; 
	height:696px;
}

.divScroll_Events {
	width:100%; 
	margin: 0 auto;
	overflow:auto; 
	overflow-y:auto; 
	overflow-x:hidden; 
	height:476px;
}

.divScroll_Gallery {
	height:627px; 
	width:761px;
	margin: 0 auto; 
	overflow:auto; 
	overflow-x:hidden; 
	overflow-y:auto;
}

.divScroll_Employees {
	width:100%; 
	margin: 0 auto;	
	overflow:auto; 
	overflow-y:auto; 
	overflow-x:hidden; 
	height:617px;
}

.PollBoxHt { height:267px; overflow:hidden; margin-bottom:0px !important }
.WelcomeBoxHt { height:207px; overflow:hidden; margin-bottom:0px !important }
.DocBoxHt { height:101px; overflow:hidden; margin-bottom:0px !important }
.KitchenBoxHt { height:101px; overflow:hidden; margin-bottom:0px !important }

.blogheader	{
	color:#417bb1;
	margin:2px;
	padding:5px 0;
	}

hr.blue	{	border:0;
	margin: 12px;
	border-top:1px solid #88b1d8;
	border-bottom: 1px solid #ecf1f6;
	}


ul.nomarg	{
	margin:0px 0 0 5px;
	padding:0px;
	list-style:none;
	}
	
ul.recipes	{
	margin:0px 0 0 13px;
	padding:0px 0 0 13px;
	list-style: url(../images/recipelist.png);
	}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right; margin-top:12px;}
.clrleft	{clear:left; margin-top:12px;}

h1			{font:21px arial;margin:0;padding:0}
h2			{font:18px/13px arial;margin:0;padding:0}
h3			{font:15px arial;margin:0;padding:0}

.pad5		{padding:5px;}
.sm9		{font-size:9px;line-height:12px;}
.sm10		{font-size:10px;line-height:12px;}

img {behavior: url(inc/pngbehavior.htc);}


.img	{
	margin:2px 5px 10px 10px; 
	padding:3px;
	background:#fff;
	border:1px solid #ccc;
	}
.imgNoBB { margin-bottom:0px !important }

ul.none	{
	list-style:none;
	margin:0;
	padding:0;
	}

/******   COLORED BOXES   ******/
.darkblue	{background: #d0e3f5; border: 1px solid #679ecd;}
.liteblue	{background: #ecf1f6; border: 1px solid #679ecd;}
.litegreen	{background: #e2eadd; border: 1px solid #8dab78;}
.darkgreen	{background: #8dab78; border: 1px solid #658251; color:#fff;}
.darkgray	{background: #272c2f; border: 1px solid #ccc; color:#fff;}





/******   LAYOUT   ******/
html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
	
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	line-height:18px;
	background:#d7eec7 url(../images/bg.jpg) repeat-x;
	}
	
#wrapper	{
	width:1000px;
	height:auto;
	margin: 0 auto;
	text-align:left;
	background: url(../images/wrapperbg.png) repeat-y;
	behavior: url(inc/pngbehavior.htc);
	}

#wrapper #container	{
	width:960px;
	height:auto;
	margin: 0 auto;
	text-align:left;
	}
	
	
#header	{
	height:110px;
	margin:0 auto;
	background:#fff;
	}
	
#COLLEFT	{
	width: 180px;
	float:left;
	margin-right:5px;
	margin-top:0px;
	}
	


#COLRIGHT{
	width: 250px;
	float:right;
	margin-left:10px;
	}
	
#COL3MIDDLE	{
	margin-left:190px;
	width:510px;
	}
	
* html #COL3MIDDLE	{margin-left:185px;width:500px;}
	
#COL2MIDDLE	{
	margin-left:190px;
	width:765px;
	}
*html #COL2MIDDLE	{
	margin-left:190px;
	width:760px;
	}

#homegallery img	{
	padding:2px;
	background:#fff;
	border:1px solid #ccc;
	margin:3px;
	float:left;
	width:50px;
	height:50px;
	overflow:hidden;
	}
	

#login #PTProIntranet	{
	margin-right:15%;
	}

.box{margin-bottom:10px;}
.evenheight	{height:230px;overflow:hidden;}

* html .evenheight {height:230px;}/*IE 6 and below*/
 html>/**/body .evenheight {height:228px;} /*Modern browsers only (not IE 7)  */




/******* FOOTER *******/
#footer	{
	width:950px;
	font-size:9px;
	line-height:12px;
	clear:both;
	padding:0 5px;
	text-align:left;
	margin:0 auto;
	}


#footer #credit				 {float:right;width:130px;}
#footer #credit a 	 		 {color:#9ebc88;text-decoration:none;}
#footer #credit a:hover 	 {color:#000;text-decoration:none;}

.heading	{
	border-bottom:1px solid #477faf;
	font:21px arial;
	margin:0;
	padding:0;
	color:#477faf;
	background:url(../images/headerbg.jpg) repeat-x;
	width:100%;
	height:27px;
	text-indent:5px;
	padding:2px;
	}

.heading .subheading	{font:bold 11px arial;color:#477faf;float:right;padding:1px;margin-top:5px;}
.heading .subheading a  {color:#477faf !important}

/******* HORIZONTAL NAV MENU  ***********/
	
ul#hrznav {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 500px; /*For KHTML*/
  list-style: none;
  height: 24px;
  
	}

ul#hrznav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
	}

ul#hrznav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
	}

ul#hrznav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	}

/* Root Menu */
ul#hrznav a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#hrznav a:hover,
ul#hrznav li:hover a,
ul#hrznav li.iehover a {
  background: #CCC;
  color: #FFF;
	}



/* 2nd Menu */
ul#hrznav li:hover li a,
ul#hrznav li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
	}

/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover,
ul#hrznav li:hover li:hover a,
ul#hrznav li.iehover li a:hover,
ul#hrznav li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 3rd Menu */
ul#hrznav li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#hrznav li:hover li:hover li a:hover,
ul#hrznav li:hover li:hover li:hover a,
ul#hrznav li.iehover li.iehover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 4th Menu */
ul#hrznav li:hover li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 4th Menu Hover */
ul#hrznav li:hover li:hover li:hover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}

ul#hrznav ul ul,
ul#hrznav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul,
ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul,
ul#hrznav li.iehover ul ul ul {
  display: none;
	}

ul#hrznav li:hover ul,
ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul,
ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul,
ul#hrznav ul ul li.iehover ul {
  display: block;
	}




/******* VERTICAL NAV MENU  ***********/
#nav	{margin-top:5px;}
	
ul#vrtnav,
ul#vrtnav li,
ul#vrtnav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 180px; /*For KHTML*/
  list-style: none;
	}

ul#vrtnav li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
	}

/* Root Menu */
ul#vrtnav a {
  border-top: 1px solid #abc997;
  border-bottom: 1px solid #6e8b59;
  padding: 0 6px;
  display: block;
  background: #8dab78;
  color: #fff;
  font: 13px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#vrtnav a:hover,
ul#vrtnav li:hover a,
ul#vrtnav li.iehover a {
  background: #b2d09d;
  color: #000;
	}

#home ul#vrtnav .home a 		{background: #ecf1f6;color: #2d5f89;font-weight:bold;}
#company ul#vrtnav .company a 	{background: #ecf1f6;color: #2d5f89;font-weight:bold;}
#blog ul#vrtnav .blog a 		{background: #ecf1f6;color: #2d5f89;font-weight:bold;}
#events ul#vrtnav .events a 	{background: #ecf1f6;color: #2d5f89;font-weight:bold;}
#news ul#vrtnav .news a 		{background: #ecf1f6;color: #2d5f89;font-weight:bold;}
#forms ul#vrtnav .forms a 		{background: #ecf1f6;color: #2d5f89;font-weight:bold;}
#doc ul#vrtnav .doc a 			{background: #ecf1f6;color: #2d5f89;font-weight:bold;}
#image ul#vrtnav .image a 		{background: #ecf1f6;color: #2d5f89;font-weight:bold;}
#staff ul#vrtnav .staff a 		{background: #ecf1f6;color: #2d5f89;font-weight:bold;}
#ext ul#vrtnav .ext	a 			{background: #ecf1f6;color: #2d5f89;font-weight:bold;}



/* 2nd Menu */
ul#vrtnav li:hover li a,
ul#vrtnav li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 2nd Menu Hover Persistence */
ul#vrtnav li:hover li a:hover,
ul#vrtnav li:hover li:hover a,
ul#vrtnav li.iehover li a:hover,
ul#vrtnav li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 3rd Menu */
ul#vrtnav li:hover li:hover li a,
ul#vrtnav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#vrtnav li:hover li:hover li a:hover,
ul#vrtnav li:hover li:hover li:hover a,
ul#vrtnav li.iehover li.iehover li a:hover,
ul#vrtnav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 4th Menu */
ul#vrtnav li:hover li:hover li:hover li a,
ul#vrtnav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 4th Menu Hover */
ul#vrtnav li:hover li:hover li:hover li a:hover,
ul#vrtnav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}

ul#vrtnav ul,
ul#vrtnav ul ul,
ul#vrtnav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#vrtnav li:hover ul ul,
ul#vrtnav li:hover ul ul ul,
ul#vrtnav li.iehover ul ul,
ul#vrtnav li.iehover ul ul ul {
  display: none;
	}

ul#vrtnav li:hover ul,
ul#vrtnav ul li:hover ul,
ul#vrtnav ul ul li:hover ul,
ul#vrtnav li.iehover ul,
ul#vrtnav ul li.iehover ul,
ul#vrtnav ul ul li.iehover ul {
  display: block;
	}






/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:right;
	width: 275px;
	}	


#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	background: #485059;
	color:#fff;
	border: 1px solid #7c5b47;	
	margin:20px 0px 20px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#e79904;
	font-weight:bold;
	font-variant:small-caps;
	font-size:15px;
	padding:2px 5px;
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}
	
#contact legend {  
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}
#contact fieldset ol {  
	padding-top: 0.25em;
	}
	
#contact #city {
	display: block;
	width: 60px;
	margin-right:12px;
	float: left;
	margin-bottom: 10px;
	}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}

#contact .shhhh,
.shhhh { display:none; }





/******** LOGIN FORM *********/
form#frmsearch	{margin:0; padding: 0 2px 0 0px;}

form#login input	{
	padding: 1px 2px;
	width:130px;
	font-size:11px;
	border:1px solid #b6e1fc;
		}	






/* SUBMIT BUTTON */

.button a.submit, button.submit{
    display:block;
    float:left;
    margin:0 7px 0 0;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    text-decoration:none;
    cursor:pointer;
	
	background-color:#f5f5f5;
	font:bold 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	color:#565656;
}
.button a.submit:hover, button.submit:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
	cursor:pointer;
}
.button a.submit:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}	 
	
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}













/* CSS Calendar */
body.cal {
	margin:0 auto; 
	padding:0;
	text-align:center; 
	font: 11px Arial, Helvetica, sans-serif;

	}



a,  
a:link,
a:visited,
a:hover,
a:active	{color:#000;}
	

.arrowbg	{background:#2d2176;padding:5px;}

h1.month	{
	font: 18px Tahoma, Verdana, Arial, Sans-Serif;
	color:#fff;
	margin:0;
	text-align:center;
	}


#calendarborder td	{
	ackground: #35393e;
	text-align:center;
	border:1px solid #e2edf7;
	margin:0;padding:0;
	}
	
tr.days	{
	font: bold 10px/20px Arial, Helvetica, sans-serif;
	color:#195690;
	background:#e2edf7;
	text-align:center;
	}
		
	
#calendarborder td a	{
	background: #fff;
	display:block;
	text-decoration:none;
	color:#8dab78;
	}	
	
#calendarborder td a:hover{
	background:#fff;
	color:#52713c;}
	
.smTxtCal {	
	font: bold 9px/9px Arial, Helvetica, sans-serif;
}	
	
	/****** LOGIN  *****/
	form {
    margin: 0px;
}



.button {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
	font-weight : bold;
	font-size : 13px;
	padding: 4px;
	cursor:pointer;
}


.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6em;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 429px;
	background: #F1F3F5;
}
	
.login h1 {
	background: url(../images/login_header.png) no-repeat;
	background-position: left top;
	color: #333;
	margin: 0px;
	height: 50px;
	padding: 15px 4px 0 50px;
 	text-align: left;
	font-size: 1.5em;
}

.login p {
	padding: 0 1em 0 1em;
	}
	
.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.login-form {
	text-align: left;
	float: right;
	width: 60%;
}

.login-text {
	text-align: left;
	width: 40%;
	float: left;
}

.inputlabel {
	font-weight: bold;
	text-align: left; 
	}
 
.inputbox {
	width: 150px;
	margin: 0 0 1em 0;
	padding:3px;
	border: 1px solid #cccccc;
	}

h1.logintext	{
	font:39px "Century Gothic", 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#faaa10;
	margin: 0;
	padding:0;
	}

.errorinfo	{
	width:470px;
	padding: 30px;
	background: #f3c5be;
	border-top:2px solid #990000;
	border-bottom: 2px solid #990000;
	margin: 0 auto;
	font: bold 16px "Century Gothic", 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}	
	

body, table	{
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	line-height:18px;
	}