/*---------- Page Default ----------*/
  body 	{
    padding: 0px;
    margin: 0px;
    font-family: arial;
  }
  body, td, p, li, ul, a, div, span, input {
    font-size: 9pt;
  }

h1
{
	margin-top:0px;
	margin-bottom:4px;
	padding-left:0.5em;
	padding-right:0.5em;
	background-color:#7799BB;
	color:white;
}

dt
{
margin-top:12pt;
font-weight:bolder;
}


div.products
{
	padding-top:18pt;
}


#text2 table
{
	border-collapse: collapse;
}

#text2 .CourseHours
{
	font-size:7pt;
}

#text2 .Instructor
{
	font-size:9pt;
}

#text2 .CourseTitle
{
	font-size:10pt;
}


/* 'righttext' is where ShopShite puts text you enter into the 'text3' box.
The 'text3' id isn't used. Go figure.	*/
#righttext
{
	background: white;
	margin: 0px;
	padding: 7px;
	font-size: 9pt;
}

#righttext .SidebarNote
{
	margin-left:1em;
	font-size:8pt;
	font-style:italic;
}
#text3
{
	margin: 0px;
	background: #ffffff;
	padding: 10px;
	height: 80px;
	text-align: center;
	clear: both;
	border:1px solid red;
}



  /*---------- Global Links ---------*/
  a, a:visited {
    color: #446699;
  }
  a:hover {
    color: #FF5522;
  }

  /*---------- Top Nav Bar ----------*/
  #headlinks {
    margin: 0px;
    padding: 0px;
    height: 24px;
    font-weight: bold;
    background: url(http://www.ce-psychology.com/media/Blue-gradient.jpg);
	background-position: left top;
	background-repeat: repeat-x;
  	background-color: #AABBCC;
  	margin-top:0px;
  	border:0px;
  	border-top:1px solid #AABBCC;
 }

  .inline, .navlinks {
    margin: 0px;
    padding: 0px;
    display: inline;
    list-style: none;
  }

  .navlinks a {
    margin: 0px;
    float: left;
    display: block;
    color:White;
    padding-left:10px;
    padding-top:4px;
    padding-right:10px;
    padding-bottom:4px;
    text-align: center;
    text-decoration: none;
  }
  .navlinks a:hover {
    color:White;
    background-color: #7799BB;
	background-image: url(http://www.ce-psychology.com/media/Blue-gradient-inverse.jpg);
	border-left:2px solid #7799BB;
	border-right:2px solid #aabbcc;
  }

  /*---------- Head Styles ----------*/
  /* header is not positioned, flows; min-height governs and pushes down content */
  #header
{
	background-position: left top;
	background-repeat: repeat-x;
	height: 60px;
	background-image: url(http://www.ce-psychology.com/media/orange-gradient.jpg);
	margin: 0px;
	margin-bottom: 0px;
    color:White;
	background-color: #fe4f20;
  	border-top:1px solid #FFAB32;
}
/*
	vertical-align: middle;
	overflow: hidden;
	MIN-HEIGHT: 60px;
	MAX-HEIGHT: 200px;
	padding-left: 30px;
*/

  .storename {
    font-size: 18pt;
  }

  .main_table {
    border-collapse: collapse;
    border: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
  }

  /*---------- Search Bar ----------*/
  #search {
    margin: 0px;
    height: 24px;
    padding: 1px;
    text-align: right;
    font-weight: bold;
    background-color: #7799BB;
    color:White;
	margin-top: 0px;
  }

  /*---------- Right Side ----------*/
  #right {
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
    border: 0px;
    width: 180px;
    vertical-align: top;
  }

  /*---------- Middle Text ----------*/
  #text {
    border: 0px;
    margin: 0px;
    padding: 5px;
    vertical-align: top;
  }
  #text_table {
    width: 100%;
    border: 0px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
  padding-bottom 5px;
  }

  .pagename {
    font-size: 14pt;
    font-stretch: wider;
  }

  #text1 {
    border: 1px solid #7799BB;
    background-color: #EEEEEE;
    color:#003355;
    padding: 10px;
	text-align: left;
  }
  
  /* added 'Headline'; will this fit into ShopSite? */
.Headline
{
	font-weight: bold;
	font-size: xx-large;
	font-family: 'Gill Sans MT' , 'Garrison Sans' , 'Arial Black' , Arial;
	text-align: center;
}

.ContactUs
{
	color:Black;
	font-size:larger;
	font-weight:bolder;
}


