/* MPA CSS Style */
/* Copyright 2009 Maryland Pscyhological Association */
/************** MPA Colors *************/
/* Search for MPA_COLOR to see where to change these */
/*	Dark blue: 	#1a1f63; */
/*  Light blue: #D6E0F5; */
/*	Gold: 		#D1BD94; */
/*	Green: 		#70C28B; */
/************ BODY ******************/
html, body, img {
 margin: 0;
 padding: 0;
 border: 0;
 list-style: none;
}

body {
 padding: 0 350px; /* CRITICAL: set the natural min-width (twice this setting)! */
 color: black;
 font-family:"Calibri", Helvetica, Verdana, Arial, sans-serif;
 font-size: 100.01%; /* this body font-size fixes an IE bug and maintains cross-browser uniformity */
 font-size: 0.7em; /* global font-size */
 text-align: center; /* centers the #sizer element in IE5.x/win */
/* background: url(images09/psibackgroundgray.PNG) #CCCCCC; *//* Area outside the page */
 background: #CCCCCC; /* Area outside the page */
}
/************** Generic Rules *************/4
ol, ul, li, dl, dt, dd, p, table {
 font-size: 0.7em;
 text-align: justified;
}
td {
 padding: 8px 8px;
}
/*dd {
 padding-left: 2em;
}*/
blockquote {
  margin: .8em; 
  font-size: 0.7em;
}
a {
 color: navy; 
 vertical-align: bottom;
/* font-size: 0.8em; */
}
/*h1 {margin: 70px 0 10px 10px; text-align:left;} */
h1, h2, h3, h4, h5, h6 {
 margin:1em 0 .5em;
 border:0;
}
h1 {
 text-align: left;
 font-size:1.3em; 
 font-weight:bold;
 color: navy;
}
h2 {
 text-align: center;
 font-size:1.3em; 
 font-weight:bold;
 color: navy;
}
h3 {
 text-align:left;
 font-weight:bold;
 font-size:1em; 
 color: black;
}
h4 {
 text-align: left;
 font-weight:bold;
 font-size:1em; 
 color:#333333; /* dark gray */
}
h5 {
 display: inline;
 text-align: left;
 font-weight:bold;
 font-size:1em; 
 color:#5977C2;
}
.journaltitle {font-style:italic;}
.alignright {margin: 0 10px 10px 0; text-align: right;}
.small {font-size: .8em;}
span.form-required {color: red;}

.mpagold {color:#D1BD94;}	/* MPA_COLOR */
.mpablue {color:#1a1f63;}	/* MPA_COLOR */
.mpatitle{color:#1a1f63; font-weight:bold; } /* MPA_COLOR */
.centered {text-align:center;}
.errorcolor {color:red;}
.successcolor {color:green;}

hr {
  color: #D1BD94; /* MPA_COLOR for IE */
  background-color: #D1BD94; /* MPA_COLOR for everything else*/
  height: 1px;
}

.fullwidth {
  width=100%;
  background:yellow;
}
.LR_left {
  float:left;
  width:49%;
  text-align:left;
  background:red;
}
.LR_right {
  float:right;
  width:49%;
  text-align:right;
  background:cyan;
}
.LR_clear {
  clear:both;
}

/************** Liquid CSS Layout *************/
#sizer {
 /* Sets average width for the page. */
 margin: 0 auto; /* centers #sizer in standard browsers */
 padding: 0;
 width: 75%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
 text-align: left; /* resets the default text alignment for the page */
 max-width: 250px; /* IE7 supports this property, doesn't need the fancy MS expression */
}

#expander { /* Any % height here causes IE to lose the neg right margin */
 margin: 1px -350px; /* neg side margin values should be < or = to side body padding */
 min-width: 700px; /* This prevents Safari from losing the negative margins in narrow windows */
 position: relative; /* makes #expander visible outside #sizer in IEwin */
 min-height: 1px; /* This harmless declaration gives "Layout" to IE7, which can't read the star/html hack in the CC below */
 background: white;
 border: 1px solid black;
}

/****************** Main Page Structure *****************/
/* To modify the side column widths and the col divider widths, the values that are
marked "critical" and also refer to the desired mod MUST be changed as a group. */
#leftwrapper {
 clear: both;
 position: relative;
} /* this positioning may be needed for IEwin if page is to contain positioned elements */
#rightwrapper {
 position: relative; /* extra insurance against bugs in IEwin */
}
.outer {
 margin-left: 150px;    /*** CRITICAL left column width value ***/
 margin-right: 182px;    /***  CRITICAL right colimn width value + twice border width***/
}
.outer2col {
 margin-left: 150px;    /*** CRITICAL left column width value ***/
 margin-right: 0px;    /***  CRITICAL right column width value ***/
}
.float-wrap {
 float: left;
 width: 100%;
}
.center {
 float: right;
 width: 100%;
}
.left {
 float: left;
 position: relative; /* Needed for IE/win */
 width: 150px;    /*** CRITICAL left col width value ***/
 margin-left: -150px;    /*** CRITICAL left col width value ***/
 font-size: 17px;
 font-weight: bold;
}
.right {
 float: right;
 position: relative; /* Needed for IE/win */
 width: 180px;    /*** CRITICAL right col width value ***/
 margin-right: -182px;    /*** CRITICAL right col width value + twice border width ***/
 margin-left: 0;   /*** CRITICAL right divider dimension value ***/
 border-left: solid #D1BD94 .8px; /* MPA_COLOR gold */
}
.centerbox {
 text-align: left;
 overflow: visible;
 text-align: justified;
 width: 100%;
}
.container-left {
 /* This is the menu section */
 color: black;
}
.container-right {
 /* This is the special features section */
 color: black; 
 background: white; /* MPA_COLOR */ 
 padding: 0.25em;
 border: 0;
}

