/*-------------------------------------------
Layout styles
---------------------------------------------

Three column layout with 1-2-3 ordering.

Specific hacks for Internet Explorer 6 are marked with "IE6 HACK". See
README.txt for details.

Author: Ben Sturmfels, Boojum, December 2008

------------------------------------------*/

body {
  max-width: 1007px;
  min-width: 980px;

  _width: 1000px; /* IE6 HACK */
}

#main-content { 
  width: 57%;
  float: left;

  _width: 56.5%; /* IE6 HACK */
  _display: inline; /* IE6 HACK */
}

#main-content1 { 
  float: left;
  width: 77%;
  _width: 76.5%; /* IE6 HACK */
  _display: inline; /* IE6 HACK */
}


#main-content2 { 
  width: 57%;
  float: left;
  _width: 56.5%; /* IE6 HACK */
  _display: inline; /* IE6 HACK */
}

#main-content3 { 
  width: 98%;
  float: left;
  _width: 97.5%; /* IE6 HACK */
  _display: inline; /* IE6 HACK */
}

#main-content-banner { 
  float: left;
  width: 76.5%;
  _width: 76.5%; /* IE6 HACK */
  _display: inline; /* IE6 HACK */
}

#main-content-banner1 { 
  float: left;
  width: 57%;
  _width: 56.5%; /* IE6 HACK */
  _display: inline; /* IE6 HACK */
}

#sub-content-a {
  width: 23%;
  float: left;

  _display: inline; /* IE6 HACK */
}

#sub-content-b {
  width: 20%;
  float: right;
  margin-left: 0;
}

#main-content .inner { 
  margin: 0 0.4em 0.5em 0.4em;
}

#main-content1 .inner { 
  margin: 0 0.8em 0.5em 0.4em;
}

#main-content2 .inner { 
  margin: 0 0.4em 0.5em 0.4em;
}

#main-content3 .inner { 
  margin: 0 2em 0.5em 2em;
}

#sub-content-a .inner {
  margin: 0 0.4em 0.5em 0.7em;
}

#sub-content-b .inner { 
  margin: 0 0.7em 0.5em 0.4em;
}

/* styling to create coloured text background for Critical Teaching Ideas
Request is for bold green text with blue/green shaded background
*/
p.velsdomain, ul.velsdomain, li.velsdomain {
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 background-position: 100% 50% 0 0;
	 vertical-align:top; 
}

.velsdomain {
	color:#339933;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
/* styling to create coloured text background for Maths domain
Request is for bold light blue text with light blue shaded background
*/
p.velsdomainmaths, ul.velsdomainmaths, li.velsdomainmaths {
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 background-position: 100% 50% 0 0;
	 vertical-align:top; 
}

.velsdomainmaths {
	color:#518BC5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
/* styling to create coloured text background for 'pullout' boxes of featured text
*/
p.pullbox, ul.pullbox, li.pullbox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    background-position: 100% 50% 0 50%;
    vertical-align:top;
	background-color: #FFFFCC;
	width: 100%;
	padding: 0px 5px 5px 5px;

}

.greenbox {
	background-color: #c0ebe0;
	width: 100%;
	padding: 0.5em;
}
.bluebox {
	background-color: #AED0FF;
	width: 100%;
	padding: 0.5em;
}

/* styling to create 3 types of graphic bullets for use in Student Learning domains section
*/
.imgbulletinfo {
		background-image:url(/images/template/20px-info.gif);
		background-repeat: no-repeat;
		background-position: 0 10% 0 0%;  
		padding-left: 35px;
} 
		
.imgbulletglobe {
		background-image:url(/images/template/20px-globe.gif);
		background-repeat: no-repeat; 
		background-position: 0 10% 0 100%; 
		padding-left: 35px;
} 
		
.imgbulletbook {
		background-image:url(/images/template/20px-book.gif);
		background-repeat: no-repeat; 
		background-position: 0 10% 0 100%; 
		padding-left: 35px;
		
}