/*-------------------------------------------
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: 1006px;
  min-width: 990px;

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

#main-content { 
 width: 573px;
  float: left;

  _width: 565px; /* IE6 HACK */
  _display: inline; /* IE6 HACK */
}

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


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

#main-content3 { 
  width: 972px;
  float: left;

  _width: 964px; /* IE6 HACK */
  _display: inline; /* IE6 HACK */
}


#main-content3 p, #main-content3 .VECContentColumn, #main-content3 .VECNumberResults {
margin-left: 3em;
}

#main-content3 .legend{
font-weight:bold;
}

#main-content4 { 
  width: 57%;
  float: left;
  _width: 56.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: 220px;
  float: left;
  margin-left: 4px; /* centering tweak */
  _display: inline; /* IE6 HACK */
}

#sub-content-a .link-more {
  display: block;
  float: none;
  background: url(/images/template/icon-arrow-right.png) left 60% no-repeat;
  margin-left: 145px;
  margin-bottom: 0.5em;
}

#sub-content-b {
 width: 192px;
  float: left;
  margin-left: 0;
}

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

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

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

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

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

#sub-content-a .inner {
 margin: 0 5px 0.5em 10px;
}

#sub-content-b .inner { 
  margin: 0 0 0.5em 5px;
}


#main-content h1#page-title, #main-content2 h1, #main-content4 h1{ 
  background: #41689f url(/images/template/bg-v-gradient-cnrs-main-content-3-cols.png) left top repeat-x;
  font-weight:bold;
  _background-image: url(/images/template/bg-v-gradient-cnrs-main-content-3-cols-ie6.png); /* IE6 HACK */
}

#main-content1 h1{
  background: #41689f url(/images/template/bg-v-gradient-cnrs-main-content-2-cols.png) left top repeat-x;
  font-weight:bold;
  _background-image: url(/images/template/bg-v-gradient-cnrs-main-content-2-cols-ie6.png); /* IE6 HACK */
}

#main-content3 h1{
  background: #41689f url(/images/template/bg-v-gradient-cnrs-main-content-1-cols.png) left top repeat-x;
  font-weight:bold;
  _background-image: url(/images/template/bg-v-gradient-cnrs-main-content-1-cols-ie6.png); /* IE6 HACK */
}

#sub-content-a h3, #page-navigation h2{
  background: #41689f url(/images/template/bg-v-gradient-cnrs-sub-content-a.png) left top repeat-x;
  font-weight:bold;
}

#sub-content-b h3.first {
  background: #41689f url(/images/template/bg-v-gradient-cnrs-sub-content-b.png) left top repeat-x;
  font-weight:bold;
}

/* 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;
	 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;
	 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 {
    vertical-align:top;
	background-color: #FFFFCC;
	padding: 5px;
}

.greenbox {
	background-color: #c0ebe0;
	padding: 0.5em;
}
.bluebox {
	background-color: #AED0FF;
	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;
		padding-left: 35px;
} 
		
.imgbulletglobe {
		background-image:url(/images/template/20px-globe.gif);
		background-repeat: no-repeat; 
		padding-left: 35px;
} 
		
.imgbulletbook {
		background-image:url(/images/template/20px-book.gif);
		background-repeat: no-repeat; 
		padding-left: 35px;
} 

/* Education Partnership Project */

#partnetship{
	width:560px;
	min-height:340px;
	position:relative;
	}

ul.red {
	position:absolute;
	width:135px;
	font-size:11px;
	left:5px;
	top:80px;
	list-style:none;
}

ul.red li{
	background:url(/images/content/about/directions/partnerships/arrow_red.png) no-repeat; 
	padding-left:9px; 
	list-style:none;
}

ul.blue {
	position:absolute;
	width:135px;
	font-size:11px;
	left:197px;
	top:144px;
	list-style:none;
}

ul.blue li{
	background:url(/images/content/about/directions/partnerships/arrow_blue.png) no-repeat; 
	padding-left:9px; 
	list-style:none;
}