#header {
 padding: 0;
 margin: 0;
 height: 100px;
 background-color: #1a1f63;  /* MPA_COLOR */
 background-image: url(http://www.marylandpsychology.org/images09/Web%20concept%202.jpg); 
 background-repeat: no-repeat;
 text-align:left;
 clear: both;
} 

#header img {
 clear: left; 
 text-align: left;
}
#header h1 {
 /* Organization name */
 display:inline;
 margin: 0;
 margin-left: 180px;
 padding: 0;
 font-family:"Calibri", Times, serif;
 font-size: 1em;
 font-weight: bold;
 color: white; /* MPA_COLOR */
}
#header h2 {
 /* Tagline */
 display:inline;
 margin: 0;
 margin-left: 180px;
 font-size: 1em;
 font-style: italic;
 color: white; /* MPA_COLOR */
}

#headersearch {
 position: absolute;
 right:5px;
 bottom:5px;
}
#searchedit1 {
 width: 100px;
 padding: 0 0 0 24px;/* make room for the magnifying glass */
 background: white url(images09/searchglass.gif) no-repeat; /* MPA_COLOR */
 border: 0;
}

/*************** Header and Footer elements *****************/
.footer {
 clear: both;
 font-size: 0.75em;
 text-align: center;
 padding: 0.5em;
 position: relative;
 background: #D6E0F5; /* MPA_COLOR */
 border: 0;
 border-top: solid black 1px;
}
.footer p {
 margin: 0; 
 color: #1a1f63; /* MPA_COLOR */
 text-align:center;
};

/************** Spacing Controls for various column contents ***************/
.outer ul {
 text-align: center;
 margin: 10px 0;
}
.textpadder {padding: 0.5em 1em;}

/************** CSS Cascading Vertical Menu *************/
#xmenu { 
 margin: 8px; 
 padding: 0; 
}

#xmenu ul, 
#xmenu ul li ul { 
 margin: 0; 
 padding: 0; 
 list-style: none;
 width: 134px; /* Width of Menu Items */ 
 border-bottom: .8px solid #1a1f63;  /* MPA_COLOR */
 text-align: left; 
 background: url(images09/sideboxgradient.jpg) repeat-x #D6E0F5; /* MPA_COLOR */ 
} 

#xmenu ul li, 
#xmenu ul li ul li { 
 position: relative; 
 font-size: .8em;
/* background: #D6E0F5; *//* MPA_COLOR */ 
} 

#xmenu li ul, 
#xmenu li ul li ul { 
 position: absolute; 
 left: 133px; /* Offset from left side of parent menu - Set 1px less than menu width */ 
 top: 0; 
 display: block; 
} 

#xmenu ul li.title {
 position: relative; 
 color: #D1BD94;		/* MPA_COLOR */
 background: #1a1f63; 	/* MPA_COLOR */
 font-size: 0.8em;
 text-align: center;
 padding: 5px; 
}

#xmenu li:hover ul,
#xmenu li.over ul,
{
 display: block; 
} 

#xmenu li:hover>ul { 
 visibility:visible; 
} 

#xmenu ul ul {
 visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #xmenu ul li { float: left; height: 1%; } 
* html #xmenu ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 

#xmenu ul, 
#xmenu li { 
 margin: 0 0 0 0; 
} 

