.col8 { width: 670px;}
.col4 { width: 389px;}

.iconBox {
	border-color: #9ddcf9;
	display: block;
	height: 145px;
	text-align: center;
	background: url(/images/_pages/home/border-right.png) right center no-repeat;
	color: #474553;
	font-size: 13px;
	font-weight: bold;
}
.iconBox.last {background: none;}
.iconBox img { display: block; margin: 0 auto;}
.borderRight {
	border-right: 3px solid;
}

#mission {  height: 279px; }
#mission .content_box {height: 208px;line-height: 1em; font-size: 13px; overflow:hidden;}
#mission .content_box p {line-height:1.4;}

#news, #calendar {
	height: 207px;
	overflow: hidden;
}
#news .content_box, #calendar .content_box {
	height: 137px;
}

#resources, #twitter {
	height: 134px;
}
#resources .content_box { height: 64px;}
#twitter .content_box {
    height: 59px;
    padding-top: 5px;
}

#twitter {

}
#school {
	height: 174px;
	position: relative;
}
#school .content_box {
	height: 104px;
}



#school .attachedImage img{
	z-index:0;
	-moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
	-khtml-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
	border: 4px solid;
	border-left: none;
	border-top: none;
	border-bottom: none;
	border-color: #F7A193;
}

.missionImage {
    border-color: #A1DBE4;
    border-left: 4px solid;
	border-color: #A1DBE4;
    z-index: 0;
}

.resourceImage {
    border-left: 4px solid  #d1e39b;
    z-index: 0;
    float:right;
   height:72px;
}

.schoolImage {
    border-left: 4px solid  #F7A193;
    z-index: 0;
    float:right;
}

ul#headerTweetList { margin: 0; padding: 0;}
#headerTweetList li { font-size: .7em; padding: 5px 10px; line-height: 1.2em;}
#headerTweetList li img { display: block; float: left; margin: 0 10px 0 0; border: 1px solid #ccc; border-radius: 3px; padding: 2px;}

#notePad {
    background: url("/images/_pages/_global/NotePad_Background.png") no-repeat scroll 0 0 transparent;
    height: 409px;
    margin: -13px -12px 0 0;
    padding: 70px 12px 20px;
    width: 246px;
}
#notePad .post {
    border-bottom: 2px solid #0072BC;
    font-size: 0.8em;
    margin: 0 8px;
    padding: 0;
}
#notePad .post.small { padding: 10px 0px;}
#notePad .post.small a { display: block;}
#notePad .post.small a em { font-size: .8em;}
#notePad .post.last { border: none;}
#notePad .date { font-size: 13px; margin: 3px 0;}
#notePad img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #B5D0F0;
    border-radius: 8px 8px 8px 8px;
    float: left;
    margin: 0 0px 10px 0;
    padding: 3px;
}

span.programsHead {
	background: url("/images/_pages/home/programs.png") no-repeat scroll 0 0 transparent;
	height:37px;
	display:block;
	margin-top:11px;
	padding:0;
	text-indent:-9999em;
}

span.missionHead {
	background: url("/images/_pages/home/mission.png") no-repeat scroll 0 0 transparent;
	height:37px;
	display:block;
	margin-top:11px;
	padding:0;
	text-indent:-9999em;
}

span.newsHead {
	background: url("/images/_pages/home/news.png") no-repeat scroll 0 0 transparent;
	height:37px;
	display:block;
	margin-top:11px;
	padding:0;
	text-indent:-9999em;
}

span.calendarHead {
	background: url("/images/_pages/home/calendar.png") no-repeat scroll 0 0 transparent;
	height:37px;
	display:block;
	margin-top:11px;
	padding:0;
	text-indent:-9999em;
}

span.resourceHead {
	background: url("/images/_pages/home/featured_resource.png") no-repeat scroll 0 0 transparent;
	height:37px;
	display:block;
	margin-top:9px;
	padding:0;
	text-indent:-9999em;
}
span.twitterHead {
	background: url("/images/_pages/home/twitter.png") no-repeat scroll 0 0 transparent;
	height:37px;
	display:block;
	margin-top:10px;
	padding:0;
	text-indent:-9999em;
}

