body {
	margin-top: 25px; /* 25px; */
	text-align: center;
	font-family:"Arial";
	text-align: center;
	line-height: 1.5em;
	color: #333;
	background: url(images/bottom_bg.jpg) bottom repeat-x #A0D2F3;
	}

li {
	
	list-style-type: none;
	text-indent: 0px;
	margin-left: 0px;
	padding-left: 0px;
	width:100%;
	font-size: 1em;
	}


ul {
	list-style-type: none;
/*	text-indent: 5px;*/
	margin-left: 0px;
	padding-left: 7px;
	}

li ul {
	}
	
	
#container {
	position: relative;
	margin: auto;
	text-align: left;
	background: url(images/left-bar.jpg) repeat-y #BFD9EA;  
	width: 1000px;
  padding-bottom: 10px;
	/*padding-bottom: 13px;*/
	}

#main {
	background-image: url(images/psych_banner.jpg);
	background-repeat: no-repeat;
	}

#main-body {
  z-index:100;
/*	min-height: 580px; */
 	border-style: solid;
	border-color: white;
	border-width: 1px;
	position: relative;
	font-size:14px;   /* GLOBAL TEXT SIZE CHANGE,	this was originally set to 11px */
/*	background: url(images/main-body_bg.png); /* DO WE REALLY NEED THIS ???? gth 9/8/2011 */
	margin-left: 200px;
	margin-right: 12px;
  margin-bottom:10px; /* space between main body content(inside white border) and the top of the "footer" */
	width: 780px;
	padding: 7px;
	text-indent: 5px;
	color: #002748;
	}

#main-body a:link {color:#003a73;}   /* #00366D */
#main-body a:visited {color:#660000;} 
#main-body a:hover {color:green;}

.newsandevents
{
font-family:"Times New Roman";
position:relative;
/*
DO NOT USE FLOATS FOR POSITIONING UNLESS ABSOLUTELY SURE IT'S BEING USED FOR A GOOD REASON(WRAPPING THINGS AROUND IT)
ELSE ODD POSITION THINGS OCCUR WITH OTHER ELEMENTS !!' 
*/
/*float: left; */
width:410px; /* 420px; */
height:450px; /* height of the news & events <div>. Other <div>s below it will need their "top" changed if this is changed !!! */
border-width: 2px;
border-color: black;
background-color:#E5F0F6;
border: thin solid #000000; /* "solid" to show while debugging & "none" to hide !! */
}	

.newsandevents h1
{
font-size:15px;
color:#990000;
}

.newsandevents h2
{
font-size:13px;

}

.newsandevents h3
{
font-size:13px;
}

.slideshow
{
z-index: -80; /* The z-index:-80 style makes sure the flyout goes on top of the slideshow */
margin-bottom: 10px;
position: absolute;
top: 287px;
left: 425px;
/*
Used "position:absolute" and a direct "top" because <div>s are basically stacked one after another vertically
the entire width of the page(or parent container). This allows moving the subsequent <div>s up/left/right relative to the prior <div>!!
*/
}

.ImportantInfoLayer
{
visibility:visible;
background-color:#E8E6C9;
border:thin solid #000000;
color:black;
position:relative;
padding: 2px;
margin-top: 15px;
margin-bottom: 20px;
}


.ImportantInfo
{
position: relative;
margin-top: 15px;
border:none; /*thin solid #000000;*/
color:black;
}


.NewsLayer
{
visibility:visible;
background-color:#E8E6C9;
border:thin solid #000000;
color:black;
position:relative;
padding: 5px;
margin-top: 25px;
margin-bottom: 20px;
}

#footer {
	clear: both;  
	width:1000px;
	}



#checker {
	background: url(images/checker.jpg) bottom right no-repeat;
	padding-top: 90px; /* 90px; */
	}

#left-nav {
	display: inline;
  border-style: solid;
  border-width: 0px;
	float: left;
	width: 164px;
	color: color;
	padding: 0px;	
	margin: 0px;
	}

#left-under{
  z-index:500;
	position: relative;
	margin: 0px 0px 0px 5px; /* 0px 0px 0px 13px; top, bottom, right, left */
	display: inline;
	float: left;
	width: 180px; /* 140px;  Width of white surrounding border box */
	background: url(images/menu-bg.png);
  border-style: solid;
  border-width: 1px;
	border-color: white;
	}
	
/*Beginning of Vertical flyout Menu for Accessibility Requirements */
	
