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

body
{
	background:url(images/bg_main.gif) repeat ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	width:100%;
	text-align: center;
	font-size:12px;
	line-height:17px;
	color:#666;
}


#topshape
{
	width: 785px;
	height: 19px;
	margin-left:1px;
}


#main-content
{
	width:787px;
	height:630px;
	margin: 0px auto 0px auto;
}


#content-welcome
{
	width:380px;
	float:left;
	margin-left:25px;
	margin-top:50px;
	overflow:auto;
	height:auto;
}

#content-left
{
	width:320px;
	float:left;
	margin-left:25px;
	margin-top:20px;
	height:300px;
}

#content-left-sm
{
	width:175px;
	float:left;
	margin-left:25px;
	margin-top:20px;
	height:300px;
}

/***Leaf scroller***/
#content-right-scroll
{
	position: relative;
	width:410px;
	float:left;
	margin-left:10px;
	margin-right:0px;
	margin-top:20px;
	padding-right:0px;
	height:370px;
	overflow: auto !important;
    		overflow-x: hidden !important;
}
/*******************/

#content-right
{
	width:390px;
	float:left;
	margin-left:10px;
	margin-right:20px;
	margin-top:20px;
	padding-right:10px;
	overflow:auto;
	height:370px;
}

/***Leaf scroller***/
#content-right-scroll-lg
{
	position: relative;
	width:560px;
	float:left;
	margin-left:10px;
	margin-right:0px;
	margin-top:20px;
	padding-right:0px;
	height:370px;
	overflow: hidden;
}
/*******************/

#content-right-lg
{
	width:530px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	overflow:auto;
	padding-right:10px;
	height:370px;
}


#staff-block
{
	width:505px;
	float:left;
	display:block;
	margin-bottom:20px;
}


#staff-block-img
{
	width: 140px;
	height:305px;
	float:left;
	margin:0px 10px 60px 0px;
	/*border: 1px solid red;*/
}


#container-index
{
	width:1024px;
	height:630px;
	margin: 0px auto 0px auto;
}


#container-welcome
{
	width:1024px;
	height:630px;
	margin: 0px auto 0px auto;
	background:url(images/bg_welcome2.gif);
}