.Info
{
	text-align:left;
	padding-left:2em;
	padding-right:2em;
}

.Info li
{
	margin-top:6pt;
	margin-bottom:6pt;
}

  .products {
  }

  /*---------- Left Side ----------*/
  #leftnav {
    width: 180px;
    margin: 0px;
    padding: 0px;
    background: #aabbcc;
    vertical-align: top;
    height: 450px;
  }

  #lefttext {
    margin: 0px;
    padding: 7px;
    color: #FFFFFF;
  }

  #links	{
    margin: 0px;
    margin-bottom: 0px;
    padding: 0px;
    background: #aabbcc;
  }

  #links li.inline {
    list-style-type: none;
    margin-bottom: 0px;
    font-size: 8pt;
    color: White;
    width:100%;
  }
  
  

  #links li a {
    margin: 0px;
  }

  #links li a {
    display: block;
    color: black;
    text-decoration: none;
    font-weight: bold;
    margin: 0px;
    padding: 2px 6px;
    background-image: url(http://www.ce-psychology.com/media/Blue-gradient.jpg);
	background-position: left top;
	background-repeat: repeat-x;
    height:20px;
    border-top: 1px solid #aabbcc;
    border-bottom: 1px solid #7799BB;
  }


  #links li a:hover {
    color:White;
    background-color: #7799BB;
	background-image: url(http://www.ce-psychology.com/media/Blue-gradient-inverse.jpg);
	border-left:2px solid #7799BB;
	border-right:2px solid #aabbcc;
  }

  /*---------- Footer ----------*/
  #footer {
    margin: 0px;
    padding: 7px;
    clear: both;
    text-align: center;
    border-top: 3px solid #7799BB;
    background-image: url(http://www.ce-psychology.com/media/Blue-gradient.jpg);
	background-position: left top;
	background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    height:24px;
  }

  /*---------- Other ----------*/
  h1.name {
    text-align: left;
    font-family: Arial Narrow,Arial MT Condensed Light,sans-serif;
    font-size: 20px;
    margin: 0px;
    padding-bottom: 5px;
  }
  table.products a {
    text-decoration: none;
    color: #446699;
  }

  .search_info {
    border: 1px solid #CFC85A;
    background: #EFE998;
    padding: 6px;
  }

  input.search_button {
    color: #FFFFFF;
    background-color: #7799BB;
    font-weight: bold;
  }
/*
    border: 2px outset #000000;
*/

  input.search_button_selected {
    border: 2px solid #EFE998;
    background: #EFE998;
    font-weight: bold;
  }


.Calendar	/*table*/
{
	width:100%;
	margin-bottom:24pt;
}

.Calendar caption
{
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#7799BB;
	color:white;
	font-size:12px;
	font-weight:bolder;
	text-align:center;
	height:24px;
}

/*
	margin-bottom:24pt;
.Calendar caption a
{
	position:absolute;
	right:8px;
	top:4px;
}
*/
.Calendar caption table
{
	width:100%;
}

.Calendar caption a
{
	font-weight:normal;
	color:White;
	font-size:10px;
}

.Calendar caption td
{
	padding-top:0px;
	padding-top:0px;
	font-size:12px;
}

.Calendar td
{
	padding-top:6pt;
	padding-bottom:6pt;
}

.Calendar .Date, .Calendar .Instructor, .Calendar .Campus
{
	font-size:9pt;
	padding-left:0.25em;
	padding-right:0.25em;
}

.Calendar .Instructor
{
	white-space:nowrap;
}


.Calendar .Course
{
	font-size:10pt;
	font-style:italic;
	padding-left:0.5em;
	padding-right:0.5em;
}

.Calendar .Course a
{
	font-size:10pt;
	text-decoration:none;
}

.ListSpacer
{
	font-size:8px;
	margin-top:6pt;
	margin-bottom:6pt;
}


.MapCell
{
	position:relative;
	display:none;
	overflow:visible;
	width:160px;
}

#MapOverlay
{
	display:none;
	width:320px;
	height:auto;
	border: 1px solid #7799BB;background-color:white;
	position:absolute;
	top:-26px;
	float:right;
}
/*
	left:160px;
*/

#MapOverlay .Address
{
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:2pt;
	padding-bottom:2pt;
	background-color:#7799BB;
	color:white;
	font-size:12px;
	text-align:center;
	height:23px;
}

#MapOverlay td
{
	padding-top:0px;
	padding-bottom:0px;
}

.MapLink
{
	text-align:right;
	color:White;
	padding-right:1em;
}