/* structural styles and offsets */
ul.vertical, ul.vertical li, ul.vertical ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
}

ul.vertical {
  font-size:15px; 
  position: absolute;
  z-index: 1000;
  cursor: default;
  width: 8em;
  left: 0em;
  top: 1em;
 }

ul.vertical li {
  position: relative;
  text-align: left;
  cursor: pointer;
  cursor: hand;
  width: 12em;
  margin: -1px 0 0 0;
}

ul.vertical ul {
  z-index: 1020;
  cursor: default;
  width: 12.2em;
  margin: -0.5em 0 0 7.5em;
  position: absolute;
  left: -100em;
  top: 0;
  padding: 1px 0 0 0;
}

ul.vertical ul li {
  width: 12.2em;
}

ul.vertical ul ul {
  margin: -0.5em 0 0 7.7em;
}


/* design styles */
ul.vertical ul {
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff #ffffff #a97741 #ffeca7;
}

ul.vertical a:link, ul.vertical a:visited {
  display: block;
  cursor: pointer;
  cursor: hand;
  background: #6798B8;
  border: 1px solid #000055;
  padding: 5px 8px;
  font: normal normal normal 0.85em arial, verdana, sans-serif;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 1px;
}

ul.vertical a:hover, ul.vertical a:focus, ul.vertical a:active,
ul.vertical a.rollover:link, ul.vertical a.rollover:visited {
  background: #990000;
  color: #6798B8;
}

/* submenu indicator arrows */
ul.vertical li.hasmenu > a:link, ul.vertical li.hasmenu > a:visited {
  background: url(right-green.gif) #6798B8 no-repeat 95% 50%;
}

ul.vertical li.hasmenu > a:hover,
ul.vertical li.hasmenu > a:focus,
ul.vertical li.hasmenu > a:active,
ul.vertical li.hasmenu > a.rollover:link,
ul.vertical li.hasmenu > a.rollover:visited {
  background: url(right-red.gif) #000000 no-repeat 95% 50%;
}

* html ul.vertical li.hasmenu a,
* html ul.vertical li.hasmenu a:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(right-green.gif) #ffc no-repeat 95% 50%" : "#ffc");
}

* html ul.vertical li.hasmenu a:hover,
* html ul.vertical li.hasmenu a:active,
* html ul.vertical li.hasmenu a.rollover,
* html ul.vertical li.hasmenu a.rollover:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(right-red.gif) #ffefcf no-repeat 95% 50%" : "#ffefcf");
}

/* iframe layer */
ul iframe {
  position: absolute;
  z-index: 1010;
  border: none;
}

/* browser hacks */
ul.vertical li { display:table; }
ul[class="vertical"] li { display:block; }

@media screen, projection {
  * html ul.vertical li {
    display: inline;
    float: left;
    background: #fff;
  }
}
* html ul.vertical li { position: static; }
* html ul.vertical a:link, * html ul.vertical a:visited { position: relative; }

*+html ul.vertical li {
  display: inline;
  float: left;
  background: #fff;
  }
*+html ul.vertical li { position: static; }
*+html ul.vertical a:link, *+html ul.vertical a:visited { position: relative; }	
	
	
	
/********************* Side Flyout Menu Attributes ******************/
.cssfly {

font-family:"Arial";
/* font-size:13px; */
font-weight:500;
width:162px; /* 120px; overall cssfly menu DIV width, essentially the border width */
padding-top:5px; /* these two paddings are how many pixels are between the menu border and the top, bottom & sides of the menu items */
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
float:left; /* cssfly DIV positioning attributes */
margin-top:5px; /* cssfly menu border begins this many pixels down from the bottom of any above DIV Content */
/*margin-right:50px; /* this puts 50 pixels between the right side of the flyout menu and the "splash" image */ 
border-style:solid; border-width:3px; border-color:#B00000; /* cssfly menu DIV border attributes */
}

.cssfly ul li a, .menu ul li a:visited {
display:block; text-decoration:none; color:#000; width:161px; /* 116px; */
height:25px; text-align:center; border:1px solid #fff;
padding-top:5px; /* how many pixels down from the top of each menu item where the text starts. helps vertically center the text. */
border-style:solid; border-width:1px; border-color:#2e5d7b;
/*background:#07B6FE; /* this is the color of the base menu background */
background:#6493B1; /* #3174C3 this is the color of the base menu background */
color:#f0f0f0; /* this will be the color of the menu fonts */
line-height:19px;
font-size:12px; /* Menu font size */ 
}