#container-psych
{
	width:1024px;
	height:630px;
	margin: 0px auto 0px auto;
	background-image: url(images/bg_psych2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#container-services
{
	width:1024px;
	height:630px;
	margin: 0px auto 0px auto;
	background:url(images/bg_services2.gif);
}


#container-providers
{
	width:1024px;
	height:630px;
	margin: 0px auto 0px auto;
	background:url(images/bg_blank2.gif);
}


#container-students
{
	width:1024px;
	height:630px;
	margin: 0px auto 0px auto;
	background:url(images/bg_students2.gif);
}


#container-fees
{
	width:1024px;
	height:630px;
	margin: 0px auto 0px auto;
	background:url(images/bg_fees2.gif);
}


#container-privacy
{
	width:1024px;
	height:630px;
	margin: 0px auto 0px auto;
	background:url(images/bg_privacy2.gif);
}


#container-hours
{
	width:1024px;
	height:630px;
	margin: 0px auto 0px auto;
	background:url(images/bg_hours2.gif);
}


#container-resources
{
	width:1024px;
	height:630px;
	margin: 0px auto 0px auto;
	background:url(images/bg_resources2.gif);
}


#container-faq
{
	width:1024px;
	height:630px;
	margin: 0px auto 0px auto;
	background:url(images/bg_faq2.gif);
}


#container-contact
{
	width:1024px;
	height:630px;
	margin: 0px auto 0px auto;
	background:url(images/bg_blank2.gif);
}

img
{
	border:none;
}


#logo
{
	width:170px;
	height:70px;
	float:left;
	margin:50px 0px 0px 140px;
}



/**********************************MAIN FONT STYLES***************************************/




p
{
	font-size:11px;
	color:#996633;
	line-height:19px;
	text-align:left;
	margin-bottom:15px;
}

div.staff-block > p {
	float: left;
	width: 350px;
}


ul
{
	text-align:left;
	margin:10px 0px 13px 0px;
	padding:0px;
	display:block;
	font-weight:bold;
	color:#996633;
	font-size:11px;
}



li
{
	text-align:left;
	font-weight:normal;
	list-style: none;
	margin:0px 0px 0px 8px;
	color:#996633;
	font-weight:bold;
}


#content-right-scroll ul
{
	text-align:left;
	margin:15px 0px 15px 0px;
	padding:0px;
	display:block;
	color:#996633;
	font-size:11px;
	
}


#content-right-scroll li
{
	text-align:left;
	font-weight:normal;
	list-style: outside disc  ;
	margin:8px 0px 8px 15px;
	color:#996633;
	text-align:inherit;
	padding-left:0px;
	
	
	
}





h2
{
	font-size:11px;
	color:#996633;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	margin-bottom:-7px;
}


h3
{
	font-size:20px;
	color:#333399;
	margin: 0px 0 0px -15px;
	font-style:normal;
	line-height: 25px;
	padding:20px 10px 10px 15px;
	width:508px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}


h4
{
font-size:12px;
	color:#996633;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;




}

h5
{
	font-size:11px;
	color:#996633;
margin-top:-3px;
font-style:italic;
font-weight:normal;
margin-bottom:5px;

}


h6
{
	font-size:110%;
	color: #666;
	font-weight: 400;
	margin-left:35px;
	margin-top:17px;
	
}


a
{
	text-decoration:none;
	color:#996633;

}

a:hover
{
color: #cc9966;
}


/********Added May 12 2011************/


#content-mobile
{
	width:280px;
	margin:150px auto 0px auto;
}


#content-mobile-button
{
	width:280px;
	margin:0px auto 0px auto;
	height:45px;
}



#container-index2
{
	width:1024px;
	height:630px;
	margin: 0px auto 0px auto;
	background:url(images/bg_index2.gif);
	display:block;
	overflow:hidden;
}


#animation
{
	width:500px;
	height:160px;
	display:block;
	margin:250px auto 0px auto;
	text-align:center;
}

#enterbutton
{
	width: 60px;
	height:20px;
	display:block;
	float:right;
	margin-right:160px;
	margin-top:80px;
}


#container-mobile
{
	width:350px;
	height:900px;
	margin: 0px auto 0px auto;
	background:url(images/bg_mobile.gif) no-repeat center top;
	display:block;
	overflow:hidden;
	font-size:12px;
	color:#996633;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
}




/******************************************************MAIN NAVIGATION******************************************************************/

#navItems1
{
	margin: 68px 0px 0px 16px;
	text-align:center;
	/*width: 580px;*/
	height: 27px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#330000;
	float:left;
}


#navItems1 ul
{	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	margin-bottom:0px;
	text-align:center;
	display:block;

}
#navItems1 ul li
{
	list-style-type: none;
	margin: 0px ;
	display:block;
	float:left;	
	text-align:center;
	border-right: thin #654a2b solid;
	height: 23px;
	font-size: 10px;
	padding: 4px 5px 0px;
	-webkit-border-radius: 2px 13px;
	-moz-border-radius: 2px 13px;
	border-radius: 2px 13px;
}

#navItems1 ul li.last
{
	border: 0 none;
	/*-webkit-border-radius: 0px 5px 0px 0px;
	-moz-border-radius: 0px 5px 0px 0px;
	border-radius: 0px 5px 0px 0px;*/
	padding: 4px 3px 0px 5px;
}

#navItems1 ul li a:visited,
#navItems1 ul li a:link,
#navItems1 ul li a:active
{
	color: #fff;
}
#navItems1 ul li:hover
{
	color: #FFF;
	background: url(images/bg_topnav_on.gif) repeat-x center;
}
#navItems1 ul li.active
{
	color: #FFF;
	background: url(images/bg_topnav_on.gif) repeat-x center;
}

#navItems2
{
	margin: 0px 0px 0px 16px;
	padding:0px;
	text-align:center;
	width: 580px;
	height: 27px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#330000;
	float:left;
}

#navItems2 ul
{	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	margin-bottom:0px;
	padding:0px;
	text-align:left;
	display:block;

}
#navItems2 ul li
{
	list-style-type: none;
	margin: 0px;
	padding:0px;
	display:block;
	float:left;	
	text-align:right;
	border-right: thin #654a2b solid;
	font-size: 10px;
	padding: 4px 13px 0px;
	height: 23px;
	-webkit-border-radius: 2px 13px;
	-moz-border-radius: 2px 13px;
	border-radius: 2px 13px;
}
#navItems2 ul li.first
{
	padding: 4px 7px 0px 4px;
}

#navItems2 ul li.last
{
	border: 0 none;
}

#navItems2 ul li a:visited,
#navItems2 ul li a:link,
#navItems2 ul li a:active
{
	color: #fff;
}
#navItems2 ul li:hover
{
	color: #FFF;
	background: url(images/bg_topnav_on.gif) repeat-x center;
}
#navItems2 ul li.active
{
	color: #FFF;
	background: url(images/bg_topnav_on.gif) repeat-x center;
}

/***************************************************FOOTER******************************************/


#footer {

	text-align: center;
	width: 600px;
	margin: -60px auto 0px auto;
	font-size:10px;
	color: #cc9966;
}
#footer ul
{
	list-style:none;
	padding: 0px 0 0px 0;
	margin: 0;
	text-align:center;
	font-weight:normal;
	
}

#footer ul li
{
	list-style:none;
	display:inline;
	padding: 0px 5px 0px 5px;
	border-right: #330000 thin solid;
	text-align:center;
}

#footer a
{
	color:#cc9966;
	text-decoration:none;
	
}
#footer a:hover
{
	color: #cccc99;
}


#footer p
{
	font-size:90%;
	margin: 5px 0 0px 0px;
	line-height:normal;
	color:#FFFFFF;
}
html {
  --scrollbarBG: #7E5C38;
  --thumbBG: #3FA433;
}

body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
	  border-radius: 50px;
}
::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 6px solid var(--scrollbarBG);
}
.staff-block {
    width: 505px;
    float: left;
    display: block;
    margin-bottom: 20px;
}