/* --------------------------------------------/ UNIVERSAL CLASSES \-------------------------------------------- */

/* --------------------------------------------*/




/* --------------------------------------------/ BROWSER INITIALIZATION \-------------------------------------------- */

	* { margin : 0; padding : 0; }
	ol,ul { list-style : none; }
	/*table { border-collapse : collapse; border-spacing : 0; }*/
	fieldset,img { border : 0; }
	caption,th { text-align : left; }
	h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:42px; color:#333333; margin:10px; }
	h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:28px; color:#333333; margin:10px; }
	h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#333333; margin:10px; }
	p { color:#333333; margin:10px; font-size:20px; }
	table td{ padding:10px; }
	body { 
	text-align:left; 
	color:#222; /* #FFF;  */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	/*background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#e8e9eb;*/
	}
	
	

/* --------------------------------------------*/




/* --------------------------------------------/ BOX MODEL CLASS \-------------------------------------------- */

	.hp-bottom-box { position:relative; float:left; width:215px; height:250px; margin:10px; overflow:hidden; }
	.read-me { margin-left:10px; }
	.break { display:block; background-image:url(../images/nav-break-bot.jpg); width:960px; height:3px; }
	.msgbox { background-color: #000000; color:#ffffff; }

/* --------------------------------------------*/


/* --------------------------------------------/ HEADER \-------------------------------------------- */

	#container_header { height:100%; padding:10px 50px; border-bottom:3px #0000ff solid;}
		
		#header { 
		position:relative; 
		/*width:1000px;*/
		height:190px;
		margin:auto;
		}

/* --------------------------------------------*/


/* --------------------------------------------/ NAV \-------------------------------------------- */

#container_nav { width:100%; height:100%; padding:0px auto; border-top: #000 solid 2px; border-bottom: #000 solid 2px;} /* background-color: #fffc00 #2475d9 */

	
	#nav { 
	/*position:relative;*/
	width:600px;
	height:45px;
	margin:auto;
	/*-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;*/
	/*background: rgb(250,250,250);  Old browsers */
	/*background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(244,245,246,1) 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(244,245,246,1))); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(244,245,246,1) 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(244,245,246,1) 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(244,245,246,1) 100%); /* IE10+ */
	/*background: linear-gradient(top, rgba(250,250,250,1) 0%,rgba(244,245,246,1) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f4f5f6',GradientType=0 ); /* IE6-9 */
	}
	
		#nav li { position:relative; float:left;  }

		.nav-break { margin-top:8px; }

		#nav a { display:block; padding:13px; text-align:center; text-decoration:none; color:#000000; font-weight: bold;}
		#nav a:hover{color:#0000ff;}

/* --------------------------------------------*/

/* --------------------------------------------/ NAV \-------------------------------------------- */
 

/* --------------------------------------------/ PMM BK \-------------------------------------------- */
	.chalkboard{
		background-image: url('images/chalkboard.jpg') left top no-repeat;
	}

/* --------------------------------------------/ CONTENT \-------------------------------------------- */

	#content { 
		position:relative;  
		width:1100px;
		
		margin:auto;
		padding:40px;
		/*background-color:#f4f5f6;*/
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;   
		}


/* --------------------------------------------/ CONTACT FORM \-------------------------------------------- */

		input, textarea, select { 
			padding: 9px;
			margin:20px;
			border: solid 1px #E5E5E5;
			font: normal 12px Verdana, Tahoma, sans-serif;
			/*width: 200px;*/
			background: #FFFFFF url('images/form_background.png') left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
			background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
			background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
			box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
			-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
			-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
			}
		
		textarea { 
			width: 400px;
			max-width: 400px;
			height: 150px;
			line-height: 150%;
			}
		
		input:hover, textarea:hover,
		input:focus, textarea:focus { 
		-moz-box-shadow:0 0 8px lightblue;
			-webkit-box-shadow:0 0 8px lightblue;
			box-shadow:0 0 8px lightblue;
		}
		
		.form label { 
			margin-left: 12px; 
			color: #999999; 
			}
		
		.submit input {
			width: auto;
			padding: 10px 14px;
			background: #617798;
			font-size: 14px;
			color: #FFFFFF;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			cursor:pointer;
			}
			
		#form-div { 
		-moz-border-radius:12px 12px 12px 12px;
		-webkit-border-radius: 12px 12px 12px 12px;
		background-color:#F5F5F5;
		padding:15px;
		}
		
		#wrapper { 
		width:500px;
		}


/* --------------------------------------------/ FOOTER SUBNAV \-------------------------------------------- */

#container_sub-nav { width:100%; height:100%; margin-top:20px; }
	
	#sub-nav{ 
	position:relative; 
	/*width:1000px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-image:url(../images/sub-nav-bg.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:130px;*/
	margin:auto;
	background-color:#74a5e2;
	color:#fff;
	}
	
	#menu-box { 
	position:relative;
	float:left;
	width:33%;
	height:100%;
	margin-bottom:10px;
	}
	
		#menu-box a { display:block; width:210px; padding:5px 5px 5px 100px; text-decoration:none; color:#fff; }
				
		#menu-box a:hover { background:#d4d4d4; color:#04699a; margin-left:10px; font-weight:600; 
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
		}


/* --------------------------------------------/ FOOTER \-------------------------------------------- */

#container_footer { clear:both; height:100%; margin:20px auto; padding:0px; }
	
	#footer { 
	position:relative; 
	width:1000px;
	height:60px;
	margin:auto;
	padding:20px;
	background-color:#1e1e1e;
	color:#CCC;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px; 
	}

		#footer ul { position:relative; float:right; margin-top:-10px; right:20px; }

		#footer li { position:relative; float:left; margin-left:10px; }

		#footer a { text-decoration:none; color:#CCC; }

		#footer a:hover { color:#FFF; }

/* --------------------------------------------*/

.col{
	width:310px;
	float:left;
	border-right:1px dotted #eeeeee;
	padding:5px;
}

.error{background-color:#ddd; color:#444; padding:5px;}
.small{font-size: 8px; clear:both;}
.success{background-color:#09F; color:#fff; padding:10px;}
#credentials{float:right; margin:0px 10px;}
#Visitation{
	float:right; margin:5px; width:120px; font-size:11px;}
.clicktocall{ display:none;}

@media screen and (max-width: 600px) {
    #container_header { width:100%;}
    #content { 	width:100%; }
/* Call To Click CSS */
   .clicktocall{ display:block;  }
   .nolinkdesktop{ display:none;  }
}
.homebox{
	width:350px; float: left; margin:5px;
}
.dashbox{
	width:450px; float: left; margin:5px;
}
.clear{
	clear:both;
}