/* MPA CSS Style */
/* Copyright 2009 Maryland Pscyhological Association */
/************** MPA Colors *************/
/* Search for MPA_COLOR to see where to change these */
/*	Dark blue: 	#1F3D7A; */
/*  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:"Tw Cen MT", Helvetica, Verdana, Arial, sans-serif;
 font-size: 100.01%; /* this body font-size fixes an IE bug and maintains cross-browser uniformity */
 font-size: 1em; /* global font-size */
 text-align: center; /* centers the #sizer element in IE5.x/win */
 background: #CCCCCC; /* Area outside the page */
}
/************** Generic Rules *************/4
ol, ul, li, dl, dt, dd, p, table {
 font-size: 0.9em;
 text-align: left;
}
td {
 padding: 8px 8px;
}
blockquote {
  margin: .8em; 
  font-size: 0.9em;
}
a {
 color: navy; 
 vertical-align: bottom;
}
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:#1F3D7A;}	/* MPA_COLOR */
.mpatitle{color:#1F3D7A; 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;
}
/************** 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: 0;
}

/****************** 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: 0;
 margin-right: 0;
}
.outer2col {
 margin-left: 0;
 margin-right: 0;
}
.float-wrap {
 float: left;
 width: 100%;
}
.center {
 float: right;
 width: 100%;
}
.left {
 float: left;
 position: relative; /* Needed for IE/win */
 width: 0;    /*** CRITICAL left col width value ***/
 visibility:hidden; 
 display:none;
}
.right {
 float: right;
 position: relative; /* Needed for IE/win */
 width: 0;    /*** CRITICAL right col width value ***/
 visibility:hidden; 
 display:none;
}
.centerbox {
/*  font-weight: bold; */
 text-align: left;
 overflow: visible;
 width: 100%;
}
.container-left {
 /* This is the menu section */
 visibility:hidden; 
 display:none;
 width:0;
}
.container-right {
 /* This is the special features section */
 visibility:hidden; 
 display:none;
 width:0;
}
/*************** Header and Footer elements *****************/
#header {
 visibility:hidden; 
 display:none;
 }

.footer {
 visibility:hidden; 
 display:none;
}

/************** Spacing Controls for various column contents ***************/
.outer ul {
 text-align: left;
 margin: 10px 0;
}
.textpadder {padding: 0.5em 1em;}

/************** CSS Cascading Vertical Menu *************/
#xmenu { 
 visibility:hidden; 
 display:none;
}

/**************** Tab Menu *******************/

#overlaptabs {
 visibility:hidden; 
 display:none;
}

/* Bread Crumbs */ 
.breadcrumbs {
 visibility:hidden; 
 display:none;
}

/************** 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: 1px;
  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: #1F3D7A; /* MPA_COLOR */
}

#feature {
	clear:both;
	margin:5px;
	border: solid #1F3D7A 1px; /* 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:"Times New Roman", Times, serif;
	margin:0;
	padding:0.3em;
	color: #1F3D7A; /* MPA_COLOR */
	font-size: 1em;
	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;
}
</style>
