/* This is the tile layout of Aiducation (2013) */
/* Maintile is the large, white tile*/
div#intro-background { height:560px; width:980; z-index: -1; }
div.maintile-outer { position: absolute; top : 50px; left : 20px; width:
  940px; height: 370px; background :#FFF; z-index: 1; opacity: .9; }
div#maintile-outer-real {background: transparent; z-index: 10;}

div#maintile-arrow-left { float: left; margin-top : 165px; margin-left : 10px; }
div#maintile-arrow-left img { width : 40px; height:40px; }
div#maintile-arrow-right { float: left; margin-top : 165px; margin-right : 10px; }
div#maintile-arrow-right img { width : 40px; height:40px; }
div#maintile-close-icon { position : relative; left : 905px; top : 10px;}

div#maintile-title { text-transform: uppercase; color :#94BE0E; font-weight:bold; font-size : 20px; }
div#maintile-inner { position : relative; margin-left: 10px; margin-right: 10px; margin-top: 20px; 
  float : left; width: 820px; top:-24px; /* to balance out the close button */}
div#maintile-left { width: 390px; float : left; position : relative; height : 300px;}
div.maintile-rightleft-text { margin-top: 5px; } 
div.maintile-rightleft-text .header-p { color:#94BE0E; font-weight:bold; font-size:16px;} 
div#maintile-left-bottom { position: absolute; bottom:10px; right:-30px; width: 250px; font-style:italic; color : #009B99; text-align:right;} 
div#maintile-right { float : left; width: 390px; position : relative; height : 300px ; margin-left: 40px;}
div.video { margin-left: 9px; margin-right: 9px; }

/* Special requests */
ol.maintile-list li { margin-bottom: 9px;  }


/* Smalltiles are the three smaller tiles on the bottom */
/* The spacing are 2x10 + edges of 15 each (right edge is 5 margin outer + 10 of the smalltile right margin */
div#intro-claim {position : absolute; top : 320px; color : white; font-size : 22px; font-weight : bold; margin-left: 15px; width : 300px; }
div#smalltiles { position : absolute; top : 435px; margin-left : 15px; margin-right : 5px; width: 960px; color : white; }
div.smalltile-images { position: relative; float:left; width : 300px; height : 125px; margin-right:10px; padding-left:10px; padding-top: 10px; background : #b4d055;
  -moz-box-shaow:     1px 1px 3px 1px #777;
  -webkit-box-shadow: 1px 1px 3px 1px #777;
  box-shadow:         1px 1px 3px 1px #777;
  opacity : 0.95
} 
div#smalltiles a:link, div#smalltiles a:active, div#smalltiles a:visited, div#smalltiles a:hover { color : #FFF;}
div.smalltile-images img { /* top is 780 px */ width : 310px; margin-right: 10px; }
div.smalltile-images #paypal-image { width:120px; margin-top: 10px; margin-left: 10px; }
div#smalltiles .active { background : #8cac1b;}
div#smalltiles :hover { background : #8cac1b;}
div.isi-head { font-size : 20px; font-weight:  bold; margin-bottom : 4px; }
div.isi-text { font-size : 16px; }
div.isi-more { float:right; position : absolute;  bottom : 10px; right : 10px; font-weight : bold; }
div.isi-more a { color : #FFF;}
div#transparency img { margin-right: 0px; }