/* Styles for Menu Items */ 
#xmenu ul a, 
#xmenu ul ul a { 
 display: block; 
 text-decoration: none; 
 color: #1a1f63; /* MPA_COLOR */
/* background: #fff; *//* IE6 Bug */ 
/* background: #D6E0F5; *//* MPA_COLOR */ 
 padding: 5px; 
 border: .8px solid #1a1f63;  /* MPA_COLOR */
 border-bottom: 0; 
 font-size: 0.8em;
} 

/* Hover Styles */ 
#xmenu ul a:hover, 
#xmenu ul a.over {
 /* background: #1F3D7A; */ /* MPA_COLOR */
  color: #D6E0F5; /* MPA_COLOR */
} 

/* Sub Menu Styles */ 
#xmenu li ul a, 
#xmenu li ul li ul a { 
 text-decoration: none; 
 color: #1a1f63;
/* background: #fff; *//* IE6 Bug */ 
 padding: 5px; 
 border: 1px solid #ccc; 
 font-size: 0.98em;
 border-bottom: 0; 
} 
#xmenu ul li:hover,  
#xmenu ul li.over,  
#xmenu li ul a:hover, 
#xmenu li ul a.over, 
#xmenu li ul li ul a:hover,
#xmenu li ul li ul a.over { 
 /* background: #1F3D7A; */ /* MPA_COLOR */
  color: #D6E0F5; /* MPA_COLOR */
  background: #1a1f63; /* MPA_COLOR */
} 

/* Submenu Styles */ 
#xmenu ul a.submenu {background: url("images09/rightarrow.png") no-repeat right; }/* MPA_COLOR */
#xmenu ul li a:hover.submenu,
#xmenu ul li a.over.submenu
{background: #1a1f63 url("images09/rightwhitearrow.gif") no-repeat right; color: #D6E0F5} /* MPA_COLOR */

#xmenu ul a.rss {background: #D6E0F5 url("images09/largerssfeed.gif") no-repeat right; } /* MPA_COLOR */
#xmenu ul a.rss:hover {background: #1a1f63 url("images09/largerssfeed.gif") no-repeat right;} /* MPA_COLOR */

/**************** Tab Menu *******************/

#overlaptabs {
 border: 0px solid black;
 border-bottom: 0;
 padding: 0;
 margin: 0;
 background-color:#D1BD94; /* MPA COLOR */
}
#overlaptabs ul{
 padding: 0;
 margin: 0;
 font: .8em default;
 font-weight:bold;
 text-transform:uppercase;
 list-style-type: none;
}
#overlaptabs li{
 font-family:"Calibri", Helvetica, Verdana, Arial, sans-serif;
 display: inline;
 margin: 0;
}
#overlaptabs li a {
 border-right: .8px solid black;
 padding: 3px 8px;
 text-decoration: none;
 color: navy;
 position: relative;
 display: block;
 float: left;
 outline: none; 
}
#overlaptabs li a:visited {
/* color: navy; */
}
#overlaptabs li a:hover {
 text-decoration: none;
}
#overlaptabs li.selected a { /*selected tab style*/
 background: #1a1f63; /* MPA_COLOR */
 color: #D1BD94; /* MPA_COLOR */
 /*text-transform: uppercase;*/
 z-index: 100; /*higher z-index so selected tab is topmost*/
}
#overlaptabs li.selected a:hover{
 text-decoration: none;
}

/* Bread Crumbs */ 
.breadcrumbs {font-size:0.8em; color:black; margin:0px;}
.breadcrumbs a {text-decoration: none; color: navy;}
.breadcrumbs a:hover {text-decoration:underline; color: blue;}

/************** Special Fixes *************/
.outer {word-wrap: break-word;}
/* Prevents long urls from breaking layout in IE, must
be hidden in a conditional comment for CSS to validate */

img {max-width: 100%;}
/* prevents oversize images from breaking layout in browsers that support max-width */

/**************** Utility Rules *******************/
.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: .9px;
  line-height: 0;
}

.hide {display: none;}

/**************** SPECIAL FEATURES AREA *******************/
#announcement {
 clear: both;
 margin: 0px;
 margin-left: 8px;
 margin-top: 40px;
 padding: 0;
/* border: solid #D1BD94 1px; *//* MPA_COLOR */
}
#announcement a {
 text-decoration: none;
}
#announcement h1 {
 font-size: 0.9em;
 color: #D1BD94; /* MPA_COLOR */
}
#announcement p {
 font-size: 0.8em;
 color: #1a1f63; /* MPA_COLOR */
}