.cssfly ul {padding:0; margin:0;list-style-type: none; }
.cssfly ul li {float:left; margin-right:1px; position:relative;}
.cssfly ul li ul {display: none;}

.cssfly ul li a:focus{color:#fff; background:#000000;} /* This controls the colors of the main menu - when focused */
.cssfly ul li a:hover{color:#fff; background:#000000;} /* This controls the colors of the main menu - when hovering */
.cssfly ul li:hover a {color:#fff; background:#000000;} /* This controls the colors of the main menu - when hovering */
.cssfly ul li:focus a {color:#fff; background:#000000;} /* This controls the colors of the main menu - when focused */

.cssfly ul li:hover ul {display:block; position:absolute; top:0;left:162px; width:210px;}
.cssfly ul li:hover ul li a.hide {background:#ccc; color:#000;}
.cssfly ul li:hover ul li:hover a.hide {width:255px;} /* width of flyed out items */
.cssfly ul li:hover ul li ul {display: none;}
.cssfly ul li:hover ul li a {display:block; background:#87b4d3; color:#000; width:325px;} /* width of flyed out background */

.cssfly ul li:hover ul li a:focus {background:#c00000; color:#000;}
.cssfly ul li:hover ul li a:hover {background:#c00000; color:#000;}
.cssfly ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.cssfly ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.cssfly ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

/* End of cssfly class descripter */
  
  
.sblogo {
	height: 75px;
	width: 100px;
	float:left;
	margin-left: 10px;
	clear: left;
	bottom: 10px;
	}
  
.facebooklogo
{
  font-family:"Times New Roman";
	height: 30px;
	width: 150px;
	float:left;
	margin-left: 10px;
	clear: left;
	bottom: 10px;
}
.facebooklogo   a:link
{
  color:#003a73;
}
.facebooklogo  a:visited
{
  color:#b00000;
}
.facebooklogo  a:hover
{
  color:green;
}


#menutext a {color: #FFFFFF; text-decoration: none;}
#menutext a:visited {color:#FFFFFF; }
#menutext a:hover {color: #002748; background: #FFFFFF;}
#menutext a:active {color: #002748;}

img{border: none;}

.spacer {
	padding-top: 13px;
	clear: both;
	}

.footer_text {
	color: #6B6B6B;
	padding-top: 15px;
	margin-left: 204px;
	width: 522px;
	text-align: center;
	font-size: 0.8em;
	}
  
.footer_text a:link {color:#003a73;}
.footer_text a:hover {color:#00FF00;}
.footer_text a:visited {color:#660000;}

.photo {
	float: left;
	background-color: #8EBAD7;
	width: 130px;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: white;
	text-align: center;
	}

.contactinfo {
	margin: 5px 10px 10px 140px;
	width: 575px;
/*	border-width: 1px;   */
	border-width: 0px; 
	border-style: solid;
	border-color: white;
	}

.staff_div {
	padding: 15px 0px 0px 0px;
	width: 750px;
	min-height: 150px;
	border-style: solid;
	border-width: 1px;
	border-color: #1A1A1A;
	}

.fac_photo {
	background-color: #8EBAD7;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 130px;
	height: 130px;
	text-align: center;
	float: left;
	margin-right: 15px;
	text-indent: 0px;
	}

.fac_name {
	text-indent: 0px;
/* 	background-color: #D1E3EF; */
/* 	margin-left: 135px; */
	min-height: 135px;
	position: relative;
	text-align: left;
	padding-left: 10px;
	font-size: 0.8em;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: white;
	margin-bottom: 10px;
	padding-bottom: 3px;
	padding-top: 5px;
	}


.title {
	font-weight: bold;
	font-size: 1.1em;
	}
  
.name {
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 2px;
	}
  
 body {
	margin-top: 5px;
	text-align: center;
	font-family:"Arial";
	text-align: center;
	line-height: 1.2em;
	color: #333;
	background: url(images/bottom_bg.jpg) bottom repeat-x #A0D2F3;
	}

li {
	list-style-type: none;
	text-indent: 0px;
	margin-left: 0px;
	padding-left: 0px;
	width:100%;
	font-size: 13px;
	}


ul {
	list-style-type: none;
/*	text-indent: 5px;*/
	margin-left: 0px;
	padding-left: 7px;
	}