/*
 * CSS for Accessible University Demo Site
 * http://uw.edu/accesscomputing/AU
 *
 * before-main.css = Styles for inaccessible version
 */

/*
 * Overall structure
 * (HTML does NOT use semantic elements)
 *
 */

#main {
  width: 73%;
  clear: left;
	float: left;
	padding: 0 1%;
	margin: 0.75em 0 2em;
}
#main p img {
  float: left;
	padding: 0 0.25em 0.25em 0;
}
#appForm {
  width: 22%;
  float: right;
	border: 2px solid #39275B;
	background-color: #E9E9ED;
	padding: 0 1%;
	margin: 0.75em 0 2em;
}
#footer {
  clear: both;
	font-size: 0.9em;
	width: 100%;
	padding: 1em 0.5em;
	border-top: 3px solid #514273;
}
.heading {
  font-size: 1.6em;
  font-weight: normal;
  margin: 0.75em 0;
}
img#logo { 
  margin: 1em 0 0;
}
/*
 * Uses color alone to communicate "link"
 *
 */
a {
  color: #555;
	text-decoration: none;
}

/*
 * Provide additional visual cues to mouse users only
 *
 */
#main p a:hover {
  color: #39275b;
  text-decoration: underline;
}

/*
 * Overrides browsers' visible focus indicator
 *
 */
a:hover, a:focus, input:focus {
  outline: none;
  border-color: transparent;
}

/*
 *
 * Misc styles
 *
 */
img.hr {
  margin: 1em 0;
}

/*
 *
 * Somewhat Responsive
 *
 */

 @media (max-width: 1250px) {
  /* not wide enough for outside margins */
  #content {
    width: 98%;
    margin:0;
    padding: 1em;
  }
}
@media (max-width: 1050px) {
  /* point at which Application form  drops below content */
  #main {
    width: 100%;
  }
  #appForm {
    float: left !important;
    width: 100% !important;
    max-width: 40em;
  }
}