span.mahaloHead {
	background: url("/images/_pages/home/mahalo_header.png") no-repeat scroll 0 0 transparent;
	height:37px;
	display:block;
	margin-top:11px;
	padding:0;
	text-indent:-9999em;
}

span.schoolHead {
	background: url("/images/_pages/home/featured_school.png") no-repeat scroll 0 0 transparent;
	height:37px;
	display:block;
	margin-top:9px;
	padding:0;
	text-indent:-9999em;
}

span.orangeBox {
    background-color: #FFA800;
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    -khtml-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
    color: #FFFFFF;
    height: 167px;
    padding: 15px;
    text-align: center;
    width: 595px;
}

span.lightGreenBox {
    background-color: #98D700;
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    -khtml-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
    color: #FFFFFF;
    height: 167px;
    padding: 15px;
    text-align: center;
    width: 350px;
}

span.darkGreenBox {
    background-color: #00BE30;
    color: #FFFFFF;
    height: 167px;
    margin: 0 10px;
    padding: 15px;
    text-align: center;
    width: 430px;
}

span.redBox {
    background-color: #FF213A;
    color: #FFFFFF;
    height: 167px;
    padding: 15px;
    text-align: center;
   
    width: 350px;
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    -khtml-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
}

span.purpleBox {
    background-color: #7F54B1;
    color: #FFFFFF;
    height: 167px;
    padding: 15px;
    text-align: center;
   
    width: 435px;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    -khtml-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
}

span.blueBoxLeft {
    background-color: #00BDD3;
    height: 167px;
    padding: 15px 0px;
    width: 20px;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    -khtml-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
}

span.blueBoxRight {
    background-color: #00BDD3;
    color: #FFFFFF;
    height: 167px;
    padding: 15px;
    text-align: center;
    width: 510px;
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    -khtml-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
}


span.headerAdmat{color:#FDEA00; font-size:22px; font-weight:bold;}


span.headerLine{
	background: url("/images/_pages/_global/top_orange.png") no-repeat scroll 0 0 transparent;
	width:504px;
	height:5px;
	display:block;
	margin:0 auto 0;
	padding:0;
}

span.headerTwoLine{
	background: url("/images/_pages/_global/top_line_purple.png") no-repeat scroll 0 0 transparent;
	width:342px;
	height:5px;
	display:block;
	margin:0 auto 0;
	padding:0;
}

span.bottomLine{
	background: url("/images/_pages/_global/bottom_line.png") no-repeat scroll 0 0 transparent;
	width:342px;
	height:5px;
	display:block;
	padding:0;
	margin:2px auto 0;
}

#admats {margin-bottom:20px; height:198px; padding-bottom:10px; border-bottom:3px solid #006e3a; line-height:1.25; overflow:hidden; display: block; position:relative;}

.slide {height:198px; display:none; padding-bottom:10px;}

.admatPhoto { 	
	-moz-border-radius: 10px 0 0 0;
    -webkit-border-radius:10px 0 0 0;
    -khtml-border-radius:10px 0 0 0;
    border-radius:10px 0 0 0;
}

.admatPhotoTwo { 	
	-moz-border-radius: 0 10px 0 0;
    -webkit-border-radius:0 10px 0  0;
    -khtml-border-radius:0 10px 0  0;
    border-radius:0 10px 0  0;
}

.admatPhotoMid {margin:0 10px; 	
	}

.admatText { margin-top:10px; display:block;}

.admatTextDark {font-size: 27px;  margin-top:10px; display:block;}


.admatSubText {font-weight:bold; display: block; color:#FDEA00; margin-top:10px; }

.admatSubTextPurp { font-weight:bold; display: block; color:#FDEA00; margin-top:10px; }

.admatVideo {width:360px; display:block; height:198px; margin:0 10px;}

ul.tabs {
    bottom: 0;
    list-style: none outside none;
    margin: 8px 10px 16px;
    position: absolute;
    right: 0;
}

.tabs li {
	background-color:#A1DBE4;
	float:left;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius:50%;
	height:12px;
	width:12px;
	margin-left:5px;
	list-style: none;
	-moz-box-shadow: 1px 1px 2px #aaa;
	-webkit-box-shadow: 1px 1px 2px #aaa;
	box-shadow: 1px 1px 2px #aaa;
}

.tabs li:hover, .tabs li.current {background-color:#00BBCE; cursor: pointer;}