ul.green {
	position:absolute;
	width:130px;
	font-size:11px;
	left:380px;
	top:80px;
	list-style:none;
}

ul.green li{
	background:url(/images/content/about/directions/partnerships/arrow_green.png) no-repeat; 
	padding-left:9px; 
	list-style:none;
}

ul.red li a, ul.blue li a, ul.green li a{
	text-decoration:none; 
	color:#000;
}

ul.red li a:hover, ul.blue li a:hover, ul.green li a:hover{
	text-decoration:underline;
}

#create{
width:498;
margin-left:60px;
}

#create .top{
	background:url(/images/content/about/directions/partnerships/create_top.jpg) no-repeat; 
	width:438px;
	height:20px;
	margin:0;
	padding:0;
}

#create .bottom{
	background:url(/images/content/about/directions/partnerships/create_bottom.jpg) no-repeat; 
	width:438px;
	height:20px;
	margin:0;
	padding:0;
}

#create .bg {
	background:url(/images/content/about/directions/partnerships/create_bg.jpg) repeat-y; 
	width:438px;	
	margin:0;
	min-height:50px;
}

#create .bg img{
	margin-left:-40px;
	margin-top:5%;
	position:relative;
	display:inline;
	height:50px;
}

#create .bg p{
	position:absolute;
	display:inline;
	width:360px;
	padding:0 10px;
	margin:0px;
	line-height:1.4em;
	font-size:11.5px;
	
}

#create .bg p a.h{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	line-height:1.4em;
}

#create .bg p a.one{
	color:#b82d2a;
	text-decoration:none;
	font-size:12px;
	line-height:1.4em;
}

#create .bg p a:hover{
	text-decoration:underline;
}

#growth{
width:598;
margin-left:60px;
}

#growth .top{
	background:url(/images/content/about/directions/partnerships/growth_top.jpg) no-repeat; 
	width:463px;
	height:19px;
	margin:0;
	padding:0;
}

#growth .bottom{
	background:url(/images/content/about/directions/partnerships/growth_bottom.jpg) no-repeat; 
	width:463px;
	height:19px;
	margin:0;
	padding:0;
}

#growth .bg {
	background:url(/images/content/about/directions/partnerships/growth_bg.jpg) repeat-y; 
	width:463px;	
	margin:0;
	min-height:80px;
}

#growth .bg img{
	margin-left:-40px;
	margin-top:4%;
	position:relative;
	display:inline;
	height:55px;
}


#growth .bg p{
	position:absolute;
	display:inline;
	width:360px;
	padding:0 10px;
	margin:0px;
	line-height:1.4em;
	font-size:11.5px;
	
}

#growth .bg p a.h{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	line-height:1.4em;
}

#growth .bg p a.two{
	color:#77a856;
	text-decoration:none;
	font-size:12px;
	line-height:1.4em;
}

#growth .bg p a:hover{
	text-decoration:underline;
}


#implement{
width:598;
margin-left:60px;
}

#implement .top{
	background:url(/images/content/about/directions/partnerships/implement_top.jpg) no-repeat; 
	width:464px;
	height:31px;
	margin:0;
	padding:0;
}

#implement .bottom{
	background:url(/images/content/about/directions/partnerships/implement_bottom.jpg) no-repeat; 
	width:464px;
	height:31px;
	margin:0;
	padding:0;
}

#implement .bg {
	background:url(/images/content/about/directions/partnerships/implement_bg.jpg) repeat-y; 
	width:464px;	
	margin:0;
	min-height:150px;
}

#implement .bg img{
	margin-left:-40px;
	margin-top:10%;
	position:relative;
	display:inline;
	height:57px;
}


#implement .bg p{
	position:absolute;
	display:inline;
	width:360px;
	padding:0 10px;
	margin:0px;
	line-height:1.4em;
	font-size:11.5px;
	
}

#implement .bg p a.h{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	line-height:1.4em;
}

#implement .bg p a.three{
	color:#1774c1;
	text-decoration:none;
	font-size:12px;
	line-height:1.4em;
}

#implement .bg p a:hover{
	text-decoration:underline;
}