#feature {
	clear:both;
	margin:5px;
	border: solid #1a1f63 .9px; /* MPA_COLOR */
	padding: 0;
	background: url(images09/sideboxgradient.jpg) repeat-x #D6E0F5; /* MPA_COLOR */
}

#feature a {
    text-decoration:none;
}
#feature h1 {
	/* Feature Title */
	font-family:"Calibri", Times, serif;
	margin:0;
	padding:0.3em;
	color: #1a1f63; /* MPA_COLOR */
	font-size: .8em;
	text-align: center;
}
#feature p {
	/* Feature Text */
	padding:0.1em;
	margin:3px 10px;
	font-size:0.9em;
	text-align: left;
}
#feature p.alert {
	color: red;
}
#feature span.required {
	/* Use for asterisks to denote a required field */
	font-size:0.8em;
	color:red;
}
#feature input {
 /* Feature Text Input */
 margin:0 10px 5px 10px;
}

#feature_external {
 clear:both;
 margin:10px;
 border: none;
 padding: 0;
 text-align: center;
}
#feature input {
 width: 125px;
}

#boxlessfeature {
	clear:both;
	margin:5px;
	border:none;
	padding: 0;
}

#boxlessfeature  a {
    text-decoration:underline;
}
#boxlessfeature h1 {
	/* Feature Title */
	font-family:"Calibri", Times, serif;
	margin:0;
	padding:0.3em;
	color: #1F3D7A; /* MPA_COLOR */
	font-size: .8em;
	text-align: center;
}
#boxlessfeature p {
	/* Feature Text */
	padding:0.1em;
	margin:3px 10px;
	font-size:0.8em;
	text-align: left;
	color: #D1BD94; /* MPA_COLOR */
}

</style>

<!-- Below is a conditional comment that only IE/Win can read...  -->
<!--[if IE]>
<style type="text/css" media="screen">
#sizer {
    width:expression(document.body.clientWidth > 900 ? "150px" : "60%" );
    /* CSS comments are safe here, but no html comments inside the Conditional Comment! */
}

/* Give hasLayout to some page elements so that IE will not be buggy, oy... */
#expander, 
#leftwrapper,
#rightwrapper,
.outer a,
.container-left,
.container-right,
.outer,
h2,
.sidenav li a
{zoom: 1;}

/* IE6 hack needed because the "jello" background image is on a positioned wrapper and shows
variance in this case for some odd reason. IE6 does not support fixed backgrounds on
elements other than the body. The "* html " section of the selector above blocks IE7 and above from 
parsing the rule, because IE7 doesn't have the "mystery wrapper element" that encloses the
HTML element in IE6 and below. IE7 does NOT obey the rule above, nor does it need to. */
* html .header {background-position: 10px 3px;}

/* Required for CSS menus on older version of IE */
body {
/* behavior: url(csshover3-source.htc); *//* call hover behaviour file */
  font-size: 100%; /* enable IE to resize em fonts */
} 

/* cure IE5.x "whitespace in lists" problem */
#menu ul li {
float: left; 
width: 100%;
}

/* make links honour display: block; properly */
#menu ul li a {
height: 1%; 
} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, "Calibri", Helvetica, Verdana, Arial, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 

.overlaptabs {
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}
</style>
<![endif]-->

<!--[if lt IE 7]>
<style type="text/css" media="screen">
/* Hide menu expansion icons */
/*#xmenu ul li a.submenu {background: #6699CC; }  /* MPA_COLOR */
/*#xmenu ul li a.submenu:hover {background: navy; } /* MPA_COLOR */

#xmenu ul a.rss {background: #D6E0F5 url("images09/largerssfeed.gif") no-repeat right; } /* MPA_COLOR */
#xmenu ul a.rss:hover {background: #1F3D7A url("images09/largerssfeed.gif") no-repeat right;} /* MPA_COLOR */
</style>
<![endif]-->

<style type="text/css" media="print">
html {display: none;}
#center {display:block;}
</style>

<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
 if (document.all&&document.getElementById) {
  cssdropdownRoot = document.getElementById("cssdropdown");
  for (x=0; x<cssdropdownRoot.childNodes.length; x++) {
   node = cssdropdownRoot.childNodes[x];
   if (node.nodeName=="LI") {
    node.onmouseover=function() {
	 this.className+=" over";
	}
	node.onmouseout=function() {
     this.className=this.className.replace(" over", "");
    }
   }
  }
 }
}

if (window.attachEvent)
window.attachEvent("onload", startList)
else
window.onload=startList;

//--><!]]></script>